/*
Theme Name: Divi Enfant par Incomm
Description: Theme enfant du theme Divi
Author: Incomm
Author URI: https://www.incomm.fr
Template: Divi
Version: 1.05
*/

/********* HEADER ***********/

/*** Aligner la flèche - sous-rubriques***/
.et-menu .menu-item-has-children>a:first-child:after {
	right: auto !important;
	margin-right: 5px !important;
}
.et_pb_menu .et-menu > li {
  padding-left: 67px;
  padding-right: 25px;
}

/*** Menu burger - 1024 ***/
@media (max-width: 1300px) {
    .pa-burger-menu .et_pb_menu__menu {
        display: none !important;
    }
    .pa-burger-menu .et_mobile_nav_menu {
        display: flex !important;
        float: none;
        margin: 0 6px;
        align-items: center;
    }
}

.menu-image-hover-wrapper{
	padding-right:0px!important;
}


/*** Croix à l'ouverture du menu burger ***/
div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}

.et_pb_menu .et_mobile_nav_menu li { 
    list-style-type: none; 
}

/*** Metaslider - diapo ***/

.metaslider{
	overflow:hidden!important;
}

.metaslider .flexslider{
	margin:0 0!important;
}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {
  background-image: url('/wp-content/uploads/2022/09/fleche-gauche.svg') !important;
  width: 3.5vw !important;
  height: 4.5vw!important;
  background-size:contain;
	left:2vw;
}

.metaslider .flexslider .flex-direction-nav li a.flex-next {
  background-image: url('/wp-content/uploads/2022/09/fleche-droite.svg') !important;
  width: 3.5vw !important;
  height: 4.5vw!important;
  background-size:contain;
	right:2vw;
}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
  background: #008493 !important;
}

.flex-control-paging li a {
	background: #fff !important;
}

.metaslider .flex-control-nav{
	bottom:20px!important;
}

/***** PAGE ******/

.encartA1Hvr:hover p{
	color:#000!important;
}

/***formulaire DIVI***/

.et_pb_contact_form{
	margin-left:0%!important;
}

p.et_pb_contact_field{
	padding: 0px 0 0 0.5%!important;
    margin-bottom: 0.5%!important;
}

.et_contact_bottom_container{
	margin-top:1vw!important;
}

.et_pb_contact_form_0 .input[type="checkbox"]+label{ /*couleur texte RGPD*/
	color:#000!important;
}

.et_pb_contact p input[type=checkbox]:checked+label i:before, .et_pb_subscribe .et_pb_contact_field input[type=checkbox]:checked+label i:before { 
	color: #fff;/*** couleur picto check RGPD***/
}
.et_pb_contact_field_checkbox a:hover { /*couleur Hover lien RGPD*/
	color: #7c7c7c !important;
}

/******** FOOTER *********/

/*** Hauteur de la google map ***/
.hcent, .hcent .et_pb_code_inner, .hcent .et_pb_code_inner iframe {
	height:100% !important;
}

/*** Back to top ***/
/*.et_pb_scroll_top.et-pb-icon {
    background: url("") no-repeat !important;
    padding: 30px !important;
    color: transparent;
    bottom: 0px;
    right: 15px;
}*/

/***Menu footer***/

.et_pb_sidebar_0_tb_footer{
	display: flex;
    justify-content: center;	
}

.et_pb_widget_area_left{
	padding-right:0px!important;
}

#nav_menu-2{
	width:25%!important;
	margin-bottom:0%!important;
}

#nav_menu-3{
	width:25%!important;
	margin-bottom:0%!important;
}

/********* RESPONSIVE ***********/

/* Responsive 1024px*/

@media only screen and (max-width: 1250px) and (min-width: 981px){
	.atouts-row-1 img{
		width:70%;
	}
	.atouts-row-2 img{
		width:75%;
	}
	.partenaires-row img{
		width:70%;
	}
	.et_pb_column_0_tb_footer{
		padding-left:5%!important;
	}
	.rs-row img[src*=".svg"]{
		width:60%!important;
	}
.et_pb_menu .et-menu > li {
  padding-left: 67px!important;
  padding-right: 2px!important;
}

	 }

/*Responsive Tablette*/
@media (max-width: 981px){
	#encartA31_column{
		width:100%!important;
	}
	#encartA32_column{
		width:100%!important;
		display:flex!important;
	}
	/*** Column Header et Footer Order ***/
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	} 	
	.first-on-mobile {
		-webkit-order: 1!important;
		order: 1!important;
	}
	.second-on-mobile {
		-webkit-order: 2!important;
		order: 2!important;
	}
	.third-on-mobile {
		-webkit-order: 3!important;
		order: 3!important;
	}	
		
	.fourth-on-mobile {
		-webkit-order: 4!important;
		order: 4!important;
	}
	.fifth-on-mobile {
		-webkit-order: 5!important;
		order: 5!important;
	}
	.sixth-on-mobile {
		-webkit-order: 6!important;
		order: 6!important;
	}


	.et_pb_menu_0_tb_header.et_pb_menu{
		background-color:transparent!important;
	}	
		
	
	.header div .et_pb_section{
	background-color:transparent!important;	
	}
	
	/* Cela cible le champs email qui est le 6ème champs du formulaire de base. Modifier le chiffre si besoin en fonction du nombre de champs. */
	.et_pb_contact_field_6{
		width:100%!important;
	} 


}

