.elementor-7571 .elementor-element.elementor-element-1b0478b{--display:flex;--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:center;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-7571 .elementor-element.elementor-element-c49af65 img{width:72px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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-7571 .elementor-element.elementor-element-f08cd2d .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-7571 .elementor-element.elementor-element-1b0478b{--content-width:1300px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for nav-menu, class: .elementor-element-f08cd2d *//* ============================================================
   1. NETTOYAGE GLOBAL (Supprime le fond gris d'Elementor)
   ============================================================ */

/* Supprime le fond gris par défaut, au survol ET sur l'élément actif (page actuelle) */
.mega-menu-formations ul.sub-menu a,
.mega-menu-formations ul.sub-menu a:hover,
.mega-menu-formations ul.sub-menu a.elementor-item-active,
.mega-menu-formations ul.sub-menu a.current-menu-item,
.mega-menu-campus ul.sub-menu a,
.mega-menu-campus ul.sub-menu a:hover,
.mega-menu-campus ul.sub-menu a.elementor-item-active {
    background-color: transparent !important;
    background: transparent !important;
    color: inherit !important;
}

/* Optionnel : Si vous voulez que le titre de la formation active soit 
un peu plus foncé ou d'une autre couleur sans avoir de fond gris */
.mega-menu-formations ul.sub-menu a.elementor-item-active {
    opacity: 1 !important;
}

/* Base commune pour les deux Mega Menus */
.mega-menu-formations > ul.sub-menu,
.mega-menu-campus > ul.sub-menu {
    display: flex !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    background: #ffffff !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    box-shadow: 0px 15px 40px rgba(0,0,0,0.15) !important;
    border-top: 3px solid #1b75bc;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
}

.mega-menu-formations:hover > ul.sub-menu,
.mega-menu-campus:hover > ul.sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* ============================================================
   2. CONFIGURATION : FORMATIONS (5 colonnes horizontales)
   ============================================================ */
.mega-menu-formations > ul.sub-menu {
    flex-direction: row !important;
    width: 95vw !important;
    max-width: 1250px !important;
}

.mega-menu-formations > ul.sub-menu > li {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Effet opacité sur image au survol */
.mega-menu-formations img {
    width: 100% !important;
    max-width: 160px !important;
    height: auto !important;
    margin-bottom: 10px !important;
    transition: opacity 0.3s ease !important;
}

.mega-menu-formations a:hover img {
    opacity: 0.6 !important;
}

/* Gestion du titre sous l'image */
.mega-menu-formations ul.sub-menu li ul.sub-menu {
    display: block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: none !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
}

/* ============================================================
   3. CONFIGURATION : CAMPUS (Grille 4 colonnes)
   ============================================================ */
.mega-menu-campus > ul.sub-menu {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px 20px !important;
    width: 850px !important;
}

.mega-menu-campus > ul.sub-menu > li {
    list-style: none !important;
    padding: 5px !important;
}

.mega-menu-campus > ul.sub-menu li a {
    text-align: left !important;
    font-weight: bold !important;
    font-size: 13px !important;
    padding: 5px 0 !important;
}

/* ============================================================
   4. SUPPRESSION DES FLÈCHES
   ============================================================ */
.sub-arrow { display: none !important; }/* End custom CSS */