/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0.11
*/



/*-------------------------------- ligne verte et noir en haut de page --------------------------------*/
.headerBiColorLine{
	background-color: #000000;
	width:100%;
	height:10px;
}
.BiColorLineLeft{
	width:50%;
	background-color: #24a285;
	height:10px;
}
/*--- header --*/

#header-space {
	height: 110px !important;
}

@media only screen and (max-width: 1000px){
	#header-outer{ padding-top:0px !important;} /* suppression de la petite frange horizontale u dessus de la barre bi-color */

	#header-space {
		height: 72px !important; /*new header height for buttons on new line*/
	}
}

/* =====================================================
   HEADER MOBILE — 123 PARE-BRISE

   Première ligne : logo + hamburger — 64 px
   Deuxième ligne : RDV + téléphone  — 50 px
   Hauteur totale                   — 114 px

   Desktop non modifié.
   ===================================================== */

@media only screen and (max-width: 999px) {

    /* -------------------------------------------------
       1. Espace réservé au header

       Évite que le header et les boutons recouvrent
       le slider ou le contenu de la page.
       ------------------------------------------------- */

    #header-space {
        display: block !important;
        height: 114px !important;
        min-height: 114px !important;
    }

    /* -------------------------------------------------
       2. Conteneurs du header
       ------------------------------------------------- */

    #header-outer {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    #header-outer #top {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    #header-outer #top > .container {
        width: 100% !important;
        max-width: none !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    /*
     * Réserve 64 px pour le logo et le hamburger.
     * Les boutons restent dans le flux en dessous.
     */
    #header-outer #top > .container > .row {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 64px 0 0 !important;
        box-sizing: border-box;
    }

    /* -------------------------------------------------
       3. Logo en haut à gauche
       ------------------------------------------------- */

    #header-outer #top .col.span_3 {
        position: absolute !important;
        top: 0 !important;
        left: 18px !important;

        display: flex !important;
        align-items: center !important;

        width: auto !important;
        max-width: calc(100% - 90px) !important;
        height: 64px !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        transform: none !important;
        z-index: 2;
    }

    #header-outer #top #logo {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        display: block !important;
        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        transform: none !important;
    }

    /* Masquer le logo desktop sur mobile */
    #header-outer #top #logo img.default-logo {
        display: none !important;
    }

    /* Afficher le logo horizontal mobile déjà présent */
    #header-outer #top #logo img.mobile-only-logo {
        position: static !important;
        display: block !important;

        width: 145px !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /* -------------------------------------------------
       4. Conteneur du hamburger et des boutons
       ------------------------------------------------- */

    /*
     * Position static volontaire :
     * le hamburger se positionne par rapport à .row.
     */
    #header-outer #top .col.span_9 {
        position: static !important;
        display: block !important;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        transform: none !important;
    }

    /* -------------------------------------------------
       5. Hamburger natif en haut à droite
       ------------------------------------------------- */

    #header-outer #top .col.span_9 >
    .slide-out-widget-area-toggle.mobile-icon {
        position: absolute !important;
        top: 10px !important;
        right: 18px !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        transform: none !important;
        z-index: 3;
    }

    #header-outer #top .col.span_9 >
    .slide-out-widget-area-toggle.mobile-icon > div {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #header-outer #top .col.span_9 >
    .slide-out-widget-area-toggle.mobile-icon > div > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
    }

    #header-outer #top .mobile-icon .lines,
    #header-outer #top .mobile-icon .lines::before,
    #header-outer #top .mobile-icon .lines::after {
        background-color: #000 !important;
    }

    /* Masquer la navigation desktop et le logo d'espacement */
    #header-outer #top .col.span_9 > nav,
    #header-outer #top .col.span_9 > .logo-spacing {
        display: none !important;
    }

    /* -------------------------------------------------
       6. Barre RDV et téléphone
       ------------------------------------------------- */

    #header-outer #top .buttons_rdv_0800 {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;

        width: 100% !important;
        max-width: none !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        box-sizing: border-box;
    }

    /* Chaque bouton occupe la moitié de la largeur */
    #header-outer #top .buttons_rdv_0800 > .bt_RDV,
    #header-outer #top .buttons_rdv_0800 > .bt_0800 {
        position: relative !important;
        display: flex !important;

        flex: 1 1 0 !important;
        width: 50% !important;
        min-width: 0 !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box;
    }

    /* Fond du bouton RDV */
    #header-outer #top .buttons_rdv_0800 > .bt_RDV {
        background: #00A385 !important;
    }

    /* Fond du bouton téléphone */
    #header-outer #top .buttons_rdv_0800 > .bt_0800 {
        background: #000 !important;
    }

    /* Liens centrés et cliquables sur toute la surface */
    #header-outer #top .buttons_rdv_0800 > div > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 6px !important;
        float: none !important;

        color: #fff !important;
        font-family: inherit !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;

        box-sizing: border-box;
    }

    #header-outer #top .bt_RDV > a {
        font-weight: 400 !important;
    }

    #header-outer #top .bt_0800 > a {
        font-weight: 700 !important;
    }

    /* Focus visible pour la navigation au clavier */
    #header-outer #top .buttons_rdv_0800 > div > a:focus-visible {
        outline: 3px solid #ffcc00;
        outline-offset: -4px;
    }
}
/*-------------------------------- boutons RDV et 0800 dans le header  version desktop--------------------------------*/

