/*
Theme Name: DiviChild
Description: Thème enfant pour Divi
Author: Laurent
Template: Divi
*/

/**
* Tous les sites Index
**/

/* réglage du bug des mentions légales */
.ILD_mentions_legales h3 { font-size: 25px; padding-left: 0 !important; }

/* Page 404 */
.error404 .container:before { display: none !important; }

div.wpcf7-response-output { margin: 10em 0.5em 1em !important; }

/* case à cocher RGPD */
.et_pb_contact p input[type=checkbox] {
	display: inline-block;
	width: 20px;
	height: 20px;
	-webkit-appearance: checkbox !important;
}

.et_pb_contact p input[type="checkbox"] {
	position: relative;
	top: 6px;
}

#ILDPopUpCookies {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    opacity: 1;
    overflow: scroll;
	background-color: rgba(0, 0, 0, 0.85);
	width: 100%;
	transition: .8s ease-in-out;
	display: none;
}

#ILDPopUpCookiesContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

#ILDPopUpCookiesForm {
	text-align: center;
	padding: 150px 0;
}

#ILDPopUpCookiesForm h2 {
	color: #fff;
	font-size: 35px;
}

#ILDPopUpCookiesForm button {
	color: #fff;
	cursor: pointer;
	margin: 25px;
}

#ILDPopUpCookiesLogo {
	margin-top: 150px;
}

/* page 404 */
.ILD_page_404 {
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ILD_page_404 article {
	font-size: 2rem;
}

.ILD_page_404 p,
.ILD_page_404 h1 {
	color:  #fff;
	text-shadow: 1px 1px 1px #000;
}

.error404 #main-header,
.error404 #main-footer,
.error404 #top-header {
	display: none;
}

.grecaptcha-badge {
	display: none;
}

/**
* Général
**/

body {
	--bleu: #0000C4;
	--vert: #1A9056;
	--gris: #D9D9D9;
	--noir: #000;
	--padding-section: 60px;
	--padding-ligne: 30px;

	color: #333;

	font-size: 16px;
	font-family: 'Rubik';

}

.et_pb_section {
	padding: var(--padding-section) 0 !important;
}
.et_pb_row, 
.et_flex_row {
	padding: var(--padding-ligne) 0 !important;
}
.ild_justify_center {
	justify-content: center;
}
.ild_flex_column {
	display: flex;
	flex-direction: column;
}
.ild_space_between {
	justify-content: space-between;
}

.ild_premiere_section {
	padding-top: 110px !important;
	min-height: 100vh;
}

.ild_ligne_large {

}
.ild_ligne_700 {
	width: 700px !important;
}
.ild_ligne_50_50 {
	column-gap: 0 !important;
}
.ild_ligne_50_50 > .et_pb_column {
	width: 50% !important;
	margin-right: 0 !important;
}
.ild_ligne_50_50_radius > .et_pb_column:first-child {
	border-radius: 10px 0 0 10px;
}
.ild_ligne_50_50_radius > .et_pb_column:last-child {
	border-radius: 0 10px 10px 0;
}

