/* ========================= EN-TÊTE ========================== */

.topbar{display:flex;align-items:center;justify-content:space-between;background:rgba(5,7,10,.97)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}
.brand span{color:#fff}
.brand-logo{width:40px;height:40px;object-fit:contain}

/* ========================= MENU PC ========================== */

.main-nav{display:flex;align-items:center}
.desktop-nav{display:flex;align-items:center;gap:32px}
.nav-section,.nav-pages{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.main-nav a{text-decoration:none;font-size:13px;font-weight:400}
.nav-accueil{color:#4f7fd8}
.nav-observatoire{color:#f2f2f2}
.nav-actualite{color:#c94a4a}

/* ========================= MENU MOBILE ========================== */

.mobile-nav{display:none}

/* ========================= RESPONSIVE MENU ========================== */

@media(max-width:700px){
.topbar{flex-direction:column;align-items:center;padding-top:18px;padding-bottom:16px}
.brand{margin-bottom:14px}
.desktop-nav{display:none}
.main-nav{width:100%}
.mobile-nav{display:flex;width:100%;justify-content:center;align-items:center;gap:24px}
.mobile-nav a{font-size:13px;white-space:nowrap}
}