@media only screen and (min-width: 1000px) {
	.buttons_rdv_0800{
		position: absolute;
		right:50px;
		height: 40px;
		padding-top:53px;
	}
	.bt_RDV {
		border-radius: 10px;
		background: #00A385;
		padding-top: 20px;
		width: 13vw;
		height: 40px;
		margin-right: 20px;
		float:left;
		z-index: 999999 !important;
	}
	.bt_RDV a {
		color:#FFFFFF;
		/*font-size:14px;*/
		font-size: 1vw;
		line-height:0px;
		width:100%;
		text-align: center;
		text-decoration: none;
		float:left;
	}
	.bt_0800 {
		border-radius: 10px;
		background: #000000;
		padding-top: 20px;
		width: 12vw;
		height: 40px;
		float:left;
	}
	.bt_0800 a{
		color:#FFFFFF;
		/*font-size:22px;*/
		font-size:min(1.2vw,22px);
		line-height:0px;
		width:100%;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		float:left;
	}
}


.bt_RDV a:hover {
	color:#000000;
}


.bt_0800 a:hover{
	color:#00A385;
}
/*---------------- surcharges champ de cherche sur la Home----------------*/
.form_home_recherche{
	padding-bottom:50px;
}
.form_home_recherche .boxField{
	background-color:#FFFFFF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    border: 0px ;

    height: 50px;
    width:50%;
    padding:10px;
    position:absolute;
	left:12%;
}
.form_home_recherche input[type='text']{
	font-size:15px;
	line-height:16px !important;
	border-bottom : none !important;
	color:#000000 !important;
	background-color:#FFFFFF !important;
	height:20px !important;

}

.form_home_recherche input[type='submit']{
	position:absolute;
	right:5%;
	width:30%;
	height: 50px;
	font-size: max(12px, 0.8vw) !important;
	-moz-border-radius:8px !important;
	-webkit-border-radius:8px !important;
	border-radius:8px !important;
}
@media only screen and (max-width: 1000px){
	.form_home_recherche {
		width:100%;
	}
	.form_home_recherche .boxField{
		left:0px;
		width:50%;
	}
	.form_home_recherche input[type='submit']{
		width:40% !important;
	}

}


/*---------------- surcharges Maps ----------------*/
.map_centre{
	width:100%;
	height:400px;

}
label.wpgmza-address{
	display:none;
}
.wpgmza-store-locator{
	background-color:#F6F7F8 !important;
}
/* ---- suppression des marges en dessus et en dessous du bloc suppérieur ------ */
.wpgmza_sl_main_div{ top : 0px !important;}
.wpb_wrapper >div{ margin-bottom:0px !important; }

/* ---- modification du champ de saisie de l'adresse ------ */
input.wpgmza-address{
	width:15% !important;
	left: 35% !important;
	line-height:10px !important;
	border-bottom : none !important;
	color:#000000 !important;
	background-color:#FFFFFF !important;
	height:32px !important;
	margin-top:3px !important;
}
@media only screen and (max-width: 1000px){
	input.wpgmza-address {
		left: 3% !important;
		width:45% !important;
	}
}
input.wpgmza-reset{ /*----- cache le bouton reset ----*/
	display:none;
}
.wpgmza-radius-container{ /*----- cache la selection du rayon de recherche ----*/
	display:none !important;
}

