.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-dd33b73:#007E97;--e-global-color-e144061:#C18F00;--e-global-color-3b3cea0:#9D9D9C;--e-global-color-edb0e62:#9D9D9C29;--e-global-color-6079df1:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Conteneur principal */
.hover-container2 {
  position: relative;
  display: inline-block;
  background: #ffffff;
  color: white;
  padding: 20px 20px;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  width: 50%; /* Largeur par défaut à 50% */
  text-align: left;
  transition: height 0.3s ease; /* Transition pour la hauteur */
}

/* Menu déroulant */
.hover-menu2 {
  display: none; /* Masquer la liste par défaut */
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 0; /* Initialement caché */
  overflow: hidden; /* Empêche le débordement */
  transition: max-height 0.3s ease; /* Transition pour l'animation de la hauteur */
}

/* Afficher le menu lors du survol */
.hover-container2:hover .hover-menu2 {
  display: block; /* Afficher la liste sur le survol */
  max-height: 200px; /* Ajuster la hauteur maximale du menu */
}

/* Ajuster la taille de la police pour les écrans mobiles */
@media (max-width: 767px) {
  .hover-container2 {
    width: 300px !important; /* 90% de la largeur de l'élément parent sur mobile */
    margin: 0 auto !important; /* Centrer le bloc sur mobile */
    box-sizing: border-box !important; /* Inclure le padding dans la largeur */
  }

  /* Ajuster la taille de la police pour le titre */
  .hover-title2 {
    font-size: 20px !important; /* Forcer la taille de police en responsive */
  }

  /* Ajuster la taille de la police pour les éléments de menu */
  .hover-menu2 a {
    font-size: 14px !important; /* Ajuster la taille de police des liens dans le menu */
  }
}


.hover-title {
  font-size: 30px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  height: 100px;
  color: #007e97;
  background: #ffffff;
}

.hover-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  opacity: 1;
  border: 1px solid #ccc;
  width: 100%;
  display: none;
  z-index: 10;
}

.hover-menu li {
  list-style: none;
}

.hover-menu li a {
  display: block;
  padding: 10px;
  color: #007e97;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
}

.hover-menu li a:hover {
  background: #eeeeee;
}

.hover-container:hover .hover-menu {
  display: block;
}
.hover-container:hover .hover-title  {
  color: #c18f00;
}





.hover-container2 {
  position: relative;
  display: inline-block;
  background: #c18f00;
  color: white;
  padding: 1em 2em;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  width: 450px;
  text-align: left;
}

.hover-title2 {
  font-size: 30px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  color: white;
  background: #c18f00;
}

.hover-menu2 {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #c18f00;
  opacity: 1;
  border: 1px solid #ccc;
  width: 100%;
  display: none;
  z-index: 10;
}

.hover-menu2 li {
  list-style: none;
}

.hover-menu2 li a {
  display: block;
  padding: 10px;
  color: white;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
}

.hover-menu2 li a:hover {
  color: #c18f00;
  background: #eeeeee
}

.hover-container2:hover .hover-menu2 {
  display: block;
}

.hover-container2:hover .hover-title2  {
  color: #ffffff;
}/* End custom CSS */