.elementor-71 .elementor-element.elementor-element-5ad9ee48{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;--z-index:99;}.elementor-71 .elementor-element.elementor-element-5ad9ee48:not(.elementor-motion-effects-element-type-background), .elementor-71 .elementor-element.elementor-element-5ad9ee48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616E8;}.elementor-71 .elementor-element.elementor-element-5ad9ee48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-71 .elementor-element.elementor-element-456fb5cf{padding:0px 0px 0px 10px;text-align:start;}.elementor-71 .elementor-element.elementor-element-456fb5cf img{width:150px;height:53px;object-fit:contain;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-71 .elementor-element.elementor-element-5cbf2aa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-menu-toggle{margin:0 auto;}.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--main .elementor-item:hover,
					.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--main .elementor-item:focus{color:#C8924A;fill:#C8924A;}.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#C8924A;}.elementor-71 .elementor-element.elementor-element-5cbf2aa .e--pointer-framed .elementor-item:before,
					.elementor-71 .elementor-element.elementor-element-5cbf2aa .e--pointer-framed .elementor-item:after{border-color:#C8924A;}.elementor-71 .elementor-element.elementor-element-5cbf2aa div.elementor-menu-toggle{color:#ec6c0c;}.elementor-71 .elementor-element.elementor-element-5cbf2aa div.elementor-menu-toggle svg{fill:#ec6c0c;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-71 .elementor-element.elementor-element-5ad9ee48{--gap:2% 2%;--row-gap:2%;--column-gap:2%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-71 .elementor-element.elementor-element-456fb5cf img{width:150px;}}@media(max-width:767px){.elementor-71 .elementor-element.elementor-element-5ad9ee48{--width:310.766px;}.elementor-71 .elementor-element.elementor-element-5cbf2aa{width:var( --container-widget-width, 113.766px );max-width:113.766px;--container-widget-width:113.766px;--container-widget-flex-grow:0;}.elementor-71 .elementor-element.elementor-element-5cbf2aa.elementor-element{--flex-grow:0;--flex-shrink:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-5cbf2aa */.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu {
  display: flex;
  align-items: center;
  gap: 10px;
}

.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li > a {
  position: relative;
  padding: 16px 20px !important;
  color: rgba(255,255,255,0.62) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .4px !important;
  border-radius: 999px;
  transition: all .3s ease !important;
}

.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li > a::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 6px;
  height: 1px;
  background: #C8924A;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li > a:hover,
.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current-menu-item > a,
.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current_page_item > a {
  color: #fff !important;
  background: rgba(255,255,255,0.06);
}

.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li > a:hover::after,
.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current-menu-item > a::after,
.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current_page_item > a::after {
  transform: scaleX(1);
}

.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current-menu-item > a,
.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current_page_item > a {
  color: #C8924A !important;
}

.elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-item-active::after {
  background: #C8924A !important;
}

/* ==================================================
   CORRECTIONS POUR MOBILE (Max 767px)
================================================== */
@media (max-width: 767px) {
  
  /* Permet au menu de s'échapper de sa colonne */
  .elementor-71 .elementor-element.elementor-element-5cbf2aa {
    position: static !important;
  }

  /* 1. Empile les onglets principaux en colonne */
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu {
    gap: 5px;
    flex-direction: column !important;
    width: 100% !important;
  }

  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li {
    width: 100% !important;
  }

  /* 2. Centre le texte et corrige la couleur (TOUS les liens en blanc) */
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu a,
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--dropdown a {
    padding: 15px 16px !important;
    font-size: 16px !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    color: #ffffff !important;
  }

  /* Couleurs spécifiques pour les sous-menus ("Conseil", etc.) */
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--dropdown .sub-menu a {
    color: rgba(255, 255, 255, 0.75) !important; 
    font-size: 14px !important; 
    background: transparent !important;
  }

  /* 3. Ligne dorée centrée */
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li > a::after {
    left: 50% !important;
    right: auto !important;
    width: 60px !important;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
  }

  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li > a:hover::after,
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current-menu-item > a::after,
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu > li.current_page_item > a::after {
    transform: translateX(-50%) scaleX(1);
  }

  /* 4. LE MENU DÉROULANT PREND LA LARGEUR DE LA PILULE */
  .elementor-71 .elementor-element.elementor-element-5cbf2aa .elementor-nav-menu--dropdown {
    position: absolute !important; 
    top: calc(100% + 10px) !important; /* S'ouvre juste sous la pilule */
    left: 0 !important; /* S'aligne sur le bord gauche de la pilule */
    width: 100% !important; /* Prend 100% de la largeur de la pilule */
    
    background-color: rgb(45, 45, 45) !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;
    padding: 20px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ad9ee48 *//* ==================================================
   RENOBATIS - HEADER FLOTTANT PREMIUM (Angles très arrondis)
================================================== */

.elementor-71 .elementor-element.elementor-element-5ad9ee48 {
  /* Marge égale gauche/droite en réduisant la largeur totale */
  width: calc(100% - 40px) !important; 
  max-width: 1200px; 
  
  /* Marge de 20px en haut, et on centre le menu horizontalement */
  margin: 20px auto !important; 
  
  /* Effet "pilule" */
  border-radius: 50px;
  
  /* L'effet Premium : Fond légèrement transparent avec flou */
  background-color: rgba(45, 45, 45, 0.85) !important; 
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  /* Ombre portée */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  
  /* Flottement */
  position: sticky;
  top: 20px;
  z-index: 9999;
  transition: all 0.4s cubic-bezier(.25,.8,.25,1);

  /* NOUVEAU : Force l'alignement horizontal (Logo à gauche, Menu à droite) */
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 5px 20px !important;
}

/* ==================================================
   AJUSTEMENTS POUR LES MOBILES (Max 767px)
================================================== */
@media (max-width: 767px) {
  
  /* 1. Ajustement de la pilule principale */
  .elementor-71 .elementor-element.elementor-element-5ad9ee48 {
    width: calc(100% - 20px) !important;
    margin: 10px auto !important;
    top: 10px;
    border-radius: 40px;
    padding: 5px 15px !important;
  }

  /* 2. Rend le fond du bouton "Hamburger" / "Croix" transparent */
  .elementor-71 .elementor-element.elementor-element-5ad9ee48 .elementor-menu-toggle {
    background-color: transparent !important;
    border: none !important;
  }

  /* 3. Force le menu déroulant à s'ouvrir EN DESSOUS de la pilule */
  .elementor-71 .elementor-element.elementor-element-5ad9ee48 .elementor-nav-menu--dropdown {
    position: absolute !important;
    top: 100% !important; /* Se place juste en dessous du header */
    margin-top: 15px !important; /* Espace vide entre la pilule et le menu */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    
    /* Style du bloc menu déroulant */
    background-color: rgb(45, 45, 45) !important;
    border-radius: 20px !important;
    padding: 15px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
  }
  
  /* 4. Centre le texte des liens dans le menu mobile */
  .elementor-71 .elementor-element.elementor-element-5ad9ee48 .elementor-nav-menu--dropdown a {
    text-align: center !important;
    justify-content: center !important;
  }
}/* End custom CSS */