/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Stratège Médias
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.1.1
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* CF7 Styles */
.cfrm {
	border-color: yellow !important;
	width: 100%;
	padding: 15px !important;
	border: 1px solid #333 !important;
	border-width: 0px 0px 1px 0px !important;
	border-radius: 0 !important;
	border-color: rgba(12,12,12,0.1) !important;

	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	color: #000 !important; 
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;
}
.cfrm-titre {
	width: 100%;
	padding: 15px !important;
	border: 1px solid #333 !important;
	border-width: 0px 0px 1px 0px !important;
	border-radius: 0 !important;
	border-color: rgba(12,12,12,0.1) !important;

	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	color: #000 !important; 
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;
}
.cfrm-date {
	width: 100%;
	padding: 15px !important;
	border-width: 0px 0px 0px 0px !important;
	border-radius: 0 !important;
	border-color: rgba(12,12,12,0.1) !important;

	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	color: #686868 !important; 
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;
}
.cfrm-message {
	background-color: rgba(12,12,12,0.02);
	border-width: 1px 5px !important;
	width:100%;
	padding:15px !important;
	border-radius:3px;
	border: 1px solid rgba(12,12,12,0.1) !important;
	
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	color: #000 !important; 
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;
}
.wpcf7-not-valid-tip {
	color: #fff !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	letter-spacing: 1px !important;
	font-weight: 600 !important;
	text-ransform: uppercase !important;
	margin-top: 0em !important; 
	margin-left: 0em !important;
	padding-right: 1em !important;
	padding-left: 1em !important;
	background-color: red !important;
}
.wpcf7-response-output {
		color: #fff !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	letter-spacing: 1px !important;
	font-weight: 600 !important;
	text-trasform: uppercase !important;
	margin-top: 0.5em !important; 
	margin-left: 0em !important;
	padding-right: 1em !important;
	padding-left: 1em !important;
	background-color: red !important;
}
.wpcf7-submit {
		color: #000000 !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	letter-spacing: 1px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	margin-top: 1em !important; 
	margin-left: 0em !important;
	padding-right: 1em !important;
	padding-left: 1em !important;
	background-color: #F78F29 !important;
}
.wpcf7-submit:hover {
	color: #333333 !important;
}


/* /// Bouton : Joindre des photos+fichiers /// */
.codedropz-upload-handler {
	border: 0px dashed #c5c5c5 !important;
	border-radius: box !important;
	margin-bottom: 10px !important;
	position: relative !important;
	background-color: lightgray !important;
}
.codedropz-upload-inner h2 {
    font-family: Open Sans,Arial,sans-serif;
	font-size: 14px !important;
	padding-bottom: 0;
}
.codedropz-upload-inner {
	line-height: 19px !important;
}


#top-header, #et-secondary-nav li ul {
    background-color: #000000 !important;
}

#et-top-navigation .et_pb_button {
    margin-top: 0px;
    font-size: inherit;
    font-weight: inherit;
}

#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

/* /// Slider - Positionnement central contenu /// */
.et-pb-arrow-next, .et-pb-arrow-prev {
    top: 62%;
}
.et_pb_slider .et_pb_container {
    margin: 100px auto;
}

/* /// Réglages largeur menu FR - mot sur une seule ligne /// */
:lang(fr) .nav li ul {
    width: 275px;
}
:lang(fr) .et-menu li li a {
    width: 250px;
}

#et-info {
    float: none;
}

.logo_container a {
    position: absolute;
}

.btn-return {
    display: inline-block;
    margin-top: 20px;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 2px 10px;
    color: #fff;
    font-size: 16px;
}

/* Move reCAPTCHA v3 badge in front */
.grecaptcha-badge {
z-index:999;
}

