/*
Theme Name: Divi-child par WP Marmite
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: Divi
Version: 1.0
*/

/* STYLE GENERAL */
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');

/*******************************************************/
/* tarteaucitron */
/*******************************************************/
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronPercentage,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
background: #ff6600 !important;
}
#tarteaucitronAlertBig {
background-color: rgba(0,0,0,0.8) !important;
}
#tarteaucitronDisclaimerAlert, #tarteaucitronDisclaimerAlert strong, #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
color: #fff !important;
}
#tarteaucitronAlertSmall {
background-color: rgba(0,0,0,0.5) !important;
}
#tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronCloseAlert {
border-radius: 3px !important;
}

body:not(.page-id-1455) #tarteaucitronAlertSmall {
  display: none !important;
}

body *{
	font-family:'Montserrat',sans-serif;
}

.et_pb_text h2{
	text-align:center;
	line-height:1em;
	font-size:63px
}

.et_pb_text h2 strong,
	.et_pb_text h2 strong span{
		font-weight:600;
}

.et_pb_text h2 em{
	color:#ff6600;
	font-weight:600;
	font-style:normal
}

/* BREADCRUMB */
#filAriane *{
	color:#fff;
}

#filAriane .et_pb_row{
	padding:16px 0;
}

/* MENU FLOTTANT */
.floating-menu .fm-bar{
	top:197px !important
}

/* ENTETE */
#top-header{
	background-color:#2e3e78
}

#main-header{
	border-bottom:1px solid rgba(255,255,255,0.5)
}

#main-header .et_menu_container{
	max-width:1270px;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content:space-between;
}

#main-header .et_menu_container .logo_container{
	position: initial;
	width:initial;
}

#main-header .et_menu_container .logo_container span{
	display: block;
}

#main-header .et_menu_container .logo_container #logo{
	width:175px;
}

#et-top-navigation{
	padding-top:0 !important;
	padding-left: 30px !important;
}

#top-menu > li{
	padding:26px !important;
	border-left:1px solid rgba(255,255,255,0.5)
}

#top-menu > li > ul{
	top:100%;
	left:0;
	background-color:rgba(0,0,0,.8) !important
}

#top-menu > li > ul > li > ul{
	right:100%;
	background-color:rgba(0,0,0,.9) !important
}

#top-menu > li ul li{
	line-height:1em;
	padding:10px;
	width:100%;
	box-sizing:content-box
}

#top-menu > li:last-child{
	border-right:1px solid rgba(255,255,255,0.5)
}

#top-menu a{
	font-size:14px;
	font-weight:600
}

#top-menu > li > a{
	padding-bottom:0 !important
}

#top-menu li li a{
	padding:0;
	line-height:1.2em
}

.et-fixed-header #top-menu >li >ul >li a{
	color:#fff!important
}

#mobile_menu{
	background-color:#333 !important;
}

@media all and (max-width:1400px){
	#top-menu > li{
		padding: 19px 10px !important;
	}
}

/*Agrandir le point de rupture de 980px à 1195px*/
@media all and ( max-width: 1195px ) {
	#top-menu-nav, #top-menu {display: none !important;}
	#et_mobile_nav_menu {display: block !important;}
	.mobile_menu_bar{padding-bottom:0 !important;}
	#main-header .et_menu_container .logo_container #logo{max-width:50%;}
}

/* ACCUEIL - ACCROCHE */
#accueil_accroche .et_pb_fullwidth_header h1{
	text-align:center;
	line-height:1em
}

#accueil_accroche .et_pb_fullwidth_header h1 strong{
	color:#ff6600;
	font-weight:500;
	font-size:73px
}

#accueil_accroche .et_pb_fullwidth_header h1 em{
	color:#fff;
	font-weight:600;
	font-size:55px;
	font-style:normal
}

@media only screen and (max-width:500px){
	#accueil_accroche{
		padding-top:0;
		padding-bottom:0;
	}
	#accueil_accroche .et_pb_fullwidth_header h1{
		font-size:2em;
		line-height:1.2em;
	}
	#accueil_accroche .et_pb_fullwidth_header h1 strong{
		font-size:1em;
	}
	#accueil_accroche .et_pb_fullwidth_header h1 em{
		font-size:1em;
	}
}