input.wpgmza_sl_search_button_1{ /*----- bouton rechercher ---- */
	position:absolute !important;
	top:25px !important;
	left:50% !important;
}
.wpgmza-no-results p{
	color:#000000;
	text-align:center;
	font-size:22px;
}
.wpgmza-use-my-location{
	display:none;
}
/*-- tooltips au dessu des points de la carte --*/
.wpgmza-infowindow{ }
.wpgmza_infowindow_title { color:#00A385; padding-bottom:0px;}
.wpgmza_infowindow_address{ display:none; }
.wpgmza_infowindow_description{ color: #000000;}
.wpgmza_infowindow_description a{ color: #00A385; text-decoration:none;}
.wpgmza_infowindow_description a:hover{ color: #00BDA2;}


/*--- footer ---*/

.footer_123{
	padding-top:30px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:11px;
	width:100%;
	float:left;
}
.footer_123 .col{
	float:left;
	margin:0;


}
.footer_123 .col .titre_col{
	color:#00BEA2;
	width:100%;
}
 .footer_123 .col .titre_col:hover{
/*	color:#FFFFFF; */
}
.footer_123 .col a{
	color:#FFFFFF !important;
	text-decoration:none;
	width:100%;
}
.footer_123  .col1{
	width:20%;
	padding-top:15px;
}
.footer_123  .col1 img{
   display:block;
   margin:auto;
}
.footer_123  .col23456{
	width:12%;
	line-height: 22px;
}

.footer_123  .col23456 img{
	margin-right:5px;
}


.footer_123  .col6{
	width:12%;
	line-height: 22px;
}

.footer_123  .col6 img{
	margin-right:5px;
}


.footer_123  .col7{
	width:20%;
	padding-right:20px;
}
.footer_123  .col7 .titre_col{
	font-size:25px;
	margin-bottom:10px;
}
.footer_123  .bt_FAQ{
	color:#00BEA2;
	font-size: 11px;
	text-align: left;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	padding: 6px 10px 5px 7px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:80%;
	position:relative;
}
.footer_123  .bt_FAQ img{
	margin-top:5px;
	position:absolute;
	right:0px;
	padding-right:10px;
}


@media only screen and (max-width: 1000px) {
	.footer_123 .col1 { width:50%; }
	.footer_123 .col23456 { width:0%; display:none; }
	.footer_123 .col6 { width:50%;}
	.footer_123 .col7{ width:100%; padding-top:20px; margin-left: 10%;}
}


.footer_123 .footer_footer{
	padding-top:20px;
	clear:both;
	width:100%;
	font-size:12px;
	text-align:center;
	color:#B1B1B1 !important;

}
.footer_123 .footer_footer a{
	color:#B1B1B1 !important;
	text-decoration:none;
}
.footer_123 .footer_footer a:hover{
	color:#FFFFFF;
}

/*--------------------------------------- formulaire de contact */
.wpcf7 div.cf7-champ{
	width:100%;
	float:left;
	margin-top:10px;
	padding:10px;

}
.wpcf7 div.cf7-champ input, .wpcf7 div.cf7-champ textarea{
	border: 1px solid #d8d8d8 !important;
	}
.wpcf7 .cf7-envoyer{
	width:100%;
	float:left;
	margin-top:10px;
}
.wpcf7 .wpcf7-submit{
	background-color: #00A385 !important;
}

@media only screen and (min-width: 1000px) {
	.wpcf7{
		padding:15px;
	}

	.wpcf7 div.cf7-50{
		width:50%;

	}
	.wpcf7 div.cf7-100{
		width:100%;
	}
}

@media only screen and (max-width: 1000px) {
	.wpcf7{
		padding:15px;
	}
	.wpcf7 div.cf7-50{
		width:100%;
	}
		.wpcf7 div.cf7-50{
		width:100%;
	}
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 input[type=tel], .wpcf7 input[type=url], .wpcf7 input[type=search], .wpcf7 input[type=date], .wpcf7 textarea{
	border-bottom: 1px !important;
	border-color: #00A385 !important;
	background-color: #FFFFFF !important;
	}

div.wpcf7-mail-sent-ok{
	border: none;
	font-size:16px;
	color:#00A385;
}

div.wpcf7-validation-errors{
	border: none !important;
	font-size:16px !important;
	color:#FFFFFF !important;
	background-color: #000000 !important;
}


span.wpcf7-not-valid-tip{

}


/* ---------------------------------- MODULE RDV  -------------------------------- */
.module_rdv .nav{
	padding:0px;
}
.module_rdv .nav>div{
	margin-bottom:0px !important;
}
.module_rdv .nav .picto{
	text-align: center;
}
.module_rdv .nav .titre{
	text-align: center;
	color:#00A385;
}
.module_rdv .entree_select .barre{
	width:100%;
	height:10px;
	background-color: #00A385;
}

@media only screen and (max-width: 690px) {
	#header-outer #logo {
		width: 100%;
		max-width: 100%;
	}
	#header-outer #logo .mobile-only-logo {
		padding: 0;
		height: 50px !important;
	}
	#header-space {
		height: 87px !important; /*new header height for buttons on new line*/
	}

	#logo, .slide-out-widget-area-toggle > div {
		padding-left: 6px;
	}

	#top .span_9 > .slide-out-widget-area-toggle > div {
		padding: 20px 18px;
	}

	.module_rdv .nav{
		display: none;
	}
	.module_rdv .etrerappele{
		display: none;
	}
	.module_rdv .col_choix .titre {
		line-height: 1.4;
	}

	.module_rdv .nav .picto{
		width:30%;
		margin:0px;
		float:left;
		text-align: right;
		padding-right:10px;

	}
	.module_rdv .nav .picto img{
		vertical-align: middle;
		}
	.module_rdv .nav .titre{
		width:70%;
		margin:0px;
		float:left;
		text-align: left;
	}
	.module_rdv .entree_select .barre{
		display: none;
	}
	.entree_select{
		background-color: rgba(0, 163, 133, 0.17);
		border: 1px solid rgba(0,  163,  133, 0.39);
		padding:3px;
	}
}