/* Ajouter les id des pages d'accueils en/fr pour cibler le lien "retour vers le haut" et le faire apparaitre en haut du badge recaptcha */
/* ENGLISH PAGES ID */
.page-id-7758 #wpfront-scroll-top-container,
.page-id-7520 #wpfront-scroll-top-container,
.page-id-7093 #wpfront-scroll-top-container,
.page-id-6849 #wpfront-scroll-top-container,
.page-id-6739 #wpfront-scroll-top-container,
.page-id-6744 #wpfront-scroll-top-container,
.page-id-6746 #wpfront-scroll-top-container,
.page-id-6748 #wpfront-scroll-top-container,
.page-id-6752 #wpfront-scroll-top-container,
.page-id-6750 #wpfront-scroll-top-container,
.page-id-6754 #wpfront-scroll-top-container,
.page-id-6922 #wpfront-scroll-top-container,
.page-id-6843 #wpfront-scroll-top-container,
.page-id-6828 #wpfront-scroll-top-container,
.page-id-6820 #wpfront-scroll-top-container,
.page-id-6791 #wpfront-scroll-top-container,
.page-id-6866 #wpfront-scroll-top-container,
.page-id-6834 #wpfront-scroll-top-container {
    right: 5px !important;
    bottom: 75px !important;
}
/* FRENCH PAGES ID */
.page-id-7756 #wpfront-scroll-top-container,
.page-id-7484 #wpfront-scroll-top-container,
.page-id-6671 #wpfront-scroll-top-container,
.page-id-6347 #wpfront-scroll-top-container,
.page-id-6377 #wpfront-scroll-top-container,
.page-id-6378 #wpfront-scroll-top-container,
.page-id-6383 #wpfront-scroll-top-container,
.page-id-6386 #wpfront-scroll-top-container,
.page-id-6389 #wpfront-scroll-top-container,
.page-id-5936 #wpfront-scroll-top-container,
.page-id-2411 #wpfront-scroll-top-container,
.page-id-2413 #wpfront-scroll-top-container,
.page-id-2419 #wpfront-scroll-top-container,
.page-id-2416 #wpfront-scroll-top-container,
.page-id-2422 #wpfront-scroll-top-container,
.page-id-2424 #wpfront-scroll-top-container,
.page-id-2425 #wpfront-scroll-top-container,
.page-id-2423 #wpfront-scroll-top-container,
.page-id-2406 #wpfront-scroll-top-container {
    right: 5px !important;
    bottom: 75px !important;
}

#footer-bottom .container {
    text-align: center;
}

#footer-info {
    float: none;
    display: inline-block;
}

/* /// Réglage pour le bouton du primary header - No de tel /// */
.et_pb_more_button.et_pb_button {
	letter-spacing: 5;
	background-color: #F78F29 !important; /* GLOBAL color à changer ici */
    color: #fff !important;
    margin-top: -12px !important;
	/* padding-top: 5px; */
}
span.et_pb_more_button.et_pb_button:hover {
	font-weight: 600 !important;
}

/* /// Réglage pour le logo - la marge en haut /// */
.logo_container img {
    margin-top: 45px;
	width: 60% !important;
    /* height: 110px; */ /* width: auto; */
	margin-bottom: -15px;
}

#top-header .container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}

#et-secondary-menu>ul>li a {
    margin-left: 15px;
}

.et_secondary_nav_two_panels #et-secondary-menu {
    margin-right: 7px;
}

/* /// Message d'erreur en rouge (avec header en noir) /// */
.et-pb-contact-message p {
    color: #000 !important;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 600 !important;
	font-size: 34px !important;
	line-height: 40px !important;
	letter-spacing: 1px !important;
	margin-bottom: 12px;
}
.et-pb-contact-message ul {
	color: #cc0000;
	font-weight: 600 !important;
}

/*image gallery item aspect ratio landscape 4:3 */

.pa-image-gallery-4-3 .et_pb_gallery_image {
  padding-top: 75%;
  display: block;
}

.pa-image-gallery-4-3 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* /// Fond du bloc texte de la bande centrale #f4f4f4 ///  */
.page-id-2419 .et_pb_row_0 {
    background-color: #F78F29!important;
}
/* .page-id-2419 .et_pb_column_1 {
	    background-color: #f4f4f4!important;
}
*/

/* Mobile styles */

/* /// Home - FR Contrôle du dégradé dans la vidéo /// */
@media (max-width: 1768px) {
    .page-id-2419 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 70%!important;
	}
}
@media (max-width: 1416px) {
    .page-id-2419 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 80%!important;
	}
}
@media (max-width: 1290px) {
    .page-id-2419 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 85%!important;
	}
}
@media (max-width: 1200px) {
    .page-id-2419 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 95%!important;
	}
}
@media (max-width: 1122px) {
    .page-id-2419 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 105%!important;
	}
}
@media (max-width: 1061px) {
    .page-id-2419 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 125%!important;
	}	
}
@media (max-width: 980px) {
    .page-id-2419 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 54%!important;
	}	
}

/* /// Home - EN Contrôle du dégradé dans la vidéo /// */
@media (max-width: 1733px) {
    .page-id-6791 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 70%!important;
	}
}
@media (max-width: 1416px) {
    .page-id-6791 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 80%!important;
	}
}
@media (max-width: 1290px) {
    .page-id-6791 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 85%!important;
	}
}
@media (max-width: 1200px) {
    .page-id-6791 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 95%!important;
	}
}
@media (max-width: 1122px) {
    .page-id-6791 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 105%!important;
	}
}
@media (max-width: 1061px) {
    .page-id-6791 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 125%!important;
	}	
}
@media (max-width: 980px) {
    .page-id-6791 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 54%!important;
	}	
}

/* /// Page installation-gouttieres - FR Contrôle du dégradé dans la vidéo /// */
@media (max-width: 1758px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 70%!important;
	}
}
@media (max-width: 1660px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 70%!important;
	}
}
@media (max-width: 1420px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 80%!important;
	}
}
@media (max-width: 1290px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 85%!important;
	}
}
@media (max-width: 1275px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 95%!important;
	}
}
@media (max-width: 1187px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 105%!important;
	}
}
@media (max-width: 1120px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 125%!important;
	}	
}
@media (max-width: 980px) {
    .page-id-2413 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 54%!important;
	}	
}


