/* FONTS
------------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: local(''),
       url('_fonts/lato-v17-latin-regular.woff2') format('woff2'),
       url('_fonts/lato-v17-latin-regular.woff') format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  display: swap;
  src: local(''),
       url('_fonts/lato-v17-latin-700.woff2') format('woff2'),
       url('_fonts/lato-v17-latin-700.woff') format('woff');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: local(''),
       url('_fonts/mulish-v1-latin-regular.woff2') format('woff2'),
       url('_fonts/mulish-v1-latin-regular.woff') format('woff');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  display: swap;
  src: local(''),
       url('_fonts/mulish-v1-latin-600.woff2') format('woff2'),
       url('_fonts/mulish-v1-latin-600.woff') format('woff');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  display: swap;
  src: local(''),
       url('_fonts/mulish-v1-latin-700.woff2') format('woff2'),
       url('_fonts/mulish-v1-latin-700.woff') format('woff');
}


/* STYLES DE BLOCS */


.afpf_blocs,
.afpf_blocs .tao_bloc_texte p,
.mce-content-body {
font-family: 'Lato', sans-serif;
line-height: 1.3em;
color: #4d4d4d;
font-weight: normal;
}

.afpf_blocs {
background-color: transparent;
}

.mce-content-body,
.tao_blocs_edit .afpf_blocs {
background-color: transparent;
}

#str-contenu .afpf_blocs {
background-color: transparent !important;
}

.afpf_blocs a,
.mce-content-body.tao_bloc-content a {
color: #4d4d4d;
text-decoration: underline;
}

.afpf_blocs a:hover,
.mce-content-body.tao_bloc-content a:hover {
text-decoration: underline;
color: #5c9733;
}

.afpf_blocs .tao_media-resume {
padding-left: 20px;
font-size: 13px !important;
line-height: 16px !important;
}

.afpf_blocs .tao_media .tao_media-texte span.tao_media-format,
.afpf_blocs .tao_media .tao_media-texte span.tao_media-poids {
padding: 0 8px !important;
font-size: 13px !important;
}

.afpf_blocs .tao_links-resume {
font-size: 13px !important;
line-height: 16px !important;
}



/* STYLES DE TEXTE */

.afpf_blocs h2.afpf_blocs_h2,
.mce-content-body.tao_bloc-content h2.afpf_blocs_h2 {
font-weight: 700;
font-size: 20px;
line-height: 24px;
}

.afpf_blocs h2.afpf_blocs_h1,
.mce-content-body.tao_bloc-content h2.afpf_blocs_h1 {
padding-top: 20px;
font-size: 40px;
line-height: 30px;
color: #5c9733;
font-family: 'Mulish', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}

	html.is_blocs_linear .afpf_blocs h2.afpf_blocs_h1 {
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	}

.afpf_blocs h2.afpf_blocs_h1:before,
.mce-content-body.tao_bloc-content h2.afpf_blocs_h1:before {
display: inline-block;
padding-right: 20px;
width: 11px;
height: 15px;
content: '';
background: transparent url(afpf_blocs-h1.png) no-repeat left top;
}

	html.is_blocs_linear .afpf_blocs h2.afpf_blocs_h1:before {
	padding-right: 10px;
	background-position: left 2px;
	}

.afpf_blocs h2.afpf_blocs_h1:after,
.mce-content-body.tao_bloc-content h2.afpf_blocs_h1:after {
display: inline-block;
padding-left: 20px;
width: 11px;
height: 15px;
content: '';
background: transparent url(afpf_blocs-h1.png) no-repeat right top;
}

	html.is_blocs_linear .afpf_blocs h2.afpf_blocs_h1:after {
	display: none;
	}

.afpf_blocs li.afpf_blocs_li1,
.mce-content-body.tao_bloc-content li.afpf_blocs_li1 {
position: relative;
margin-left: 0 !important;
padding-left: 15px;
list-style: none;
}

.afpf_blocs li.afpf_blocs_li1:before,
.mce-content-body.tao_bloc-content li.afpf_blocs_li1:before {
position: absolute;
top: 0;
left: 0;
content: '\f45c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 10px !important;
}

.afpf_blocs li.afpf_blocs_li2,
.mce-content-body.tao_bloc-content li.afpf_blocs_li2 {
position: relative;
margin-left: 0 !important;
padding-left: 15px;
list-style: none;
}

.afpf_blocs li.afpf_blocs_li2:before,
.mce-content-body.tao_bloc-content li.afpf_blocs_li2:before {
position: absolute;
top: 0;
left: 0;
content: '\f105';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

.afpf_blocs .tao_media .tao_media-resume {
padding-left: 0;
}




/* STYLES DE BLOC
 * -> les changements de dimensions sont appliquées automatiquement en padding au tao_bloc
 * -> on applique les syles de "texte" aussi pour tinymce
 * -> 3 contextes d'affichage :
 *    - affichage du style sur le site : ".##bloc_strid## .##bloc_style##"
 *    - 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##"
 */


.afpf_blocs .afpf_blocs_encadre,
.mce-content-body.afpf_blocs_encadre {
background-color: #eee;
background-clip: padding-box;
}

.afpf_blocs .afpf_blocs_encadre2,
.mce-content-body.afpf_blocs_encadre2 {
background-color: #5c9733;
background-clip: padding-box;
}

.afpf_blocs .afpf_blocs_encadre2.tao_bloc_module * {
color: #fff;
}

.afpf_blocs .afpf_blocs_encadre3,
.mce-content-body.afpf_blocs_encadre3 {
border: 1px solid #8f8f87;
}

.afpf_blocs .afpf_blocs_encadre4,
.mce-content-body.afpf_blocs_encadr4 {
border: 1px solid #5c9733;
}



/* Style : call to action */

.afpf_blocs .afpf_blocs_cta .tao_links-suite a,
.afpf_blocs .afpf_blocs_cta a .tao_media-titre {
display: inline-block;
padding: 10px 40px;
font-size: 18px;
font-family: 'Mulish', sans-serif;
font-weight: bold;
color: #fff;
background-color: #5c9733;
text-decoration: none;
}

.afpf_blocs .afpf_blocs_cta .tao_links-suite a:after,
.afpf_blocs .afpf_blocs_cta a .tao_media-titre:after {
padding-left: 10px;
content: '\f30b';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

.afpf_blocs .afpf_blocs_cta .tao_links-suite a:hover,
.afpf_blocs .afpf_blocs_cta a:hover .tao_media-titre {
background-color: #1c1c1c;
text-decoration: none;
}