.ild_colonne_chiffre_texte {
	flex-direction: row !important;
}
.ild_colonne_chiffre_texte > .ild_bloc_chiffre {
	width: 25% !important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.ild_colonne_chiffre_texte > .ild_bloc_chiffre .percent {
	height: auto !important;
}
.ild_colonne_chiffre_texte > .ild_bloc_chiffre .percent-value {
	font-size: 45px;
	font-family: 'Montserrat';
	font-weight: 700;
}
.ild_texte_blanc.ild_bloc_chiffre .percent-value {
	color: #fff !important;
}
.ild_texte_noir.ild_bloc_chiffre .percent-value {
	color: var(--noir) !important;
}
.ild_colonne_chiffre_texte > .ild_bloc_texte {
	width: 75% !important;
}
.ild_colonne_chiffre_texte > .ild_bloc_texte p:first-child {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 20px;
}

.ild_ombre_decalee, 
.ild_img_decalee {
	aspect-ratio: 1 / 1.4;
	overflow: hidden;
	border-radius: 10px;
	transform: skewX(-10deg);
}
.ild_img_decalee .et_pb_image_wrap {
	transform: skewX(10deg);
	display: block;
	max-width: none !important;
	width: 200%;
	height: 100%;
	margin-left: -17%;
}
.ild_img_decalee img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ild_colonne_img_penchees_ombre > div {
	display: block !important;
	width: 55%;
}
.ild_colonne_img_penchees_ombre > .et_pb_code {
	position: absolute;
	top: 50px;
	left: 50px;
}
.ild_colonne_img_penchees_ombre > .ild_img_decalee:first-child {
	margin-bottom: 0 !important;
}
.ild_colonne_img_penchees_ombre > .ild_img_decalee:last-child {
	margin-right: 13%;
	margin-left: auto;
	margin-top: -50%;
}
.ild_colonne_img_penchees_2_paysage .et_pb_code {
	position: absolute;
	z-index: 1 !important;
	border-radius: 10px;
	transform: skew(-10deg);
	aspect-ratio: 1 / 0.8;
	width: 75% !important;
	z-index: 1;
	display: block;
	left: 30px;
	top: 30px;
}
.ild_colonne_img_penchees_2_paysage .et_pb_image {
	display: block;
	width: 75% !important;
	aspect-ratio: 1 / 0.75;
	transform: skew(-10deg);
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 0 !important;
}
.ild_colonne_img_penchees_2_paysage .et_pb_image:first-child {
	z-index: 3;
}
.ild_colonne_img_penchees_2_paysage .et_pb_image:last-child {
	z-index: 2;
	margin-top: -30px;
}
.ild_colonne_img_penchees_2_paysage .et_pb_image_wrap {
	width: 150% !important;
	height: 100%;
	transform: skew(10deg);
	max-width: none;
	left: -25%;
}
.ild_colonne_img_penchees_2_paysage .et_pb_image_wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 10px;
}

/*.ild_colonne_sticky_vertical > .et_pb_sticky {
	min-height: 100vh;
}
.ild_colonne_sticky_vertical > .et_pb_sticky:last-child {
	min-height: 1px !important;
}*/
/*body.admin-bar .ild_colonne_sticky_vertical .et_had_animation, 
body.admin-bar .ild_colonne_sticky_vertical .et_pb_sticky {
	top: 112px !important;
}
.ild_colonne_sticky_vertical .et_had_animation, 
.ild_colonne_sticky_vertical .et_pb_sticky {
	top: 80px !important;
}*/
.ild_z_index_1 {
	z-index: 1 !important;
}
.ild_z_index_2 {
	z-index: 2 !important;
}
.ild_z_index_3 {
	z-index: 3 !important;
}
.ild_bloc_numero_texte .ild_numero {
	position: absolute;
	top: 0;
	right: 0;
	color: var(--vert);
	font-size: 120px !important;
	font-family: 'Montserrat';
	padding-bottom: 0;
	font-weight: 700;
	opacity: 0.25;
}
.ild_bloc_numero_texte h2 {
	margin-top: 50px;
	margin-bottom: 30px;
}
.ild_div_numero_sous_titre {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.ild_div_numero_sous_titre h3 {
	width: 30%;
}
.ild_div_numero_sous_titre p {
	width: 65%;
}

#ild_section_texte_images_scroll {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	/*height: 240vh;*/
	/*height: 100vh;*/
	padding: 100px 0 !important;
}
#ild_ligne_texte_scroll {
	width: max-content !important;
	max-width: max-content !important;
	margin: 0 0 !important;
	z-index: 3;
	/*position: absolute;*/
	/*top: 90px;*/
	padding: 0 0 !important;
}
#ild_ligne_texte_scroll .et_pb_text_inner p {
	font-family: 'Rubik';
	font-size: 450px !important;
	line-height: 500px !important;
	text-transform: uppercase;
	color: transparent !important;
	-webkit-text-stroke: 3px #fff;
	opacity: 0.4;
}
#ild_ligne_images_scroll {
	z-index: 4;
	position: absolute;
	width: max-content !important;
	max-width: max-content !important;
	padding: 0 0 !important;
	/*top: 225px;*/
	top: calc(50% - 120px);
}
#ild_ligne_images_scroll > .et_pb_column {
	width: 30vw !important;
	max-width: 30vw !important;
	margin-right: 3.333vw !important;
	max-height: 230px;
	height: 230px;
}
#ild_ligne_images_scroll .et_pb_image, 
#ild_ligne_images_scroll .et_pb_image_wrap {
	width: 100%;
	height: 100%;
	display: block;
} 
#ild_ligne_images_scroll img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
#ild_ligne_images_scroll > .et_pb_column:last-child {
	margin-right: 0 !important;
}
/*#ild_ligne_texte_scroll.is-fixed,
#ild_ligne_images_scroll.is-fixed {
	position: fixed;
}
#ild_ligne_texte_scroll.is-bottom,
#ild_ligne_images_scroll.is-bottom {
	position: absolute;
}*/