/* /// Page installation-gouttieres - EN Contrôle du dégradé dans la vidéo /// */
@media (max-width: 1660px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 70%!important;
	}
}
@media (max-width: 1496px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 80%!important;
	}
}
@media (max-width: 1306px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 85%!important;
	}
}
@media (max-width: 1290px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 85%!important;
	}
}
@media (max-width: 1200px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 95%!important;
	}
}
@media (max-width: 1122px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 105%!important;
	}
}
@media (max-width: 1061px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 125%!important;
	}	
}
@media (max-width: 980px) {
    .page-id-6820 .innovation-can .et_pb_video_box .fluid-width-video-wrapper {
    padding-top: 54%!important;
	}	
}


/* /// Home - FR 1/2 Logo Elite /// 
@media (max-width: 1920px) {
	.page-id-2419 .et_pb_image img {
		margin-left: 87px;
	}
}
@media (max-width: 1275px) {
	.page-id-2419 .et_pb_image img {
		margin-left: 50px;
	}
}
@media (max-width: 981px) {
	.page-id-2419 .et_pb_image img {
		margin-left: 0px;
	}
}
*/


/* /// Home - FR 1de/2 Logo Elite bandeau /// */
@media (max-width: 2464px) {
.wp-image-5812 {
		margin-left: 134px;
	}
}
@media (max-width: 1920px) {
.wp-image-5812 {
		margin-left: 87px;
	}
}
@media (max-width: 1275px) {
.wp-image-5812 {
		margin-left: 50px;
	}
}
@media (max-width: 981px) {
.wp-image-5812 {
		margin-left: 0px;
	}
}

/* /// Home - EN 1de/2 Logo Elite bandeau /// */
@media (max-width: 2464px) {
.wp-image-7437 {
		margin-left: 134px;
	max-width: 45%;
	}
}
@media (max-width: 1920px) {
.wp-image-7437 {
		margin-left: 87px;
	max-width: 55%;
	}
}
@media (max-width: 1275px) {
.wp-image-7437 {
		margin-left: 50px;
	max-width: 100%;
	}
}
@media (max-width: 981px) {
.wp-image-7437 {
		margin-left: 0px;
	}
}



@media (max-width: 1300px) {

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        position: relative;
        top: -12px;
    }
    
    .et_header_style_left #et-top-navigation nav>ul>li>a {
        font-size: 0.9em;
        padding-bottom: 40px !important;
    }
    
    .et_header_style_left #et-top-navigation {
        padding-top: 43px !important;
    }
	
/* MOBILE: C'est le contôle des 2 types de lignes du hamburger */
 	/* /// Mobile - Menu Hamburger les 3 lignes, leurs couleurs /// */
	.mobile_menu_bar::before {
		color: #fff !important; /* GLOBAL color à changer ici */
	}
/* /// Mobile - Ligne du menu déroulant, la top ligne/large/unique, sa couleur /// */
	.et_mobile_menu {
		border-color: #0083c6 !important; 
	}
/* 	.et_pb_menu_2_tb_header.et_pb_menu .nav li ul.sub-menu a, .et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu a {
    color: yellow!important;
}
*/
	
}

/* /// Cacher le menu 1 - telephone avec seulement le téléphone en desktop /// */
@media (min-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: none!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}
	
/* /// Afficher le menu 1 - telephone avec seulement le téléphone en mobile /// */
@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}

@media (max-width: 980px) {    	

    .et-pb-contact-message p {
        font-size: 34px !important;
		line-height: 40px !important;
    }
    
    .logo_container a {
        top: 10px;
    }
	    
    .et_secondary_nav_two_panels #et-secondary-menu {
        margin-top: 0;
    }
    
    html #et-secondary-menu, html #et-secondary-nav {
        display: block!important;
        padding-top: .4em;
    }
    
    .mobile_nav .lang-item {
        display: none;
    }
	
	/* /// Mobile - cache le «no de tel en bouton» du menu déroulant pour fr et en /// */
	.et_pb_menu_page_id-46 {
        display: none !important;
    }
	.et_pb_menu_page_id-604 {
        display: none !important;
    }
	
	/* /// Mobile - Le logo dans le footer - Contrôler grandeur en fonction de la largeur /// */
	.logo-footer img {
		max-width: 100%;
		height: auto;
	}			
}

@media (max-width: 450px) {
    
    .et-pb-contact-message p {
        font-size: 34px !important;
		line-height: 40px !important;
    }
    
    #et-info {
        text-align: left;
    }
    
    #top-header .container {
        display: flex;
        align-items: center;
        
        justify-content: space-between;
    }
    
    #et-info-phone {
        margin-bottom: 5px;
        display: block;
    }
    
    #top-header .container.clearfix:after {
        clear: none;
        display: none;
    }
	
}