@import url('https://fonts.googleapis.com/css?family=Muli:300,400,700&display=swap&subset=latin-ext');

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('./_fonts/playfair-display-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./_fonts/playfair-display-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('./_fonts/playfair-display-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./_fonts/playfair-display-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* STYLES DE BLOCS */

.red_blocs,
.red_blocs .tao_bloc_texte p,
.red_blocs .tao_bloc_texte li,
.red_blocs .tao_bloc_accordeon p,
.red_blocs .tao_bloc_accordeon li,
.mce-content-body {
font-family: 'Muli', sans-serif;
font-weight: 200;
line-height: 22px;
color: #000;
}

.red_blocs {
background-color: transparent;
}

.mce-content-body {
background-color: #eee;
}

#str-contenu .red_blocs {
background-color: transparent;
}

.red_blocs a,
.mce-content-body.tao_bloc-content a {
text-decoration: inherit;
color: inherit;
}

html.is_blocs_grid .red_blocs a,
html.is_blocs_grid .red_blocs a *,
.mce-content-body.tao_bloc-content a,
.mce-content-body.tao_bloc-content a * {
transition: all .5s ease-out;
}

html.is_blocs_grid .red_blocs a:hover,
html.is_blocs_grid .red_blocs a:hover *,
.mce-content-body.tao_bloc-content a:hover,
.mce-content-body.tao_bloc-content a:hover * {
color: inherit;
text-decoration: inherit;
}



/* STYLES DE TEXTE */


.red_blocs h1.red_blocs_titre_1,
.mce-content-body.tao_bloc-content h1.red_blocs_titre_1 {
position: relative;
padding-top: 25px;
padding-bottom: 50px;
font-size: 30px;
line-height: 40px;
font-family: 'Playfair Display';
letter-spacing: 0;
color: rgba(26, 26, 26, 1);
}

.red_blocs h2.red_blocs_titre_2,
.mce-content-body.tao_bloc-content h2.red_blocs_titre_2 {
padding-top: 15px;
font-size: 20px;
line-height: 28px;
font-family: 'Muli', sans-serif;
color: #000;
}

.red_blocs h1.red_blocs_titre_1:first-child,
.mce-content-body.tao_bloc-content h1.red_blocs_titre_1:first-child,
.red_blocs h3.red_blocs_titre_2:first-child,
.mce-content-body.tao_bloc-content h2.red_blocs_titre_2:first-child {
padding-top: 0;
}

.red_blocs .red_blocs_muli {
font-family: 'Muli', sans-serif;
}

.red_blocs .red_blocs_playfair {
font-family: 'Playfair Display';
}

.red_blocs .red_blocs_taille_1 {
font-size: 30px;
line-height: 40px;
}

.red_blocs .red_blocs_taille_2 {
font-size: 20px;
line-height: 28px;
}

.red_blocs p.red_blocs_citation,
.mce-content-body.tao_bloc-content p.red_blocs_citation {
position: relative;
padding: 40px !important;
font-size: 1.1em;
line-height: 1.6em;
font-style: italic;
text-align: center !important;
}

.red_blocs p.red_blocs_citation::after,
.mce-content-body.tao_bloc-content p.red_blocs_citation::after {
position: absolute;
right: 20px;
bottom: 20px;
text-align: center;
content: '”';
font-style: italic;
font-family: 'Playfair Display';
font-size: 50px;
color: inherit;
}

.red_blocs p.red_blocs_citation::before,
.mce-content-body.tao_bloc-content p.red_blocs_citation::before {
position: absolute;
left: 5px;
top: 40px;
content: '“';
text-align: center;
font-style: italic;
font-family: 'Playfair Display';
font-size: 50px;
color: inherit;
}

.red_blocs .red_blocs_bouton {
display: inline-block;
padding: 6px 12px;
text-align: center;
font-size: 11px;
font-weight: 200;
text-transform: uppercase;
font-family: 'Muli', sans-serif;
letter-spacing: 1px;
color: #fff !important;
background-color: #1A1A1A;
border: 1px solid #fff;
}

.red_blocs .red_blocs_bouton a {
color: #fff !important;
}

.red_blocs .red_blocs_liaison .tao_links-texte a.tao_links-link .tao_links-titre {
font-size: 20px;
line-height: 28px;
margin-right: 0 !important;
font-family: 'Playfair Display';
letter-spacing: 0;
}

.red_blocs .red_blocs_liaison2 .tao_links-texte a.tao_links-link .tao_links-titre {
padding: 5px 0;
margin-right: 0 !important;
font-family: 'Playfair Display';
}

.red_blocs .tao_bloc_accordeon .tao_bloc_accordeon-head .tao_bloc_accordeon-toggle {
left: 50%;
margin-left: -10%;
opacity: .5;
text-align: center;
border: none;
}