.ild_bloc_trait_vert {
	width: 75px !important;
	height: 3px;
	background-color: var(--vert);
}

.ild_bordure_g_vert {
	border-left: 3px solid var(--vert);
}

.ild_bascule {
	padding: 0 0 !important;
	background-color: #fff !important;
	border: none !important;
}
.ild_bascule .et_pb_toggle_title {
	padding-left: 30px !important;
	color: var(--noir);
	border-left: 3px solid var(--vert);
}
.ild_bascule .et_pb_toggle_title::before {
	/*color: var(--vert) !important;
	font-size: 22px !important;*/
	content: '' !important;
	width: 20px !important;
	height: 20px !important;
	background-color: #fff !important;
	border-radius: 50%;
	border: 2px solid var(--vert);
	background-image: url('images/plus-svert.svg');
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	top: calc(50% - 5px);
}
.ild_bascule.et_pb_toggle_open .et_pb_toggle_title {
	color: var(--vert);
}
.ild_bascule.et_pb_toggle_open .et_pb_toggle_title::before {
	background-image: url('images/moins-vert.svg');
}
.ild_bascule .et_pb_toggle_content {
	padding-left: 30px !important;
}

.ild_absolute_plein {
	width: 100% !important;
	margin: 0 0 !important;
	height: 100% !important;
	position: absolute !important;
	max-width: 100% !important;
	top: 0;
	left: 0;
}
.ild_ligne_absolute_blocs_decales {
	top: 0;
	position: absolute !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden;
	width: 100% !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	height: 100% !important;
}
.ild_ligne_absolute_blocs_decales .et_pb_column {
	width: 100%;
	height: 100%;
}
.ild_ligne_absolute_blocs_decales .et_pb_code {
	background-color: rgba(217, 217, 217, .5);
	transform: skewX(-10deg) !important;
	position: absolute;
	border-radius: 10px;
	width: 100px;
}
.ild_ligne_absolute_blocs_decales .et_pb_code:first-child {
	top: 0;
	left: 0;
	height: 60%;
}
.ild_ligne_absolute_blocs_decales .et_pb_code:nth-child(2) {
	bottom: 0;
	left: 0;
	height: 60%;
}
.ild_ligne_absolute_blocs_decales .et_pb_code:last-child {
	top: 0;
	right: 0;
	height: 100%;
}

.ild_bloc_30_pc_droite {
	width: 30% !important;
	float: right;
}
.ild_bloc_50 {
	width: 50% !important;
}
.ild_bloc_centre {
	margin-left: auto;
	margin-right: auto;
}

/**
* Fonts - polices
**/

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-VariableFont_wght.woff2');
	font-display: swap;
}
@font-face {
	font-family: 'Rubik';
	src: url('fonts/Rubik-VariableFont_wght.woff2');
	font-display: swap;
}

