/* =========================
   1. RÉDUIRE LE BANDEAU IMAGE
========================= */

/* Conteneur du bandeau */
header#header #hero-banner {
padding: 20px 0 !important; /* Réduit l'espace vertical */
min-height: auto !important;
background: #F5F5F5 !important; /* Gris clair élégant */
}

/* Image de bannière */
#hero-banner img {
max-height: 220px !important; /* Taille idéale (ajuster 120–180px) */
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block;
margin: 0 auto; /* Centre la bannière */
}

/* Supprime les hauteurs fixes parfois imposées par le thème */
#hero-banner,
.hero,
.jumbotron {
    height: auto !important;
}

/* =========================
   2. MENU SOUS LE BANDEAU
========================= */
#main-nav,
.navbar {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    background-color: #FFFFFF !important;
    border-top: 1px solid #E6E6E6;
    border-bottom: 2px solid #A61E2E; /* Accent rouge institutionnel */
}

/* Force le menu à passer sous l'image */
#header {
    display: block !important;
}

/* =========================
   3. MENU BIEN VISIBLE (typo trop claire corrigée)
========================= */
.navbar a,
#main-nav a,
.navbar-nav > li > a {
    color: #2E2E2E !important;   /* Gris foncé lisible */
    font-weight: 500 !important;
    font-size: 15px;
}

/* Survol */
.navbar a:hover,
#main-nav a:hover {
    color: #A61E2E !important;   /* Rouge académique */
}

/* Page active */
.navbar .active a,
.navbar-nav > .active > a {
    color: #A61E2E !important;
    font-weight: 600 !important;
}

/* =========================
   4. ESPACES PLUS COMPACTS (style conférence pro)
========================= */
body {
    margin-top: 0 !important;
}

#header {
    margin-bottom: 10px !important;
}

/* Option : réduit encore si bannière trop haute 
@media (min-width: 768px) {
    #hero-banner img {
        max-height: 120px !important; /*120*/
    }
}*/