.red_blocs .tao_bloc_accordeon .tao_bloc_accordeon-head .tao_bloc_accordeon-toggle i {
font-size: 20px;
line-height: 20px;
}

/* bloc parent avec un média de fond */

.mce-content-body.tao_blocs_is_bkg,
.tao_blocs.tao_blocs_is_bkg {
background-color: #3F3B33 !important;
}



/* STYLES DE BLOC
 * -> les changements de dimensions sont appliquées automatiquement en padding au tao_bloc-cell
 * -> on applique les syles de "texte" aussi pour tinymce
 * -> 3 contextes d'affichage :
 *    - affichage du style sur le site : ".##bloc_strid## .##bloc_style## .tao_bloc-cell"
 *    - affichage du style sur le tinymce : ".mce-content-body.##bloc_style##"
 *    - affichage du style sur la liste des blocs intérieurs au bloc groupe stylé : ".##bloc_strid##.##bloc_style##"
 */

.red_blocs .red_blocs_encadre .tao_bloc-cell,
.mce-content-body.red_blocs_encadre,
.red_blocs.red_blocs_encadre {
background-color: #fff !important;
}

.red_blocs .red_blocs_encadre2 .tao_bloc-cell,
.mce-content-body.red_blocs_encadre2,
.red_blocs.red_blocs_encadre2 {
background-color: #3F3B33 !important;
}

.red_blocs .tao_bloc_link.red_blocs_encadre2 .tao_bloc-cell *,
.mce-content-body.red_blocs_encadre2 *,
.red_blocs.red_blocs_encadre2 * {
color: #fff;
}

.red_blocs .tao_bloc_accordeon.red_blocs_encadre2 .tao_bloc_accordeon-head .tao_bloc_accordeon-toggle i {
color: #fff !important;
}

.red_blocs .red_blocs_encadre3 .tao_bloc-cell,
.mce-content-body.red_blocs_encadre3,
.red_blocs.red_blocs_encadre3 {
background-color: #000000 !important;
}

.red_blocs .tao_bloc_link.red_blocs_encadre3 .tao_bloc-cell *,
.mce-content-body.red_blocs_encadre3 *,
.red_blocs.red_blocs_encadre3 * {
color: #fff;
}

.red_blocs .tao_bloc_accordeon.red_blocs_encadre3 .tao_bloc_accordeon-head .tao_bloc_accordeon-toggle i {
color: #fff !important;
}

.red_blocs .red_blocs_action,
.mce-content-body.red_blocs_action,
.red_blocs.red_blocs_action {
background-color: rgba(0,0,0);
}

.red_blocs .red_blocs_action .tao_bloc-cell,
.mce-content-body.red_blocs_action .tao_bloc-cell,
.red_blocs.red_blocs_action .tao_bloc-cell {
padding: 30px 10px;
}

.red_blocs .red_blocs_action *,
.mce-content-body.red_blocs_action * {
font-size: 20px;
line-height: 28px;
text-align: center;
font-family: 'Playfair Display';
letter-spacing: 0;
color: #fff !important;
}

html.is_blocs_grid .red_blocs .red_blocs_action:hover,
.mce-content-body.red_blocs_action:hover {
text-decoration: none;
}

.red_blocs .red_blocs_action2,
.mce-content-body.red_blocs_action2,
.red_blocs.red_blocs_action2 {
background-color: background-color:rgb(170, 161, 161);;
}

.red_blocs .red_blocs_action2 .tao_bloc-cell,
.mce-content-body.red_blocs_action2 .tao_bloc-cell,
.red_blocs.red_blocs_action2 .tao_bloc-cell {
padding: 30px 10px;
}

.red_blocs .red_blocs_action2 *,
.mce-content-body.red_blocs_action2 * {
font-size: 20px;
line-height: 28px;
text-align: center;
font-family: 'Playfair Display';
letter-spacing: 0;
color: #000 !important;
}

html.is_blocs_grid .red_blocs .red_blocs_action2:hover,
.mce-content-body.red_blocs_action2:hover {
text-decoration: none;
}

.red_blocs .red_blocs_action3,
.mce-content-body.red_blocs_action3,
.red_blocs.red_blocs_action3 {
background-color: rgba(255,255,255);
}

.red_blocs .red_blocs_action3 .tao_bloc-cell,
.mce-content-body.red_blocs_action3 .tao_bloc-cell,
.red_blocs.red_blocs_action3 .tao_bloc-cell {
padding: 30px 10px;
}

.red_blocs .red_blocs_action3 *,
.mce-content-body.red_blocs_action3 * {
font-size: 20px;
line-height: 28px;
text-align: center;
font-family: 'Playfair Display';
letter-spacing: 0;
color: #000 !important;
}

html.is_blocs_grid .red_blocs .red_blocs_action3:hover,
.mce-content-body.red_blocs_action3:hover {
text-decoration: none;
}