/* ACCUEIL - NOS MISSIONS */
#blocMissions h2{
	text-align:left
}

#listeMissions ol{
	counter-reset:compteur
}

#listeMissions ol li{
	list-style-type:none;
	counter-increment:compteur;
	margin-bottom:30px;
	color:#fff;
	font-family:'Montserrat', sans-serif;
	font-size:20px;
	padding-left:10px;
	position:relative;
	border-left:2px solid #fff;
	margin-left:60px
}

#listeMissions ol li a{
	color:#fff;
	text-decoration:none;
	transition:all 0.3s;
}
#listeMissions ol li:hover a{
	padding-left:10px;
}

#listeMissions ol li:before{
	content:counter(compteur);
	font-size:60px;
	color:#ff6600;
	font-family:'Montserrat',sans-serif;
	font-weight:700;
	position:absolute;
	top:10px;
	left:-60px;
	width:50px
}

@media only screen and (max-width:1440px){	
	#blocMissions h2{
		font-size:67px;
	}
	
	#listeMissions ol li{
			margin-left:0;
	}
	#listeMissions ol li:before{
		font-size:30px;
		left:-30px;
	}
}

@media only screen and (max-width:500px){
	#blocMissions{
		padding-top:50px;
	}
	#blocMissions:before{
		height:50px !important;
		top:0 !important;
	}
	#blocMissions h2{
		font-size:0.5em;
		padding-bottom:30px;
	}
	
	#blocMissions:after{
		font-size:0.5em;
		padding-bottom:30px;
		height:0;
	}
	#listeMissions ol li{
			margin-left:50px;
	}
	#listeMissions:before{
		height:50px
	}
}

/* ACCUEIL - NOS COMPETENCES */
#sectionCompetences .blocCompetence{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 10px;
}

@media only screen and (max-width:500px){
	#sectionCompetences .blocCompetence{
		max-width:100%;
	}
	
	#sectionCompetences .et_pb_column{
		padding-left:10px;
		padding-right:10px;
		margin-bottom:30px !important;
	}
	
	#sectionCompetences h2{
		font-size:0.5em;
	}
}

/* ACCUEIL - SECTEURS */

@media only screen and (max-width: 980px){
	#listeSecteurs > *{
		height:300px;
		margin-bottom:30px !important;
		overflow:hidden;
	}
	#listeSecteurs .et_pb_text{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		padding-top:0 !important;
		min-height:0;max-height:none;
		height:100% !important;
	}
}

@media only screen and (max-width: 980px){
	#listeSecteurs > *{
		height:300px;
		overflow:hidden;
	}
	#listeSecteurs .et_pb_text{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		padding-top:0 !important;
		min-height:0;max-height:none;
		height:100% !important;
	}
}

@media only screen and (max-width:500px){
	#sectionSecteurs h2{
		text-align:center !important;
		font-size:0.5em;
	}
}

/* ACCUEIL - ADN */
#listeADN{
	display:flex;
	flex-wrap:wrap;
	align-items:center
}

@media only screen and (max-width: 768px){
	#listeADN > *{
		width:100% !important;
		margin-bottom:30px !important;		
	}
	
	#listeADN > * .et_pb_text{
		text-align:center;
	}
}

@media only screen and (max-width:500px){
	#sectionAdn .et_pb_row_3{
		padding-top:0;
	}
	#sectionAdn h2{
		font-size:0.5em;
	}
	
	#listeADN{
		justify-content:center;
	}
}

/* SLIDER REFERENCES */
#carouselReferences{
	padding-left:60px;
	padding-right:60px
}

#carouselReferences .owl-stage-outer{
	overflow:hidden
}

#carouselReferences .owl-stage{
	display:flex;
	flex-wrap:wrap;
	align-items:center
}

#carouselReferences .owl-stage .owl-item > div{
	width:100%;
}

#carouselReferences .owl-stage .owl-item .et_pb_gallery_item{
	display:block !important;
	margin:0 !important
}

#carouselReferences .owl-stage .owl-item .et_pb_gallery_item a{
	display:block;
	text-align:center
}

#carouselReferences .owl-stage .owl-item .et_pb_gallery_item a img{
	width:auto !important
}