.module_rdv .titre_etape{
	position: relative;
	border-top: 1px solid black;
	background-color: #F6F7F8;
	padding-top:20px;
	padding-bottom:20px;
}
.module_rdv .titre_etape .titre{
	width:100%;
	text-align: center;
	line-height: 1.6;
}
.module_rdv .titre_etape .etrerappele{
	font-size: 12px;
	font-weight: bold;
	padding: 4px 13px 13px;
	margin-top: 8px;
	border-radius: 10px;
	background: #D8E182;
	width:210px;
	height:40px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	left:20px;
	top:3px;
	cursor: pointer;
}

@media only screen and (max-width: 1000px) {
	.module_rdv .titre_etape .etrerappele{
		width:50%;
		position: relative;
		left:25%;
		margin-bottom:10px;
	}
}

.module_rdv .etape {
	display: none;
}

/* ---------------------------------- commun ETAPES -------------------------------- */
.bt, .bt_suite, .interact{ cursor: pointer; }
.nav_ecrans{
	display: flex;
  align-items: center;
  justify-content: center;
}
.bt_suite{
	color:#FFFFFF;
	background-color: #00A385;
	width:10%;
	min-width: 120px;
	border-radius: 10px;
	text-align: center;
	font-size:18px !important;
	font-weight: bold;
	line-height:40px;
	cursor: pointer;
	margin-top:15px;
	margin-left:5px;
	float:left;
}
.bt_prev{
	color:#6F6F6F;
	background-color: #E4E4E4;
	width:10%;
	min-width: 120px;
	border-radius: 10px;
	text-align: center;
	font-size:16px !important;
	font-weight: bold;
	line-height:40px;
	cursor: pointer;
	margin-top:15px;
	margin-right:5px;
	float:left;
}
/* ---------------------------------- ETAPE A -------------------------------- */
.etape_A .troiscols{
	padding-top:20px;
}

.etape_A .troiscols>div{
	width:20%;
	text-align: center;
}
@media only screen and (max-width: 1000px) {
	.etape_A .troiscols>div{ width:33%; }
	.etape_A .col_calage{ display:none; }
	.etape_A .select_A1 {
		margin-left: 5%;
		margin-right: 5%;
	}
}

.etape_A .col_choix{
	width: 300px;
	margin: 0 auto;
}

.etape_A .select_A1{
	text-align: center;
	text-align-last: center;
}

@media only screen and (min-width: 1001px) {
	.etape_A .select_A1 {
		margin-left: 22%;
		margin-right: 22%;
	}
}

.etape_A .phraseverte{
	color:#00A385;
	width: 100%;
	text-align: center;
	padding-top:20px;
	font-size:14px;
	line-height: 1.5;
}
.etape_A .bt_suite{
	display: none;
}

/* ---------------------------------- ETAPE B -------------------------------- */
.etape_B .troiscols{
	padding-top:20px;
}
.etape_B .troiscols>div{
	width:20%;
	text-align: center;
}
@media only screen and (max-width: 1000px) {
	.etape_B .troiscols>div{ width:33%; }
	.etape_B .col_calage{ display:none; }
}
.etape_B .col_choix{
	width: 300px;
	margin: 0 auto;
}
.etape_B .bt_suite{
	display: none;
}
/* ---------------------------------- ETAPE C -------------------------------- */
.etape_C .deuxcols{
	padding-top:20px;
}
.etape_C .deuxcols>div{
	width:50%;
	text-align: center;
}
.etape_C .col_choix{
position: relative;
}
.etape_C .cadre{
	border: 1px solid #11A385;
	border-radius: 11px;
	width:400px;
	max-width: 425px;
	height:210px;
}
.deuxcols div.gauche .cadre{
	position: absolute;
	right:10px;
}
.deuxcols div.droite .cadre{
	margin-left:10px;
}
.etape_C .titre{
	font-size: 24px;
	color:#FFFFFF;
	width:100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background-color: #00A385;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.etape_C .texte {
	/*width: 90%;*/
	text-align: center;
	line-height: 1em;
	margin: 20px auto 20px;
}

.etape_C .texte .operator{
	font-weight: bold;
	font-size: 26px;
	line-height: 1.8em;
	color: #00A385
}
.etape_C .cadre .bt{
	position: unset;
	display: block;
	margin: 0 auto;
}
.etape_C .bt_suite{
	display: none;
}
.etape_C #etc_deuxdiv{
	display: none;
}

.etape_C .deuxcols #col_exp_gauche{
	text-align: right;
	padding-right: 20px;
}

.etape_C .deuxcols #col_exp_droite{
	text-align: left;
	padding-left: 20px;
	line-height: 1.8em;
}

.etape_C #col_exp{
	background-color: #F6F7F8;
	border: 1px dashed #11A385;
	border-radius: 11px;
	width: 818px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 20px 20px 10px 20px;
	position: relative;
}

.etape_C #col_exp .info_reparation{
	position: absolute;
	left: -20px;
	top: 60px;
	max-width: 40px;
}