h2 {
	font-family: 'Montserrat';
	text-transform: uppercase;
	font-size: clamp(25px, 5vw, 30px);
	font-weight: 600;
	line-height: clamp(30px, 5vw, 35px);
}
.ild_faux_h3 .et_pb_text_inner, 
.ild_faux_h3 .et_pb_text_inner p, 
.ild_bloc_articles .ild_div_texte .ild_titre_actualite, 
h3 {
	font-family: 'Montserrat';
	text-transform: uppercase;
	font-size: clamp(22px, 5vw, 25px);
	font-weight: 500;
	line-height: clamp(27px, 5vw, 30px);
}
p, span, a, li, label, div {
	font-size: 16px;
}
.ild_faux_h1, 
.ild_faux_h1 .et_pb_text_inner,
.ild_faux_h1 .et_pb_text_inner p {
	font-size: 92px !important;
	line-height: 100px !important;
	font-weight: 600;
}
.ild_petit_h1 h1 {
	font-size: 20px !important;
}
.ild_font_degrade_gris, 
.ild_font_degrade_gris .et_pb_text_inner, 
.ild_font_degrade_gris .et_pb_text_inner p {
	background: linear-gradient(180deg, #fff, #555);
	background-clip: text;
	color: transparent;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat';
}
.ild_texte_blanc, 
.ild_texte_blanc .et_pb_text_inner, 
.ild_texte_blanc .et_pb_text_inner p {
	color: #fff;
} 
.ild_texte_noir, 
.ild_texte_noir .et_pb_text_inner, 
.ild_texte_noir .et_pb_text_inner p {
	color: var(--noir);
} 
.ild_texte_vert, 
.ild_texte_vert .et_pb_text_inner, 
.ild_texte_vert .et_pb_text_inner p {
	color: var(--vert);
} 
.ild_titre_blanc, 
.ild_titre_blanc h1, 
.ild_titre_blanc h2, 
.ild_titre_blanc h3, 
.ild_titre_blanc h4 {
	color: #fff;
} 
.ild_titre_noir, 
.ild_titre_noir h1, 
.ild_titre_noir h2, 
.ild_titre_noir h3, 
.ild_titre_noir h4 {
	color: var(--noir);
} 
.ild_titre_vert, 
.ild_titre_vert h1, 
.ild_titre_vert h2, 
.ild_titre_vert h3, 
.ild_titre_vert h4 {
	color: var(--vert);
} 
.ild_lien_blanc, 
.ild_lien_blanc a {
	color: #fff !important;
}

/**
* Margin - padding
**/

.ild_vertical_flex_gap_90 {
	row-gap: 90px !important
}
.ild_margin_top_90 {
	margin-top: 90px !important;
}
.ild_padding_top_90 {
	padding-top: 90px !important;
}
.ild_margin_b_null {
	margin-bottom: 0 !important;
}
.ild_padding_20 {
	padding: 20px;
}
.ild_padding_l_30 {
	padding-left: 30px !important;
}
.ild_padding_b_300 {
	padding-bottom: 300px !important;
}
.ild_padding_t_menu {
	padding-top: 80px !important;
}
.ild_padding_section_une {
	padding-top: 110px !important;
}

/**
* Backgrounds
**/

.ild_bg_blanc {
	background-color: #fff !important;
}
.ild_bg_bleu {
	background-color: var(--bleu) !important;
}
.ild_bg_gris {
	background-color: var(--gris) !important;
}
.ild_bg_rgba_bleu {
	background: linear-gradient(180deg, rgba(0,0,196,0.5) 0%, rgba(0,0,196,1) 100%);
}

/**
* Boutons
**/

.et_pb_button {
	display: inline-block;
	max-width: 100% !important;
	padding: 5px 15px !important;
	text-transform: uppercase;
	font-size: 16px !important;
	font-family: 'Montserrat' !important;
	line-height: 20px !important;
	border-radius: 15px / 50%;
}
.et_pb_button:hover {
	padding: 5px 15px !important;
}
.et_pb_button:hover::after {
	content: "" !important;
	display: none;
}
.ild_bouton_vert, 
.ild_bouton_vert:hover {
	color: var(--vert) !important;
	border: 3px solid var(--vert) !important;
	background-color: transparent !important;
}
.ild_bouton_blanc, 
.ild_bouton_blanc:hover {
	color: #fff !important;
	border: 3px solid #fff !important;
	background-color: transparent !important;
}

.et_pb_scroll_top.et-pb-icon {
	border-radius: 50%;
	background-color: #fff !important;
	border: 2px solid var(--bleu);
}
.et_pb_scroll_top.et-pb-icon::before {
	color: var(--bleu) !important;
	font-weight: 600;
	position: relative;
	right: 1px;
}

/**
* Articles
**/

.ild_ligne_actualité {
	margin: auto 0 !important;
	width: 100% !important;
	max-width: 1400px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.ild_bloc_articles .et_pb_code_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ild_bloc_articles .ild_actualite {
	width: calc(calc(100% - 30px) / 2);
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
.ild_bloc_articles .ild_actualite > div {
	width: calc(50% - 15px);
}
.ild_bloc_articles .ild_div_image {
	aspect-ratio: 1 / 1.2;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.ild_bloc_articles .ild_div_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ild_bloc_articles .ild_div_texte {
	padding: 30px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.ild_bloc_articles .ild_div_texte .more-link {
	text-transform: uppercase;
	color: var(--noir);
}
.ild_actualite_1 .ild_div_texte {
	background-color: var(--gris);
}
.ild_actualite_2 .ild_div_texte {
	background-color: var(--bleu);
}
.ild_actualite_2 .ild_titre_actualite,
.ild_actualite_2 .ild_div_texte p, 
.ild_actualite_2 .ild_div_texte a.more-link {
	color: #fff;
}
.ild_actualite_3 {
	flex-direction: row-reverse;
}
.ild_actualite_3 .ild_div_texte {
	background-color: var(--vert);
}
.ild_actualite_3 .ild_titre_actualite,
.ild_actualite_3 .ild_div_texte p, 
.ild_actualite_3 .ild_div_texte a.more-link {
	color: #fff;
}
.ild_actualite_4 {
	flex-direction: row-reverse;
}
.ild_actualite_4 .ild_div_texte {
	background-color: var(--gris);
}
.ild_actualite_1 .ild_titre_actualite,
.ild_actualite_4 .ild_titre_actualite {
	color: var(--noir);
}

/**
* Header & navigation
**/

#ild_section_header {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-color: transparent !important;
	position: fixed;
	width: 100%;
	z-index: 999;
}
#ild_section_header.ild_bg_menu {
	background-color: rgba(255,255,255,0.5) !important;
}
#ild_section_header.ild_bg_menu.ild_bg_noir {
	background-color: rgba(0,0,0,0.2) !important;
}
#ild_section_header.ild_bg_menu > .et_pb_row {
	padding: 10px 0 !important;
}
#ild_section_header > .et_pb_row {
	align-items: center !important;
}
#ild_header_logo {
	width: 150px !important;
	transition-duration: 0.5s;
}
#ild_header_logo.ild_logo_menu_petit {
	width: 100px !important;
	transition-duration: 0.5s;
}
#ild_header_menu {
	background-color: transparent !important;
}
#ild_header_menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}
#ild_header_menu .et_pb_menu__menu {
	display: none !important;
}
#ild_header_menu .et_mobile_nav_menu {
	display: block !important;
}
#ild_header_menu .mobile_menu_bar {
	height: 50px;
}
#ild_header_menu .mobile_menu_bar::before {
	/*content: "" !important;
	width: 50px !important;
	height: 50px !important;
	background-image: url('images/burger-menu-blanc.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;*/
	transition-duration: .5s;
	font-size: 50px !important;
	color: #fff !important;
}
#ild_header_menu.ild_burger_en_bleu .mobile_menu_bar::before {
	/*background-image: url('images/burger-menu-bleu.svg');*/
	color: var(--bleu) !important;
	transition-duration: 0.5s;
}
#ild_header_menu .et_mobile_menu {
	/*position: fixed !important;
	width: 100% !important;*/
	/*border-top: none !important;*/
	border: 3px solid #fff;
	background: linear-gradient(180deg, rgba(0,0,196,0.8) 0%, rgba(0,0,196,1) 100%);
	padding: 20px !important;
	border-radius: 10px;
	transform: skewX(-10deg);
}
#ild_header_menu .et_mobile_menu li {
	list-style-type: none !important;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}