#carouselReferences .owl-nav{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:100%;
	height:60px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}

#carouselReferences .owl-nav.disabled{
	display:none!important
}

#carouselReferences .owl-nav span{
	color:#fff;
	font-size:36px;
	font-weight:200;
}

#carouselReferences .owl-nav > button{
	width:60px;
	background:#333;
	border:none;
	display:flex;
	align-items:center;
	justify-content:center
}

@media only screen and (max-width:500px){
	#sectionSliderReference .et_pb_row_5.et_pb_row{
		padding-top:26px !important;
		padding-bottom:0 !important;
	}
	#sectionSliderReference h2{
		font-size:0.5em !important;
		text-align:left;
	}
	#carousel{
		padding:0 0;
	}
}

/* DERNIERES ACTUS */
#blocActualites{
	background-position:center -100px
}

#blocActualites .et_pb_image_container{
	overflow:hidden;
}

#blocActualites .et_pb_image_container a{
	transition:all 0.3s;
	margin-bottom:0
}

#blocActualites article:hover .et_pb_image_container a{
	transform:scale(1.2)
}

@media only screen and (max-width:768px){
	#blocActualites{
		background-size:contain;
	}
	#blocActualites .et_pb_column{
		float:none;
	}
	#blocActualites  h2:first-child{
		font-size:0.5em;
	}
}

/* FOOTER */
#menu-menu-footer{
	text-align:center
}

@media only screen and (max-width:500px){
	#media_image-3 img{
		width:150px !important;
	}
}

/* ACTUS */
#accroche .et_pb_text_inner p{
	font-weight:500;
	color:#333;
	font-size:16px
}

#accroche .et_pb_text_inner h1{
	color:#333;
	font-weight:200;
	font-size:63px;
	text-align:center;
	line-height:1em
}

#accroche .et_pb_text_inner h1 strong{
	font-weight:500;
}

#accroche .et_pb_text_inner h1 em{
	color:#ff6600;
	font-weight:500;
	font-style:normal
}

#listeTotaleActualites .grid-sizer,
	#listeTotaleActualites .grid-item{
		width:calc(25% - 23px)
}

#listeTotaleActualites .gutter-sizer{
	width:15px
}

#listeTotaleActualites article{
	margin-bottom:15px
}

#listeTotaleActualites article .entry-featured-image-url{
	margin-bottom:0
}

#listeTotaleActualites article .entry-title{
	position:absolute;
	bottom:10px;
	left:20px
}

#listeTotaleActualites article .entry-title a{
	color:#fff;
	font-weight:600;
	font-size:18px
}

#listeTotaleActualites article .post-content{
	display:none
}

#listeCategorie{
	border-right:none
}

#listeCategorie .et_pb_widget.widget_categories{
	width:100%;
	margin-bottom:0
}

#listeCategorie .widgettitle{
	display:none
}

#listeCategorie ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}

#listeCategorie ul li:not(:last-child){
	margin-right:20px
}

#listeCategorie ul li a{
	display:block;
	border:1px solid #dde0e7;
	padding:17px 30px;
	color:#333;
	font-size:16px;
	font-weight:500;
	transition:all 0.3s
}

#listeCategorie ul li a:hover{
	border:1px solid #ff6600;
	color:#ff6600;
}

@media only screen and (max-width:768px){
	#accroche .et_pb_text_inner h1{
		font-size:2em
	}
}

/* FOLLOW RS */
#section_followRS h2{
	font-size:43px
}

#section_followRS .et_pb_widget_area_left{
	border-right:none
}

#section_followRS .widgettitle{
	display:none;
}

#section_followRS .widget_a2a_follow_widget{
	width:100%;
	margin:0 0
}

#section_followRS .addtoany_list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}

#section_followRS .addtoany_list a{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	background:#ff6600;
	border-radius:50%;
	margin-right:20px
}

#listeRS .item_social a svg{
	width:30px;
	height:30px
}

@media only screen and (max-width:768px){
	#section_followRS h2{
		font-size:2em;
	}
}

/** RUBRIQUE SOUS ARTICLE **/

#ligneSousArticle .imageRubrique{
	margin:0;
	padding:0;
	width:96px;
	height:96px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center
}