/*@media only screen and (max-width: 690px) {*/
@media only screen and (max-width: 855px) {
	.deuxcols div.gauche .cadre{
		right:0px;
	}
	.deuxcols div.droite .cadre{
		margin-left:0px;
	}
	.etape_C .cadre{
		width:unset;
		max-width: none;
		margin: 15px;
		height:unset;
		padding-bottom: 15px;
	}
	.etape_C .texte{
		margin: 20px auto 10px;
	}
	.etape_C .texte li {
		line-height: 28px;
	}
	.etape_C .texte ul {
		margin-bottom: 12px;
	 }
	.etape_C #etc_deuxdiv{
		display: block;
	}
	.etape_C .deuxcols .gauche{
		display: none;
	}
	.etape_C .deuxcols .droite{
		display: none;
	}
	.etape_C #col_exp{
		display: none;
	}

	.etape_C #col_exp_mob{
		background-color: #F6F7F8;
		border: 1px dashed #11A385;
		border-radius: 11px;
		margin: 0 20px;
		padding: 20px 20px 10px 20px;
	}

	.etape_C #col_exp_mob .col_exp_droite{
		/*text-align: center;*/
		line-height: 1.8em;
	}

	.etape_C #col_exp_mob .col_exp_droite ul {
		margin-left: 0px;
	}

	.etape_C #col_exp_mob .col_exp_gauche{
		position: relative;
		height: 170px;
		text-align: center;
	}

	.etape_C #col_exp_mob .schema_reparation{
		max-width: 420px;
		width: 100%;
		margin: 0 10px;
		min-height: 120px;
		height: auto;
	}

	.etape_C #col_exp_mob .info_reparation{
		text-align: right;
		position: absolute;
		left: -35px;
		top: 30px;
		max-width: 40px;
	}

}
/* ---------------------------------- ETAPE D -------------------------------- */
.etape_D .deuxcols{
	padding-top:20px;
}
.etape_D .deuxcols>div{
	width:50%;
	text-align: center;
}
.etape_D .col_choix{
position: relative;
}
.etape_D .cadre{
	border: 1px solid #11A385;
	border-radius: 10px;
	width:300px;
	max-width: 425px;
	height:180px;
	background-color: #00A385;
	color: #ffffff;
}
.etape_D .deuxcols div.gauche .cadre{
	position: absolute;
	right:20px;
}
.etape_D .deuxcols div.droite .cadre{
	margin-left:20px;
}
.etape_D .titre{
	font-size: 28px;
	color:#ffffff;
	width:100%;
	text-align: center;
	padding-top: 10px;
}
.etape_D .texte {
	text-align: center;
	color:#ffffff;
}
.etape_D .texte li{
	text-align: left;
	line-height:22px;
}
.etape_D .cadre .bt{
	position: relative;
	top: 70px;
	background-color: #00A385;
}
.etape_D .bt_suite{
	display: none;
}
.etape_D #etd_deuxdiv{
	display: none;
}
.etape_D .deuxcols img.visuel-droit{
	height: 130px;
	position: absolute;
	right: -1px;
	bottom: -73px;
}
.etape_D .deuxcols img.visuel-gauche{
	height: 130px;
	position: absolute;
	left: -1px;
	bottom: -73px;
}
.etape_D .deuxcols .visuel-content{
	position: relative;
}

@media only screen and (max-width: 690px) {
	.deuxcols div.gauche .cadre{
		right:0px;
	}
	.deuxcols div.droite .cadre{
		margin-left:0px;
	}

	.etape_D .cadre{
		width:unset;
		max-width: none;
		margin: 15px;
		height:160px;
	}
	.etape_D .cadre .bt{
		position: unset;
		margin-right: 50%;
		margin-left: 47%;
		margin-bottom: 6px;
		margin-top: 20px;
	}

	.etape_D #etd_deuxdiv{
		display: block;
	}
	.etape_D .deuxcols .gauche{
		display: none;
	}
	.etape_D .deuxcols .droite{
		display: none;
	}
	.etape_D #etd_deuxdiv img.visuel-droit{
		height: 120px;
		position: absolute;
		right: -1px;
		bottom: -22px;
	}
	.etape_D #etd_deuxdiv img.visuel-gauche{
		height: 120px;
		position: absolute;
		left: -1px;
		bottom: -22px;
	}
	.etape_D #etd_deuxdiv .visuel-content{
		position: relative;
	}
}
/* ---------------------------------- ETAPE E -------------------------------- */
.etape_E .deuxcols{
	padding-top:20px;
}
.etape_E .deuxcols>div{
	width:50%;
	text-align: center;
}
.etape_E .col_choix{
position: relative;
}
.etape_E .cadre{
	border: 1px solid #11A385;
	border-radius: 10px;
	width:300px;
	max-width: 425px;
	height:360px;
}
.etape_E .deuxcols div.gauche .cadre{
	position: absolute;
	right:20px;
}
.etape_E .deuxcols div.droite .cadre{
	margin-left:20px;
}
.etape_E .titre{
	font-size: 28px;
	color:#FFFFFF;
	width:100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 10px;
	background-color: #00A385;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.etape_E .tarif{
	font-size: 38px;
	color:#FFFFFF;
	width:100%;
	text-align: center;
	/*padding-top: 10px;*/
	padding-bottom: 15px;
	font-weight: bold;
	background-color: #00A385;
}
.etape_E .texte {
	width:90%;
	margin-top: 15px;
}
.etape_E .texte li{
	text-align: left;
	line-height:22px;
	margin-top: 10px;
}
.etape_E .cadre .bt{
	position: absolute;
	top:325px;
}
.etape_E .bt_suite{
	display: none;
}
.etape_E #ete_deuxdiv{
	display: none;
}
@media only screen and (max-width: 690px) {
	.deuxcols div.gauche .cadre{
		right:0px;
	}
	.deuxcols div.droite .cadre{
		margin-left:0px;
	}

	.etape_E .cadre{
		width:unset;
		max-width: none;
		margin: 15px;
		height:unset;
	}
	.etape_E .texte{
		margin-left: 3%;
		text-align: center;
	}
	.etape_E .texte li {
		line-height: 28px;
	}
	.etape_E .texte ul {
		margin-bottom: 12px;
	}
	.etape_E .cadre .bt{
		position: unset;
		margin-right: 50%;
		margin-left: 47%;
		margin-bottom: 6px;
	}
	.etape_E .droite{
		margin-top: 35px;
	}
	.etape_E #ete_deuxdiv{
		display: block;
	}
	.etape_E .deuxcols .gauche{
		display: none;
	}
	.etape_E .deuxcols .droite{
		display: none;
	}
}


