.elementor-427 .elementor-element.elementor-element-e077c79{--display:flex;--position:fixed;--min-height:143px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;}.elementor-427 .elementor-element.elementor-element-e077c79:hover{background-color:#FFFFFF;}body:not(.rtl) .elementor-427 .elementor-element.elementor-element-e077c79{left:0px;}body.rtl .elementor-427 .elementor-element.elementor-element-e077c79{right:0px;}.elementor-427 .elementor-element.elementor-element-4850c3a{--display:flex;--min-height:143px;--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;--background-transition:0.5s;--padding-top:0px;--padding-bottom:0px;--padding-left:47px;--padding-right:47px;}.elementor-427 .elementor-element.elementor-element-4850c3a.e-con{--align-self:flex-start;}.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-427 .elementor-element.elementor-element-b4f4888{padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 45px / 2 );}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:500;text-transform:uppercase;line-height:28px;letter-spacing:0px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main .elementor-item:focus{color:#575757;fill:#575757;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#E4992A;}.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-framed .elementor-item:before,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-framed .elementor-item:after{border-color:#E4992A;}.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-underline .elementor-item:after,
					 .elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-overline .elementor-item:before,
					 .elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-double-line .elementor-item:before,
					 .elementor-427 .elementor-element.elementor-element-b4f4888 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:45px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a, .elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-menu-toggle{color:#575757;fill:#575757;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown{background-color:#FFFFFFEB;border-style:none;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a:hover,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a:focus,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-menu-toggle:hover,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a:hover,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a:focus,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a.highlighted{background-color:#ECE9E6;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown .elementor-item, .elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:0px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a{padding-left:60px;padding-right:60px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:0px;}.elementor-427 .elementor-element.elementor-element-b4f4888 div.elementor-menu-toggle{color:var( --e-global-color-5a0d109 );}.elementor-427 .elementor-element.elementor-element-b4f4888 div.elementor-menu-toggle svg{fill:var( --e-global-color-5a0d109 );}.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-427 .elementor-element.elementor-element-4850c3a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-427 .elementor-element.elementor-element-b4f4888{--e-nav-menu-horizontal-menu-item-margin:calc( 25px / 2 );}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:25px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}}@media(max-width:767px){.elementor-427 .elementor-element.elementor-element-e077c79{--min-height:100px;}.elementor-427 .elementor-element.elementor-element-4850c3a{--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-427 .elementor-element.elementor-element-b4f4888.elementor-element{--align-self:center;}.elementor-427 .elementor-element.elementor-element-b4f4888{z-index:999;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );--nav-menu-icon-size:47px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu .elementor-item{font-size:11px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main .elementor-item{padding-top:5px;padding-bottom:5px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:14px !important;}.elementor-427 .elementor-element.elementor-element-b4f4888 .elementor-menu-toggle{border-width:0px;border-radius:100px;}}@media(min-width:768px){.elementor-427 .elementor-element.elementor-element-4850c3a{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-10665fb */@media (max-width: 1024px) and (orientation: portrait) {

#logo svg .logo-part
{
    fill: #857767 !important;
}

#logo svg .logo-part2
{
    fill: #E4992A !important;
}

}

/* Smartphones */
@media (max-width: 767px) {
    #logo svg {
        width:150px;
    }
    #logo svg .logo-part
{
    fill: #857767 !important;
}

#logo svg .logo-part2
{
    fill: #E4992A !important;
}
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b4f4888 */.elementor-198 .elementor-element.elementor-element-00c689c .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
    left:0px !important;
    padding-top:58px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 58px, rgba(255, 255, 255, 1) 58px);
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
     .elementor-198 .elementor-element.elementor-element-00c689c .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
    left:0px !important;
    }
}

/* Définir l'animation de glissement */
@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Cacher le sous-menu par défaut avec opacity et transform */
/*.elementor-nav-menu--dropdown {
    opacity: 0;
    transform: translateY(20px); 
    
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
    
} */

/* Lorsque l'élément parent est survolé, afficher le sous-menu avec animation */
.menu-item-has-children:hover > .elementor-nav-menu--dropdown {
   
    animation: slideUp 0.3s forwards; /* L'animation de glissement */
    opacity: 1; /* Assurer que l'élément est visible */
    transform: translateY(0); /* Positionner le sous-menu à son état final */
}


/* FIN */

.elementor-198 .elementor-element.elementor-element-00c689c .elementor-nav-menu--dropdown a {
    padding-left: 21px !important;
    padding-right: 29px !important;
}

#menu.scrolled .elementor-item {
    color: #575757;
}

#menu.scrolled .elementor-item:after {
    
    background-color: #E4992A; 
    transition: width 0.4s ease;
} 

.elementor-item:after {
    transition: width 0.4s ease;
} 

.elementor-item {
    position: relative; /* Nécessaire pour positionner le ::after */
}

.elementor-427 .elementor-element.elementor-element-b4f4888 .sub-arrow svg {

    fill:#ffffff;
}


 .menu-item-501::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: white;
  bottom:10px;
  position:absolute;
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e077c79 *//* ==================================================
   ÉTAT DE BASE
   ================================================== */

#header,
#header > .hover-container {
    background-color: transparent !important;
    transition:
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}

/* Menu blanc par défaut */
#header #menu .elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* Logo blanc par défaut */
#header #logo svg path {
    fill: #ffffff !important;
    transition: fill 0.3s ease;
}


/* ==================================================
   HEADER AU SURVOL
   ================================================== */

#header:hover {
    background-color: #ffffff !important;
}

/* Menu gris au survol du header */
#header:hover #menu .elementor-nav-menu--main .elementor-item {
    color: #575757 !important;
}

/* Logo gris au survol du header */
#header:hover #logo svg path {
    fill: #575757 !important;
}


#header:hover .menu-item-501::before {
  background-color:#A29280 !important;
  
}

#header:hover .sub-arrow svg {

    fill:#575757 !important;
}


#header:hover .menu-item-501::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #575757 !important;
  bottom:10px;
  position:absolute;
  
}

/* ==================================================
   HEADER APRÈS LE SCROLL
   ================================================== */

#header.scrolled .sub-arrow svg {

    fill:#575757 !important;
}

#header.scrolled,
#header.scrolled > .hover-container {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Menu gris après le scroll */
#header.scrolled #menu .elementor-nav-menu--main .elementor-item {
    color: #575757 !important;
}

/* Logo gris après le scroll */
#header.scrolled #logo svg path {
    fill: #575757 !important;
}

#header.scrolled #menu .menu-item-501::before {

  background-color: #575757 !important;

  
}

/* ==================================================
   TABLETTE ET MOBILE
   ================================================== */
@media screen and (max-width: 767px) {
    #header {
       background-color: rgb(255, 255, 255) !important;
    }
    #header #logo svg path { 
        fill: #857767 !important;
   }
   #header #logo svg path.logo-part2 { 
  fill: #E4992A !important;
   }
}

@media screen and (max-width: 1023px) {
    
    /*#header,*/
    /*#header > .hover-container {*/
    /*    background-color: rgba(255, 255, 255, 0.9) !important;*/
    /*}*/

    #header #menu .elementor-item {
        color: #575757 !important;
        font-family: museo-sans, sans-serif !important;
        font-weight: 300 !important;
    }
    
/* #header #logo svg path { */
 /*       fill: #A29280 !important;*/
   /* }*/
}/* End custom CSS */