/*
Theme Name: Divi Community Child Theme
Description: Theme enfant de Divi par Divi Community
Author: Julien - WebMate
Author URI: https://www.divi-community.fr
Template: Divi
Version: 1.1
*/

/*
  ____ _____     _____      ____ ___  __  __ __  __ _   _ _   _ ___ _______   __
 |  _ \_ _\ \   / /_ _|    / ___/ _ \|  \/  |  \/  | | | | \ | |_ _|_   _\ \ / /
 | | | | | \ \ / / | |    | |  | | | | |\/| | |\/| | | | |  \| || |  | |  \ V /
 | |_| | |  \ V /  | |    | |__| |_| | |  | | |  | | |_| | |\  || |  | |   | |
 |____/___|  \_/  |___|    \____\___/|_|  |_|_|  |_|\___/|_| \_|___| |_|   |_|

*/
/* ajouter une ligne au survol des éléments du menu */



#top-menu .current-menu-item a::before {

-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 1.0;

}

/*#top-menu li {
	
text-shadow: 0em 0em 0.3em #000000!important;
} */


#top-menu li a:hover:before {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 1;

}

#top-menu li a:before {
content: '';
position: absolute;
top: 10px;
right: 0px;
background: #ced9bc; /* changez le code couleur HTML à votre convenance */
width: 100%;
height: 2px;
-webkit-transform: translateY(24px);
transform: translateY(24px);
opacity: 0;
transition: 0.3s ease;

}



/*.et_mobile_menu {
	background-color: #ced9bc!important;
	
}

.et_mobile_nav_menu {
	color: #ced9bc!important;
	
}*/

/* Header transparent sur mobile/tablette, couleurs spécifiques pour le menu mobile */
@media (max-width: 980px) {
  /* Header transparent */
  #main-header,
  #main-header.et-fixed-header,
  #et-top-navigation,
  #et-top-navigation nav,
  #top-menu-nav,
  #top-menu {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Corrige le padding inline de Divi */
  #et-top-navigation[style] {
    padding-left: 0 !important;
  }

  /* Bouton burger : fond #17482c */
  .mobile_menu_bar,
  .mobile_menu_bar_toggle {
    background-color: #17482c !important;
    border-radius: 4px; /* optionnel, pour un léger arrondi */
  }

  /* Menu déroulant mobile : fond #ced9bc */
  #et_mobile_nav_menu,
  .mobile_nav,
  .mobile_nav:before,
  .et_mobile_menu,
  #mobile_menu {
    background-color: #ced9bc !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Texte du menu mobile en couleur foncée (lisible sur fond clair) */
  .et_mobile_menu a {
    color: #17482c !important;
  }
}






.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}


.geodir-category a {
    pointer-events : none!important;
}



.geodir-field-doctolib {    
	border-width: 0px !important;    
	border-color: rgba(0,0,0,0);
	border-radius: 4px;
	letter-spacing: 5px;
	font-size: 14px;
	font-weight: 700!important;
	text-transform: uppercase!important;
	text-align: center;
	background-color: #17482c;
	color: #ffffff;
}

.geodir-field-doctolib:hover {
		background-color: #bbc5ac ;
}

.geodir-field-doctolib a {
    color: #ffffff;
}

.geodir-field-doctolib a:hover {
    color: #ffffff;
		background-color: #bbc5ac ;
}

.bsui .badge-info {
    color: #fff;
    background-color: #17482c;
}

.bsui .btn-primary {
    color: #fff;
    background-color: #17482c;
    border-color: #17482c;
}

.bsui .btn-primary:hover {
    color: #fff;
    background-color: #17482c;
    border-color: #17482c;
}

.gform_wrapper .gfield_description {
     clear: both;
 }
.gform_wrapper .gfield_label {
     font-weight: bold;
 }

 @media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header  {
position:fixed!important;
} 

	
.mobile_menu_bar_toggle {
 	position:fixed!important;
	top:10px;
	height:30px;
	background-color: #17482c;
		
}
} 
 
 .et_pb_button_ets {
border-width: 0px!important;
   border-color: rgba(0,0,0,0)!important;
   border-radius: 4px!important;
   letter-spacing: 5px!important;
   font-size: 14px!important;
   font-weight: 700!important;
   text-transform: 	uppercase!important;
    background-color: #17482c!important;
	
   -webkit-transition-duration: .2s!important; 
     transition-duration: .2s!important;
     -webkit-transition-property: all!important;
} 

/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

/* @media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
} */


/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}


.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}

@media screen and ( max-width: 980px ) {
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}


/*Menu bouton contact*/
#et-top-navigation .et_pb_button {
margin-top: 0px;
margin-bottom: 0px;
/* padding-right: 30px!important;
padding-left: 30px!important; */
/* font-size: inherit;
font-weight: inherit; */
background-color: #17482c;
color: white;
border-radius: 5px;
border-color : #17482c;
padding-top : 0px;
padding-bottom : 0px;	
font-size: 12px;
}


#et-top-navigation .et_pb_button:after {
font-size: 12px;
}


#et-top-navigation .et_pb_more_button:after {

margin-top: 5px;
font-size: 12px;
vertical-align: middle;

}
.carousel-item img {
  max-height: 50vh;   /* ou en vh : 50vh */
  width: auto;
  object-fit: contain;   /* ou contain si tu veux éviter le crop */
}