/* ---------------------------------- ETAPE F -------------------------------- */
.etape_F .col_centre{
	width:40%;
	margin-left:30%;
	text-align: center;
}
@media only screen and (max-width: 690px) {
	.etape_F .col_centre{
		width:80%;
		margin-left:10%;
	}
}
.etape_F  .bt_valider{
	color:#00A385;
	font-size: 20px;
	position: absolute;
	right:-80px;
	top:7px;
}
@media only screen and (max-width: 690px) {
	.etape_F  .bt_valider{
		color:#00A385;
		font-size: 20px;
		position: absolute;
		right:0px;
		top:50px;
	}
}
.etape_F .text_ou{
	color:#00A385;
	font-size: 24px;
	font-weight: bold;
}
.etape_F select.marques{
	margin-top:10px;
}

.etape_F select.modeles{
	margin-top:10px;
}

.etape_F input.modele{
	margin-top:10px !important;
}
.etape_F  .illustration{
	margin-top:20px;
}
.etape_F .bt_suite{
	display: none;
}
.etape_F .nav_ecrans{
	margin-bottom: 30px;
}
.etape_F .err_field {
	width: 100%;
	color: #FF0000;
	font-size: 14px;
	display: none;
	margin-bottom: 5px;
}

.etape_F .err_field span {
	width: 100%;
	color: black;
	font-size: 13px;
	display: none;
	margin-bottom: 5px;
}
#etf_bloc_immat {
	display: none;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #11A385;
	background-color: #11A385;
	color: white;
	font-size: 18px;
	border-radius: 10px;
}

#etf_bloc_immat p {
	padding-bottom: 0;
}

.etape_F .col #check-immat{
	float: right;
	margin-right: 13px;
	margin-top: -37px;
	position: relative;
	z-index: 2;
	color: #11A385;
	font-size: 33px;
	cursor: pointer;
}

/* ---------------------------------- ETAPE G -------------------------------- */
.etape_G .deuxcols{
	padding-top:20px;
}
.etape_G .deuxcols>div{
	width:50%;
	text-align: center;
}
.etape_G .col_choix{
	position: relative;
}
.etape_G .gauche input{
	width:75%;
	margin-top:20px !important;
}

.etape_G .gauche .assure{
	text-align: left;
	margin-left:12%;
	margin-top: 25px;
}
.etape_G .gauche .assure .titre{
	font-size:18px;
	font-weight: bold;
	text-align: left;
}

.etape_G .gauche .assure img {
	vertical-align: middle;
	margin-right:7px;
	margin-bottom: 7px;
}
.etape_G .gauche .assure span {
	margin-right:15px;
	font-size: 18px;
}

.etape_G .bt_suite{
	display: none;
}

.bt-span:hover{
	cursor: pointer;
}

.etape_G .bt-span:hover{
	cursor: pointer;
}

.etape_G .droite .cadre{
	width:60%;
	border: 1px solid #11A385;
	position: relative;
	float:left;
	padding-bottom:15px;
}
.etape_G .droite .cadre .titre_container{
	position:absolute;
	top:-20px;
	width:100%;
	text-align: center;
}
.etape_G .droite .cadre .titre_container>.titre{
	display: inline-block;
	background-color: #FFFFFF;
	color:#11A385;
	box-shadow: white 11px 0px 0px, white -13px 0px 0px;
	width:auto;

}
.etape_G .droite .cadre textarea{
	margin-top:20px;
	margin-bottom: 10px;
	width:90%;
	border: 1px solid #e0e0e0;
	background-color: #FCFCFC;
}

