.navbar { background: #333; padding: 1rem; }
.nav-links { display: flex; list-style: none; margin: 0; padding: 0; }
.nav-item { position: relative; margin-right: 20px; }
.nav-item a { color: white; text-decoration: none; padding: 10px; display: block; }

/* Styles du sous-menu */
.submenu {
    display: none; /* Caché par défaut */
    position: absolute;
    top: 100%;
    left: 0;
    background: #444;
    min-width: 300px;
    list-style: none;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.submenu li a { padding: 10px; border-bottom: 1px solid #555; }
.submenu li a:hover { background: #555; }

/* Affichage au survol */
.nav-item:hover .submenu { display: block; }
.nav-item a.active { border-bottom: 2px solid #00d1b2; color: #00d1b2; }