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

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('_fonts/Inter-Light.woff2') format('woff2'),
       url('_fonts/Inter-Light.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('_fonts/Inter-Medium.woff2') format('woff2'),
       url('_fonts/Inter-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('_fonts/Inter-SemiBold.woff2') format('woff2'),
       url('_fonts/Inter-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('_fonts/Inter-Black.woff2') format('woff2'),
       url('_fonts/Inter-Black.woff') format('woff');
}



/* STYLES DE BLOCS */

.siell_blocs,
.siell_blocs .tao_bloc_texte p,
.mce-content-body {
font-family: 'Inter', sans-serif;
font-weight: 300;
line-height: 24px;
color: #434343;
}

		html.is_blocs_linear .siell_blocs,
		html.is_blocs_linear .siell_blocs .tao_bloc_texte p {
		line-height: 20px;
		}

.siell_blocs,
.mce-content-body {
background-color: #fff;
}

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

.siell_blocs a,
.mce-content-body a {
text-decoration: underline;
color: #434343;
}

.siell_blocs a:hover,
.mce-content-body a:hover {
text-decoration: underline;
color: #009de0;
}

.siell_blocs strong,
.mce-content-body strong {
font-weight: 600;
}

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

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

.siell_blocs .tao_links .tao_links-titre {
color: #434343;
}

.siell_blocs .tao_links .tao_links-titre:hover {
color: #009de0;
}


/* STYLES DE TEXTE */

.siell_blocs h2,
.mce-content-body h2 {
padding-top: 30px !important;
padding-bottom: 10px !important;
font-size: 30px;
line-height: 40px;
font-weight: 600;
}

		html.is_blocs_linear .siell_blocs h2,
		html.is_blocs_linear .mce-content-body h2  {
		font-size: 20px;
		line-height: 24px;
		}

.siell_blocs h3,
.mce-content-body h3 {
padding-top: 20px;
padding-bottom: 10px;
font-size: 20px;
line-height: 24px;
font-weight: 600;
}

		html.is_blocs_linear .siell_blocs h3,
		html.is_blocs_linear .mce-content-body h3  {
		font-size: 16px;
		line-height: 20px;
		}


.siell_blocs  p.siell_blocs_t1,
.mce-content-body p.siell_blocs_t1 {
font-size: 30px;
line-height: 40px;
}

		html.is_blocs_linear .siell_blocs  p.siell_blocs_t1,
		html.is_blocs_linear .mce-content-body p.siell_blocs_t1  {
		font-size: 20px;
		line-height: 24px;
		}

.siell_blocs  p.siell_blocs_t2,
.mce-content-body p.siell_blocs_t2 {
font-size: 14px;
line-height: 18px;
color: #999;
}

		html.is_blocs_linear .siell_blocs  p.siell_blocs_t2,
		html.is_blocs_linear .mce-content-body p.siell_blocs_t2 {
		font-size: 12px;
		line-height: 14px;
		color: #999;
		}

.siell_blocs .tao_links .tao_links-suite a.tao_links-default {
font-weight: 700;
}

.siell_blocs .tao_links .tao_links-suite a.tao_links-default:before {
content: '> ';
}

.siell_blocs .tao_links a:hover {
text-decoration: none;
}

.tox .tox-collection__item-label {
line-height: inherit !important;
}


/* STYLES DE BLOC
 * -> on applique les styles de "dimensions" uniquement dans la liste côté site
 * -> on applique les syles de "texte" aussi pour tinymce
 * -> les styles doivent être appliqués sur le bloc, sur le tao_bloc-content et sur les before et after, en aucun cas sur le tao_bloc-cell...
 */

.mce-content-body .siell_blocs_encadre1,
.siell_blocs .siell_blocs_encadre1 {
background: #ececec;
background-clip: padding-box;
}

.mce-content-body .siell_blocs_encadre2,
.siell_blocs .siell_blocs_encadre2 {
background: #009de0;
background-clip: padding-box;
}

.mce-content-body .siell_blocs_encadre3,
.siell_blocs .siell_blocs_encadre3 {
background: #74bc7a;
background-clip: padding-box;
}

.mce-content-body .siell_blocs_encadre4,
.siell_blocs .siell_blocs_encadre4 {
background: #f07b5f;
background-clip: padding-box;
}

.mce-content-body .siell_blocs_encadre5,
.siell_blocs .siell_blocs_encadre5 {
background: #f0c95f;
background-clip: padding-box;
}

.mce-content-body .siell_blocs_sep1,
.siell_blocs .siell_blocs_sep1 {
position: relative;
}

.mce-content-body .siell_blocs_sep1::before,
.siell_blocs .siell_blocs_sep1::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: transparent linear-gradient(90deg, rgba(116, 188, 122, 1) 0%, rgba(74, 155, 218, 1) 49%, rgba(225, 101, 77, 1) 100%) 0% 0% no-repeat padding-box;
}