.etape_G .droite .cadre .ligne{
	padding-bottom:15px;
	padding-left: 8px;
	width:100%;
	float:left;

}
.etape_G .droite .cadre .titreligne{
	margin:0px;
	width:70%;
	float:left;
	line-height: 1.4;
	}
.etape_G .droite .cadre .bt_upload{
	background-color: #dfdfdf;
	border-radius: 10px;
	padding:3px;
	width:25%;
	margin-left:10px;
	float:left;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
.etape_G i.tip:hover {
	cursor: help;
	position: relative;
}
.etape_G i.tip div {
	position: relative;
	display: none;
	z-index: 99999;
}
.etape_G .gauche i.tip div span {
	font-size: 16px;
}
.etape_G i.tip:hover div {
	text-align: left;
	display: block;
	padding: 20px;
	width: 280px;
	position: absolute;
	opacity: 1;
	background: #F6F7F8;
	left: -250px;
	top: -355px;
	border-radius: 10px;
	box-shadow: 5px 8px 12px 1px #AAAAAA;
	z-index: 99999;
}

@media only screen and (max-width: 1000px) {
	.etape_G .droite .cadre .titreligne{
		width:100%;
	}
	.etape_G .droite .cadre .bt_upload{
		width:50%;
		margin-left:25%
	}
}
.etape_G .droite input[type='file']{
	position: absolute;
	margin-top: 3px;
	margin-left: 3px;
	height: 1px;
	width: 1px;
	z-index: -5;
	display:none;
}

@media only screen and (max-width: 690px) {
	.etape_G .deuxcols>div{
		width:100%;
	}
	.etape_G .droite .cadre{
		margin-top:30px;
		width:100%;
	}
}

@media only screen and (max-width: 436px) {
	#bt-span-G3 {
		display: block;
	}
}

.etape_G .loading{
	display:none;
	width:30px;
	height:30px;
}
.etape_G .loaded{
	display:none;
		width:30px;
	height:30px;
  }

.etape_G .err_field{
 width:100%;
 color: #FF0000;
 font-size:14px;
 display: none;
 margin-bottom: 5px;
}

.etape_G .telephone{
	height: 46px;
}



/* ---------------------------------- ETAPE H -------------------------------- */
.etape_H .deuxcols{
	padding-top:20px;
}
.etape_H .deuxcols>div{
	width: 47%;
	text-align: center;
	margin-left: 2%;
}
.etape_H .col_choix{
position: relative;
}
.etape_H .cadre{
	border: 1px solid #11A385;
	border-radius: 10px;
	width:300px;
	max-width: 425px;
	height:250px;
	background-color: #00A385;
	color: white;
}
.etape_H .deuxcols div.gauche .cadre{
	position: absolute;
	right:20px;
}
.etape_H .deuxcols div.droite .cadre{
	margin-left:20px;
}
.etape_H .titre{
	font-size: 28px;
	width:100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.etape_H .cadre .bt{
	margin-top: 30px;
}

.etape_H .cadre .bt-span:hover{
	cursor: pointer;
}

.etape_H .bt_suite{
	display: none;
}
@media only screen and (max-width: 690px) {
	.deuxcols div.gauche .cadre{
		right:0px;
	}
	.deuxcols div.droite .cadre{
		margin-left:0px;
	}
	.etape_H .cadre{
		width:100%;
		height:360px;
	}
	.etape_H .cadre .bt{
		margin-top: 10px;
	}
}
/* ---------------------------------- ETAPE I -------------------------------- */
.etape_I .col_centre{
	width:40%;
	margin-left:30%;
	text-align: center;
}
@media only screen and (max-width: 690px) {
	.etape_I .col_centre{
		width:80%;
		margin-left:10%;
	}
}

.etape_I #select_centres{
	margin-bottom:20px;
}
.etape_I #datesouhait{
	max-width:200px;
	margin-top:20px;
	background-image: url(imgs/module_rdv/calendrier.jpg);
	background-position: 80% 50%;
	background-repeat: no-repeat;
}
.etape_I .titre{
	margin-top:20px;
	color:#00A385;
	font-size: 24px;
	font-weight: bold;
}
.etape_I .matin-aprem{
	margin-top:25px;
	margin-bottom:25px;
}
.etape_I .matin-aprem .bt{
	vertical-align: middle;
}
.etape_I .matin-aprem span{
	padding-left:10px;
	padding-right:20px;
	display: inline-block;
	}
.etape_I .bt_suite{
	display: none;
}

.etape_I .nav_ecrans{
	margin-bottom: 30px;
}

.illustration-denis{
	display: none;
	background-image: url(imgs/module_rdv/denis-brogniart-p.png);
	background-position-x: 0px;
	background-size: 100%;
	background-repeat: no-repeat;
	height:400px;
	width:30%;
	max-width: 330px;
	position:absolute;
	bottom:0px;
	left:0px;
}
/* ---------------------------------- ETAPE J -------------------------------- */
.etape_J .illustration{
	background-image: url(imgs/module_rdv/denis-brogniart-p.png);
	background-position-x: 0px;
	background-size: 100%;
	background-repeat: no-repeat;
	height:400px;
	width:30%;
	max-width: 330px;
	position:absolute;
	bottom:0px;
	left:0px;
}