@media all and (max-width: 767px){
	#encartA32_column{
		width:100%!important;
		display:block!important;
	}
	#encartA21_column{
		margin-bottom:2%!important;
	}
	#encartA32_column{
		width:100%!important;
		display:block!important;
	}
	.rs-row img{
		width:60%!important;
	}
	/* menu footer*/
	#nav_menu-2{
		width:100%!important;
		margin-bottom:0%!important;
	}
	#nav_menu-3{
		width:100%!important;
		margin-bottom:0%!important;
	}
	.et_pb_sidebar_0_tb_footer{
		display: block!important;	
	}
	#menu-menu_footer1 li, #menu-menu_footer2 li{
		text-align:center!important;
	}
	#menu-menu_footer1{
		margin-bottom:0px!important;
	}
}

/* Responsive du TITRE du menu footer desktop 

@media only screen and (max-width: 1100px) and (min-width: 981px){
	.titre_nav_footer{
		padding-right:5%!important
	}
}
@media only screen and (max-width: 1600px) and (min-width: 1101px){
	.titre_nav_footer{
		padding-right:10%!important
	}
}

@media only screen and (max-width: 2000px) and (min-width: 1601px){
	.titre_nav_footer{
		padding-right:15%!important
	}
}
@media only screen and (max-width: 2500px) and (min-width: 2001px){
	.titre_nav_footer{
		padding-right:20%!important
	}
}*/

/* Edito mise en page (NE PAS TOUCHER!) */

.edito .Bienvenue .et_pb_text_inner p:first-child::first-letter {
    font-size: 200%;
    color: #e1c272;
	font-weight: bold!important;
	text-align:center!important;
	font-family: krona one!important;
}

.editob p, .edito li{
     color: #ffffff!important;
 font-family: Montserrat;
    line-height: 1.5em;
}
.editob h2{
    font-family: krona one!important ;
    line-height: 1.1em;
    color: #ffffff!important; 
	font-weight: bold !important;
	text-transform: uppercase;
}
.edito p, .edito li{
     color: #000000!important;
 font-family: Montserrat;
    line-height: 1.5em;
}
.edito h2{
    font-family: krona one!important ;
    line-height: 1.1em;
    color: #747373!important; 
	font-weight: bold !important;
	text-transform: uppercase;
}
.edito h2::after {
  content: "";
    display: block;
    width: 70px;
    height: 4px;
    background-color: #008491;
    margin-top: 10px;
}
.editob h2::after {
  content: "";
    display: block;
    width: 70px;
    height: 4px;
    background-color: #ffffff;
    margin: 10px auto;
}

/*.edito h2::after {
 	content: url("img/trait-h2.png");
	display: block;
	padding: 10px;
}
.editob h2::after {
 	content: url("img/trait-h2.png");
	display: block;
	padding: 10px;
}*/
.edito a {
    font-weight: Bold;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
	font-family: Montserrat; 
	color: #00303b!important;  
	border-bottom: 1px solid;
}
.edito a:hover {
    color: #ffffff !important;
    text-decoration: none;
   text-decoration: none!important;
	background-color:#00303b;
}
.edito li {
    margin-left: 30px;
    margin-bottom: -1px;
    color: #000000;
 	font-family: Montserrat; 
    line-height: 1.8em; 
	list-style-type: disclosure-closed!important;
}
.editob a {
    font-weight: Bold;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
	font-family: Montserrat; 
	color: #00303b!important; 
	border-bottom: 1px solid;
}
.editob a:hover {
    color: #ffffff !important;
    text-decoration: none;
   text-decoration: none!important;
	background-color:#00303b;
}
.editob li {
    margin-left: 30px;
    margin-bottom: -1px;
    color: #ffffff;
 	font-family: Montserrat; 
    line-height: 1.8em; 
	list-style-type: disclosure-closed!important;
}
/* #rond::before {
    content: "";
    display: block;
    width: 200px;
    height: 173px;
    background-color: #e1c272;
    margin-top: 10px;
    border-radius: 50%;
    margin: -180px 0px 0px 327px;
     margin-top: 20px; 
    margin-bottom: 15px;
} */
/* EDITO gestion des ecrans*/
/*  SMARTPHONES */
@media (max-width: 767px) and (min-width: 320px){
    .edito h2{font-size:20px!important; text-align:center!important;} 
	.edito p a{
		font-size: 14px;
	}
	.edito p {
		font-size: 14px!important;
	}	
	.edito ul li a {
		font-size: 14px;
	}
	.edito ul li {
		font-size: 14px;
	}
	.edito h2::after {
  content: "";
    display: block;
    width: 70px;
    height: 4px;
    background-color: #008491;
    margin: 10px auto;
}
	.editob h2{font-size:21px!important; text-align:center!important;} 
	.editob p a{
		font-size: 14px;
	}
	.editob p {
		font-size: 14px!important;
	}	
	.editob ul li a {
		font-size: 14px;
	}
	.editob ul li {
		font-size: 14px;
	}
	/*#rond::before {
    content: "";
    display: block;
    width: 100px;
    height: 80px;
    background-color: #e1c272;
    margin-top: 10px;
    border-radius: 50%;
		margin: -70px 0px 0px 175px; }*/

}

    /*  TABLETTES */