#ligneSousArticle .widgettitle{
	font-size:23px;
	font-weight:200;
	padding-bottom:16px;
	line-height:1em
}

#ligneSousArticle .et_pb_column > div:nth-child(2){
	border:1px solid #dde0e7;
	padding:24px 20px
}

/* Share RS */
#blocPartageRS .a2a_kit a{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	background:#2e3e78;
	width:40px;
	height:40px;
	margin-right:15px;
	border-radius:50%;
}

/* Liste Categories */

#sectionSousArticle a{
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	color:#2e3e78;
	transition:all 0.3s;
}

#sectionSousArticle a:hover{	
	color:#f26630;
}
/****/

/* FORMULAIRE */
#et_pb_contact_form_0 .et_contact_bottom_container{
	float:none;
	text-align:center;
}

/* CORPORATE */
.fondDescription ul{
	list-style:none;	
}
.fondDescription ul li:before{
	content:'•';
	display:inline-block;
	font-size:20px;
	margin-right:10px;
	color:#fff;
}

@media only screen and (max-width:992px){
	#enteteCorporate{
		padding:0 !important;
		min-height: 200px;
	}
	
	#sectionAccrocheCorporate h1{
		font-size:2em;
		line-height:1.2em;
	}
	#sectionAccrocheCorporate h1 strong{
		font-size:1em;
	}
	#sectionAccrocheCorporate h1 em{
		font-size:1em;
	}	
}

/**** Btn calltoaction + btn télécharger pdf***/
.et_pb_button.calltoaction, .calltoaction{
	color: #2ea3f2 !important;
	padding: .3em 1em;
	border: 2px solid #2ea3f2;
	background-color: transparent;
	font-size:20px;
	font-weight:500;
	transition: all 300ms ease 0ms;
}

.calltoaction:hover{
	padding: .3em 2em .3em .7em;
	border: 2px solid transparent;
	background-color: rgba(0,0,0,.05);
}

/****** Section contact Modale ****/
.custom--overlay {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0,0,0,.5); /* MODIFIER COULEUR DU FOND DE LA MODALE */
    width: 100%;
    height: 100%;
 }

.custom--overlay.visible {
    display: block;
}

.custom--modal {
    z-index: 150000;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
	width: 50%;
	height: 50vh;
}

.custom--modal .et-pb-contact-message{
	padding-bottom:45px;
	text-align: center;
	font-size: 20px;
}

.custom--modal form .et_contact_bottom_container{
	padding-left: 3%;
	display: flex;
	flex-wrap: wrap;
}

.custom--modal form .et_contact_bottom_container > *{
	width:49%;
}

.custom--modal.visible, .custom--close.visible {
    display: block;
}

.custom--trigger {
    cursor: pointer;
}

.custom--close {
    display: none;
    font-family: "ETmodules";
    font-size: 70px;
    color: #2ea3f2;
    z-index: 150000;
    position: fixed;
    top: 28%;
    right: 25%;
    cursor: pointer;
}
/***404***/
#error-page:before {
	display:none;
}
#typo-error-page{
	color:#f26630; 
	font-size:150px; 
	font-weight:900;
	padding-top:50px;
}
/** FORM CALDERA **/ 

.et_pb_contact_submit.et_pb_button{
	color:#f26630!important;
	font-size: 19px!important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
  
	}
#CF5ddbe7bbdfe59_1-row-7{
	text-align:center!important;
}
.et_pb_module.et_pb_code.et_pb_code_0{
	max-width:900px;
	margin:auto;
}
.et_builder_inner_content {
	z-index:inherit;	
}
#tarteaucitronRoot {
	z-index:99999;
}

#tarteaucitronRoot .tarteaucitronDeny,#tarteaucitronRoot .tarteaucitronAllow,#tarteaucitronCloseAlert {
	background:#06b2ba !important;	
	color:#fff !important;
}
/**** Filtre banniere ****/
.et_pb_section_first {
	background-blend-mode: luminosity;
}
.et_pb_section_first:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(109 114 181 / 50%);
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: hard-light;
}
a.entry-featured-image-url:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #768cdb8f;
    position: absolute;
    top: 0;
    left: 0;
}
a.entry-featured-image-url img {
	filter: grayscale(1);
    mix-blend-mode: multiply;
}