.etape_J .col_centre{
	width:40%;
	margin-left:30%;
	text-align: center;
}
@media only screen and (max-width: 690px) {
	.etape_J .col_centre{
		width:80%;
		margin-left:10%;
	}
	.etape_J .illustration{
		background-image:none;
	}
}

.etape_J .texte{
	font-size:18px;
	font-weight: bold;
	color:#000;
	margin-top:20px;
}
.etape_J .date{
	font-size:40px;
	font-weight: bold;
	color:#00A385;
	margin-top:20px;
}

.etape_J .demi-journee{
	font-size:30px;
	font-weight: bold;
	color:#00A385;
	margin-top:15px;
}

.etape_J .adresse{
	font-size:30px;
	font-weight: 100;
	color:#00A385;
	margin-top:15px;
}

/* ---------------------------------- ETAPE K -------------------------------- */
.etape_K .col_centre{
	width:40%;
	margin-left:30%;
	text-align: center;
}
.etape_K .nav_ecrans{
	margin-bottom:20px;
}
@media only screen and (max-width: 690px) {
	.etape_K .col_centre{
		width:80%;
		margin-left:10%;
		background-image:none;
	}
}
/* ---------------------------------- ETAPE L -------------------------------- */
.etape_L .col_centre{
	width:60%;
	margin-left:20%;
	text-align: center;
}
.etape_L .cadre{
	background-color: #00A385;
	border-radius: 10px;
	padding:20px;
	width:100%;
}
.etape_L .cadre .titre{
	text-align: center;
	color:#FFFFFF;
	font-size:24px;
	font-weight: bold;
	width:100%;
	margin-bottom:15px;
}
.etape_L .cadre .texte{
	text-align: center;
	color:#FFFFFF;
	font-size:18px;
	width:100%;
}
.etape_L .cadre .bt_actu{
	text-align: center;
	color:#00A385;
	font-size:18px;
	border: 1px solid #00A385;
	border-radius: 10px;
	width:40%;
	margin-left:30%;
	margin-top:20px;
	cursor: pointer;
	background-color: #FFFFFF;
}

@media only screen and (max-width: 690px) {
	.etape_L .col_centre{
		width:80%;
		margin-left:10%;
		background-image:none;
	}
	.etape_L .cadre .bt_actu {
		width: 72%;
		margin-left: 13%;
	}
}

.bt_retour_accueil{
	color:#FFFFFF;
	background-color: #00A385;
	width:54%;
	/*min-width: 220px;*/
	margin-left:25%;
	border-radius: 10px;
	text-align: center;
	font-size:18px !important;
	font-weight: bold;
	line-height:40px;
	cursor: pointer;
	margin-top:25px;
	margin-bottom:25px;
	float:left;
}

/* ---------------------------------- Commun -------------------------------- */
.etape input{
	border: 1px solid #707070 !important;
	background-color: #FFFFFF !important;
}
.etiquette{
	position:absolute;
	right:-10px;
  top: 200px;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-box-shadow: -2px 0px 78px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 0px 78px -7px rgba(0,0,0,0.75);
	box-shadow: -2px 0px 78px -7px rgba(0,0,0,0.75);
	padding:10px;
	padding-right:15px;
	text-align: center;
	color:#00A385;
}
.etiquette .titre{
	font-size:18px;
	line-height: 20px;
	margin-top:8px;
	margin-bottom:4px;
}
.etiquette .texte{
	font-size:14px;
	line-height: 16px;
	color: #000000;
}
@media only screen and (max-width: 1000px) {
	.etiquette{
		display: none;
	}
}


.ici123{
	height:auto !important;
}

.selectPareBrise{
	box-shadow:none;
	color: #000000;
	background-color: #ffffff;
	font-size: 14px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #ccc;
}

.selectPareBrise:hover{
	color: #ffffff;
	background-color: #000000;
	cursor: pointer;
}

/*--Carte Ecotree Mobile--*/
@media only screen and (max-width: 1000px) {

	/* in wp-admin need to add classname */
	.center-text-mobile .wpb_wrapper	{
		display: flex;
		justify-content: center;
		flex-flow: column;
		align-items: center;
		padding-top: 4%;
	}

	/* in wp-admin need to add classname */
	.using-mobile-browser .nectar-milestone:not(.animated-in) .number.default {
		display: flex;
		justify-content: center;
		flex-flow: wrap;
		align-items: baseline;
	}

	/* in wp-admin need to add classname */
	.text-mobile {
		padding-top: 2%;
		padding-right: 5%;
		padding-left: 5%;
	}
}

.footer_123 .reseauxsociaux .titre_col {
	margin-bottom: 5px;
}
.footer_123 .reseauxsociaux a i {
	font-size: 1.25rem;
	margin-right: 5px;
}