@media (max-width: 980px) and (min-width: 768px){	
    .edito h2{font-size:30px!important; text-align:center!important;} 
	.edito p a{
		font-size: 16px;
	}
	.edito p {
		font-size: 16px!important;
	}
	.edito ul li a {
		font-size: 16px;
	}
	.edito ul li {
		font-size: 16px;
	}
	.edito h2::after {
  content: "";
    display: block;
    width: 70px;
    height: 4px;
    background-color: #008491;
    margin: 10px auto;
}
	.editob h2{font-size:30px!important; text-align:center!important;} 
	.editob p a{
		font-size: 16px;
	}
	.editob p {
		font-size: 16px!important;
	}
	.editob ul li a {
		font-size: 16px;
	}
	.editob ul li {
		font-size: 16px;
	}
	/*#rond::before {
    content: "";
    display: block;
    width: 100px;
    height: 80px;
    background-color: #e1c272;
    margin-top: 10px;
    border-radius: 50%;
		margin: -70px 0px 0px 550px; } */
}
 /*  BUREAUX */
@media (max-width: 2000px) and (min-width: 1300px){	
    .edito h2{font-size:29px!important; text-align:left!important;} 
	.edito p a{
		font-size: 16px;
	}
	.edito p {
		font-size: 16px!important;
	}
	.edito ul li a {
		font-size: 16px;
	}
	.edito ul li {
		font-size: 16px;
	}
	.editob h2{font-size:29px!important; text-align:center!important;} 
	.editob p a{
		font-size: 16px;
	}
	.editob p {
		font-size: 16px!important;
	}
	.editob ul li a {
		font-size: 16px;
	}
	.editob ul li {
		font-size: 16px;
	}
	#rond::before {
    content: "";
    display: block;
    width: 200px;
    height: 173px;
    background-color: #00303b;
    margin-top: 10px;
    border-radius: 50%;
    margin: -180px 0px 0px 327px;
    /* margin-top: 20px; */
    margin-bottom: 15px;
}
}

@media (max-width: 1200px) and (min-width: 981px){
    .edito h2{font-size: 25px !important; text-align:left;} 
	.edito p a{
		font-size: 14px;
	}
	.edito p {
		font-size: 14px!important;
	}	
	.edito ul li a {
		font-size: 14px;
	}
	.edito ul li {
		font-size: 14px;
	}
	.editob h2{font-size: 25px !important; text-align:center;} 
	.editob p a{
		font-size: 14px;
	}
	.editob p {
		font-size: 14px!important;
	}	
	.editob ul li a {
		font-size: 14px;
	}
	.editob ul li {
		font-size: 14px;
	}
	#rond::before {
    content: "";
    display: block;
    width: 170px;
    height: 150px;
    background-color: #00303b;
    margin-top: 10px;
    border-radius: 50%;
    margin: -159px 0px 0px 200px;
    /* margin-top: 20px; */
    margin-bottom: 15px;
}
}

/* Fin Mise en page bye bye!!!! */

/*Complianz*/
#cmplz-document {
 max-width : 100%
} 

/*Retour haut*/
.et_pb_scroll_top.et-pb-icon {
    font-size: 50px;
    width: 66px;
    height: 66px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.9);
    padding: 0;
	color: #fff
}

/*CSS  GRAVITY :
POUR ICONE ERREUR*/

.et_pb_wpt_gravityform.et_pb_wpt_gravityform_0 .gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon {
 
position: initial;
justify-content: center;
}

/*Pour le bouton Envoyer*/
.et_pb_wpt_gravityform.et_pb_wpt_gravityform_0 .gform_wrapper.gravity-theme #field_submit, 
.et_pb_wpt_gravityform.et_pb_wpt_gravityform_0 .gform_wrapper.gravity-theme .gform_footer{
	display:block
}
.et_pb_wpt_gravityform.et_pb_wpt_gravityform_0 .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-sixth {
	width:100%
 
}
.et_pb_wpt_gravityform.et_pb_wpt_gravityform_0 .et_pb_button {
width:100%
}

/*En savoir plus*/
a.form-pc {
  color:#008491;  
  font-weight:700
}
a.form-pc:hover {
  color:black;
  text-decoration:underline;
}

/*> Consent */

.et_pb_wpt_gravityform.et_pb_wpt_gravityform_0 .gfield_consent_label {
padding-left :0.5em;
display: inline;
}
/* Style lorsque la case est cochée */
section.et_pb_wpt_gravityform_0 .gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"], 
section.et_pb_wpt_gravityform_0 .gform_wrapper .ginput_container_consent input[type="checkbox"] {
 accent-color: #008491 !important;
}