#ild_header_menu ul > li:last-child {
	border-bottom: none;
}
#ild_header_menu .et_mobile_menu li::marker {
	display: none !important;
}
#ild_header_menu .et_mobile_menu li a {
	padding-left: 10px !important;
	color: #fff !important;
	font-size: 16px;
	transform: skewX(10deg);
	text-transform: uppercase;
}

/**
* Footer
**/

#ild_section_footer {
	row-gap: 0 !important;
	padding-bottom: 0 !important;
}
#ild_ligne_footer_principale {
	width: 90% !important;
	max-width: 1400px !important;
	column-gap: 0 !important;
	border-bottom: 3px solid #fff;
}
#ild_ligne_footer_principale > .et_pb_column:first-child {
	margin-right: 30px !important;
	width: calc(calc(100% - 60px) * 0.5);
}
#ild_ligne_footer_principale > .et_pb_column:nth-child(2) {
	margin-right: 30px !important;
	width: calc(calc(100% - 60px) * 0.25);
}
#ild_ligne_footer_principale > .et_pb_column:last-child {
	width: calc(calc(100% - 60px) * 0.25);
	margin-right: 0 !important;
}
#ild_logo_footer img {
	width: 150px;
}
.ild_lien_icone_footer p {
	display: flex;
	align-items: center;
}
.ild_lien_icone_footer p img {
	width: 35px;
	margin-right: 10px;
}

/**
* Responsive
**/
@media(max-width: 980px) {
	.et_pb_contact p {
		width: 100% !important;
		margin: 1px 0 !important;
	}
}