.elementor-176 .elementor-element.elementor-element-1433bdc7{--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%;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;--z-index:99;}.elementor-176 .elementor-element.elementor-element-1433bdc7:not(.elementor-motion-effects-element-type-background), .elementor-176 .elementor-element.elementor-element-1433bdc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-176 .elementor-element.elementor-element-1433bdc7.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-176 .elementor-element.elementor-element-4ba521e7{width:var( --container-widget-width, 10.956% );max-width:10.956%;padding:0px 0px 0px 10px;--container-widget-width:10.956%;--container-widget-flex-grow:0;text-align:start;}.elementor-176 .elementor-element.elementor-element-4ba521e7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-176 .elementor-element.elementor-element-4ba521e7 img{width:144px;max-width:100%;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-176 .elementor-element.elementor-element-20e40e37.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-menu-toggle{margin:0 auto;}.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--main .elementor-item:focus{color:#C8924A;fill:#C8924A;}.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#C8924A;}.elementor-176 .elementor-element.elementor-element-20e40e37 .e--pointer-framed .elementor-item:before,
					.elementor-176 .elementor-element.elementor-element-20e40e37 .e--pointer-framed .elementor-item:after{border-color:#C8924A;}.elementor-176 .elementor-element.elementor-element-20e40e37 div.elementor-menu-toggle{color:#ec6c0c;}.elementor-176 .elementor-element.elementor-element-20e40e37 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-176 .elementor-element.elementor-element-1433bdc7{--gap:2% 2%;--row-gap:2%;--column-gap:2%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-176 .elementor-element.elementor-element-4ba521e7 img{width:150px;}}@media(max-width:767px){.elementor-176 .elementor-element.elementor-element-1433bdc7{--width:310.766px;}.elementor-176 .elementor-element.elementor-element-4ba521e7{width:var( --container-widget-width, 121.844px );max-width:121.844px;--container-widget-width:121.844px;--container-widget-flex-grow:0;}.elementor-176 .elementor-element.elementor-element-20e40e37{width:var( --container-widget-width, 113.766px );max-width:113.766px;--container-widget-width:113.766px;--container-widget-flex-grow:0;}.elementor-176 .elementor-element.elementor-element-20e40e37.elementor-element{--flex-grow:0;--flex-shrink:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-20e40e37 *//* ==================================================
   STYLE DU MENU - CAMPOURCY PREMIUM
================================================== */

.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu {
  display: flex;
  align-items: center;
  gap: 10px;
}

.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li > a {
  position: relative;
  padding: 16px 20px !important;
  color: #2D5016 !important; /* Texte en Vert Forêt pour être lisible sur fond clair */
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase; /* Touche premium */
  border-radius: 999px;
  transition: all .3s ease !important;
}

/* Ligne Ocre centrée (plus élégante qu'une ligne complète) */
.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 0;
  height: 2px;
  background: #BA7517; /* Ocre Campourcy */
  transform: translateX(-50%);
  transition: width .3s ease;
}

/* Effets au survol et page active */
.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li > a:hover,
.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li.current-menu-item > a,
.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li.current_page_item > a {
  color: #BA7517 !important; /* Le texte devient Ocre */
  background: transparent !important; /* On enlève le fond gris de l'ancien design */
}

/* Révélation de la ligne Ocre */
.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li > a:hover::after,
.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li.current-menu-item > a::after,
.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li.current_page_item > a::after {
  width: 20px; /* Petit trait subtil */
}

.elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-item-active::after {
  background: #BA7517 !important;
}


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

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

  .elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li {
    width: 100% !important;
  }

  /* 2. Centre le texte et met en blanc pour le menu déroulant mobile (qui sera vert) */
  .elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu a,
  .elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--dropdown a {
    padding: 15px 16px !important;
    font-size: 15px !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    color: #ffffff !important;
  }

  /* Couleurs spécifiques pour les sous-menus */
  .elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--dropdown .sub-menu a {
    color: rgba(255, 255, 255, 0.8) !important; 
    font-size: 13px !important; 
    background: transparent !important;
  }

  /* 3. Ajustement de la ligne ocre sur mobile */
  .elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu > li > a::after {
    bottom: 5px !important;
  }

  /* 4. LE MENU DÉROULANT PREND LA LARGEUR DE LA PILULE */
  .elementor-176 .elementor-element.elementor-element-20e40e37 .elementor-nav-menu--dropdown {
    position: absolute !important; 
    top: calc(100% + 15px) !important; /* S'ouvre juste sous la pilule */
    left: 0 !important; 
    width: 100% !important; 
    
    background-color: #2D5016 !important; /* Fond Vert Forêt pour que le texte blanc soit lisible */
    border-radius: 16px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
    padding: 20px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1433bdc7 *//* ========================================================================== 
   MENU CAMPOURCY PREMIUM - DESIGN ÉPURÉ & STICKY 
   ========================================================================== */ 

/* 1. LA STRUCTURE FLOTTANTE (STICKY) */ 
.cp-header-premium { 
    position: fixed !important; /* Reste fixe même au scroll */ 
    top: 25px !important; 
    left: 50% !important; 
    transform: translateX(-50%) !important; /* Centre parfaitement */ 
    width: 95% !important; 
    max-width: 1200px !important; 
    height: 70px !important; /* Hauteur réduite pour la légèreté */ 
    z-index: 9999 !important; 
    
    /* Fond Translucide (Effet de verre) */ 
    background: rgba(255, 255, 255, 0.85) !important; 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
    
    /* Bordures et Ombres discrètes */ 
    border-radius: 100px !important; 
    border: 1px solid rgba(255, 255, 255, 0.5) !important; 
    box-shadow: 0 15px 35px rgba(45, 80, 22, 0.08) !important; 
    
    display: flex !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    padding: 0 30px !important; 
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
} 

/* 2. TYPOGRAPHIE (Plus de "respiration") */ 
.cp-header-premium .elementor-nav-menu > li > a { 
    font-family: 'DM Sans', sans-serif !important; 
    font-weight: 600 !important; 
    font-size: 13px !important; 
    letter-spacing: 1.2px !important; 
    text-transform: uppercase !important; 
    color: #2D5016 !important; /* Texte vert forêt */ 
    padding: 10px 18px !important; 
    transition: color 0.3s ease !important; 
} 

/* 3. L'INDICATEUR OCRE (Subtil et chic) */ 
.cp-header-premium .elementor-nav-menu > li > a::after { 
    content: "" !important; 
    position: absolute !important; 
    bottom: 5px !important; 
    left: 50% !important; 
    width: 0; 
    height: 3px; 
    background: #BA7517 !important; 
    border-radius: 10px; 
    transition: all 0.3s ease !important; 
    transform: translateX(-50%) !important; 
} 

.cp-header-premium .elementor-nav-menu > li > a:hover::after, 
.cp-header-premium .elementor-nav-menu > li.current-menu-item > a::after { 
    width: 15px !important; /* Petit point/trait ocre */ 
} 

.cp-header-premium .elementor-nav-menu > li > a:hover { 
    color: #BA7517 !important; 
} 

/* 4. LE LOGO (Protection contre l'écrasement) */ 
.cp-header-premium .elementor-widget-image, 
.cp-header-premium .elementor-widget-theme-site-logo { 
    flex-shrink: 0 !important; 
    max-width: 160px !important; 
} 

/* 5. LE BOUTON CTA (Design minimaliste) */ 
.cp-header-premium .elementor-button { 
    background-color: #2D5016 !important; 
    color: #FFFFFF !important; 
    border-radius: 50px !important; 
    padding: 12px 25px !important; 
    font-size: 13px !important; 
    font-weight: 700 !important; 
    letter-spacing: 0.5px !important; 
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; 
} 

.cp-header-premium .elementor-button:hover { 
    transform: translateY(-2px); 
    box-shadow: 0 8px 20px rgba(45, 80, 22, 0.2) !important; 
    background-color: #BA7517 !important; 
} 

/* ========================================================================== 
   ADAPTATION MOBILE 
   ========================================================================== */ 
@media (max-width: 767px) { 
    .cp-header-premium { 
        height: 60px !important; 
        top: 15px !important; 
        padding: 0 20px !important; 
    } 
} 

/* ================================================== 
   STYLE DU MENU - CAMPOURCY PREMIUM 
================================================== */ 

.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu { 
  display: flex; 
  align-items: center; 
  gap: 10px; 
} 

.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li > a { 
  position: relative; 
  padding: 16px 20px !important; 
  color: #2D5016 !important; /* Texte en Vert Forêt pour être lisible sur fond clair */ 
  font-size: 14px !important; 
  font-weight: 600 !important; 
  letter-spacing: .5px !important; 
  text-transform: uppercase; /* Touche premium */ 
  border-radius: 999px; 
  transition: all .3s ease !important; 
} 

/* Ligne Ocre centrée (plus élégante qu'une ligne complète) */ 
.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li > a::after { 
  content: ""; 
  position: absolute; 
  left: 50%; 
  bottom: 8px; 
  width: 0; 
  height: 2px; 
  background: #BA7517; /* Ocre Campourcy */ 
  transform: translateX(-50%); 
  transition: width .3s ease; 
} 

/* Effets au survol et page active */ 
.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li > a:hover, 
.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li.current-menu-item > a, 
.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li.current_page_item > a { 
  color: #BA7517 !important; /* Le texte devient Ocre */ 
  background: transparent !important; /* On enlève le fond gris de l'ancien design */ 
} 

/* Révélation de la ligne Ocre */ 
.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li > a:hover::after, 
.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li.current-menu-item > a::after, 
.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li.current_page_item > a::after { 
  width: 20px; /* Petit trait subtil */ 
} 

.elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-item-active::after { 
  background: #BA7517 !important; 
} 


/* ================================================== 
   CORRECTIONS POUR MOBILE (Max 767px) 
================================================== */ 
@media (max-width: 767px) { 
   

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

  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li { 
    width: 100% !important; 
  } 

  /* 2. Centre le texte et met en blanc pour le menu déroulant mobile (qui sera vert) */ 
  /* AJOUT : Le sélecteur > li > a force la priorité sur la couleur verte du bureau */
  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li > a,
  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu a, 
  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu--dropdown a { 
    padding: 15px 16px !important; 
    font-size: 15px !important; 
    width: 100% !important; 
    text-align: center !important; 
    justify-content: center !important; 
    color: #ffffff !important; 
  } 

  /* Assure que l'Ocre s'affiche correctement sur mobile au survol / actif */
  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li > a:hover,
  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li.current-menu-item > a {
    color: #BA7517 !important;
  }

  /* Couleurs spécifiques pour les sous-menus */ 
  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu--dropdown .sub-menu a { 
    color: rgba(255, 255, 255, 0.8) !important;  
    font-size: 13px !important;  
    background: transparent !important; 
  } 

  /* 3. Ajustement de la ligne ocre sur mobile */ 
  .elementor-176 .elementor-element.elementor-element-1433bdc7 .elementor-nav-menu > li > a::after { 
    bottom: 5px !important; 
  } 


}/* End custom CSS */