/*
 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
------------------------------------------------------- */

/* Le surlignement du texte, sa couleur - change color of text highlight */
::-moz-selection {
  color: #000;
  background: #d0942a!important;
}
::selection {
  color: #000;
  background: #d0942a!important;
}

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

#top-header, #et-secondary-nav li ul {
    background-color: #54636c;
}

#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;
}

/* /// 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-8258 #wpfront-scroll-top-container,
.page-id-8255 #wpfront-scroll-top-container,
.page-id-1614 #wpfront-scroll-top-container,
.page-id-2247 #wpfront-scroll-top-container,
.page-id-2065 #wpfront-scroll-top-container,
.page-id-2164 #wpfront-scroll-top-container,
.page-id-1654 #wpfront-scroll-top-container,
.page-id-2244 #wpfront-scroll-top-container,
.page-id-2205 #wpfront-scroll-top-container,
.page-id-1622 #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: #54636c !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: 40px;
	/* width: 284px; */ /* width: 75%; */
    /* height: 110px; */ /* width: auto; */
	/* margin-bottom: 11px; */ /* width: 0px; */
}

#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;
}

/* /// Desktop - Couleur ligne (du menu déroulant) /// 
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li::before, .et_pb_pricing li::before, blockquote {
  border-color: #FFF400 !important;
}
*/
/* /// AJOUT DE CUSTOM-VOIR SI NÉCESSAIRE ///
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
  font-weight: 600;
  font-size: 16px;
  color: #000 !important;
}
 */

/* /// 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;
}

/* Mobile styles */

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


@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: #54636c !important; /* GLOBAL color à changer ici */
	}
	/* /// Mobile - Ligne du menu déroulant, la top ligne/large/unique, sa couleur ///
	.et_mobile_menu {
		border-color: #54636c !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;
    }
	
}