/* Menu principal */
.menu {
    width: 100%;
    background-color: #DFF5E1; /* ?? Vert pâle – couleur de fond douce et naturelle */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Ombre discrète pour donner du relief */
    position: sticky;
    top: 0;
    z-index: 1000;
    font-family: 'Georgia', serif; /* Élégance classique */
}

/* Conteneur des éléments du menu */
.menu ul {
    list-style: none;        /* Suppression des puces */
    margin: 0;
    padding: 0;
    display: flex;           /* Alignement horizontal */
    justify-content: center; /* Centrage des éléments */
    align-items: center;
}

/* Élément de la liste */
.menu ul li {
    margin: 0 12px; /* Espacement horizontal entre les onglets */
}

/* Liens dans le menu */
.menu ul li a {
    display: block;
    padding: 12px 20px;
    color: #2E3C2F; /* ??? Vert-brun foncé, pour la lisibilité et l'élégance */
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Effet au survol */
.menu ul li a:hover {
    background-color: #B7E4C7; /* ?? Vert un peu plus soutenu au survol */
    color: #1B1B1B;            /* Contraste subtil */
}

/* Onglet actif (page en cours) */
.menu ul li a.active {
    background-color: #A0E7E5; /* ?? Turquoise clair, symbole d'actualité */
    color: #1A1A1A;
    border: 1px solid #88D9D6;
}