.elementor-31 .elementor-element.elementor-element-24d4b10{--display:flex;--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-between;--padding-top:0px;--padding-bottom:0px;--padding-left:160px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), inter;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );}.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 ), inter;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-31 .elementor-element.elementor-element-16bf0eb.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-25a0393-font-family ), inter;font-size:var( --e-global-typography-25a0393-font-size );font-weight:var( --e-global-typography-25a0393-font-weight );font-style:var( --e-global-typography-25a0393-font-style );line-height:var( --e-global-typography-25a0393-line-height );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown a:hover,
					.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown a:focus,
					.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-d50ab25-font-family ), inter;font-size:var( --e-global-typography-d50ab25-font-size );font-weight:var( --e-global-typography-d50ab25-font-weight );font-style:var( --e-global-typography-d50ab25-font-style );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-menu-toggle{background-color:#02010100;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), inter;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-d7087f9{width:var( --container-widget-width, 13% );max-width:13%;padding:0px 40px 0px 0px;--container-widget-width:13%;--container-widget-flex-grow:0;}.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-31 .elementor-element.elementor-element-24d4b10{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-31 .elementor-element.elementor-element-16bf0eb{padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-16bf0eb.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-25a0393-font-size );line-height:var( --e-global-typography-25a0393-line-height );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-d50ab25-font-size );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:58px !important;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-d7087f9{padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-d7087f9 img{width:60%;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-24d4b10{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-31 .elementor-element.elementor-element-16bf0eb{padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-25a0393-font-size );line-height:var( --e-global-typography-25a0393-line-height );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-d50ab25-font-size );}.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:32px !important;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-d7087f9{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-16bf0eb *//* 1. SETUP THE LIST ITEM TO HOLD THE CIRCLE */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item {
    position: relative !important;
}

/* 2. THE CIRCLE (Attached to the LI, not the link) */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item:before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important; /* Adjust this to move the circle left/right */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    display: none !important; /* Hidden by default */
    z-index: 10 !important;
    pointer-events: none !important;
}

/* 3. SHOW CIRCLE ON ACTIVE, ANCESTOR, OR HOVER */
.elementor-31 .elementor-element.elementor-element-16bf0eb .current-menu-item:before,
.elementor-31 .elementor-element.elementor-element-16bf0eb .current-menu-ancestor:before,
.elementor-31 .elementor-element.elementor-element-16bf0eb .current-page-ancestor:before,
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item:hover:before {
    display: block !important;
}

/* 4. ASSIGN COLORS TO THE CIRCLES */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-30:before { background-color: #9EDBD9 !important; } /* Accueil */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-29:before { background-color: #104178 !important; } /* À propos */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-73:before { background-color: #B57EB6 !important; } /* Événements */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-27:before { background-color: #E59638 !important; } /* Contact */

/* 5. TEXT STYLING (Colors and Bold) */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-30.current-menu-item > a, .elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-30:hover > a { color: #9EDBD9 !important; font-weight: 700 !important; }
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-29.current-menu-item > a, .elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-29:hover > a { color: #104178 !important; font-weight: 700 !important; }
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-73.current-menu-item > a, .elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-73.current-menu-ancestor > a, .elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-73:hover > a { color: #B57EB6 !important; font-weight: 700 !important; }
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-27.current-menu-item > a, .elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-27:hover > a { color: #E59638 !important; font-weight: 700 !important; }

/* 6. PADDING ADJUSTMENT */
/* Push the text over to make room for the circle sitting on the LI */
.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-item {
    padding-left: 30px !important;
}

/* 7. SUB-MENU CONTAINER - MATCH PARENT WIDTH */
.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-73 {
    position: relative; 
}

.elementor-31 .elementor-element.elementor-element-16bf0eb .menu-item-73 .sub-menu {
    background-color: #B57EB6 !important;
    border-radius: 15px !important;
    padding: 10px 0 !important;
    border: none !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.1) !important;
    
    /* Width Logic */
    min-width: 100% !important; 
    width: 100% !important;
    left: 0 !important;        
    transform: none !important; 
}

/* 8. SUB-MENU ITEMS - LEFT ALIGNED */
.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-sub-item {
    color: #ffffff !important;
    padding: 10px 20px !important; /* Adjust the 20px if you want it further left/right */
    display: block !important;
    text-align: left !important; /* Forces text to the left */
    white-space: nowrap !important;
    transition: all 0.2s ease;
}

/* Maintain the 900 weight for active sub-page */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .current-menu-item .elementor-sub-item {
    font-weight: 900 !important;
    background-color: transparent !important;
}

/* Hover State */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .elementor-sub-item:hover {
    font-weight: 900 !important;
    background-color: rgba(255,255,255,0.1) !important;
}

/* Final kill-switch for sub-item circles */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .menu-item:before {
    display: none !important;
}

/* 8. SUB-MENU ITEMS (Strictly No Circles) */
.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-sub-item {
    color: #ffffff !important;
    padding: 10px 20px !important;
    display: block !important;
    font-weight: 400 !important;
}

/* Kill switch for circles in the dropdown */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .menu-item:before {
    display: none !important;
}

.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-sub-item:hover {
    font-weight: 700 !important;
    background-color: rgba(255,255,255,0.1) !important;
}

/* 1. Remove the black/dark background when on a sub-page */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .current-menu-item .elementor-sub-item {
    background-color: transparent !important;
    color: #ffffff !important; /* Keeps text white */
}

/* 2. Remove the hover background color from all sub-items */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .elementor-sub-item:hover {
    background-color: transparent !important;
    color: #ffffff !important; /* Keeps text white */
    font-weight: 700 !important; /* Keeps the bold effect you liked */
}

/* 3. Reset Elementor's default active background (just in case) */
.elementor-31 .elementor-element.elementor-element-16bf0eb .elementor-nav-menu--main .elementor-sub-item.elementor-item-active {
    background-color: transparent !important;
}

/* Force font weight 900 on the active sub-menu page */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .current-menu-item .elementor-sub-item {
    font-weight: 900 !important;
}

/* Optional: If you also want it to hit 900 on hover for sub-items */
.elementor-31 .elementor-element.elementor-element-16bf0eb .sub-menu .elementor-sub-item:hover {
    font-weight: 900 !important;
}/* End custom CSS */