@charset "utf-8";
/* css/menu.css — menu supérieur de toutes les pages (navigationhaut.php), étape 52.
   Feuille appelée dans l'en-tête de chaque page qui affiche le menu, y compris celles qui ne chargent pas styles.css
   (administration).
   Texte agrandi (marque 24 px, rubriques 19 px, sous-menus 18 px) avec des marges internes resserrées : la barre garde
   sa hauteur d'environ 56 px, sur laquelle les pages calent leur contenu. Boutons de droite une fois connecté :
   espace personnel en jaune sur texte bleu nuit (contraste 7,4 : 1), déconnexion en blanc sur fond sombre (15 : 1) ;
   l'ancien vert sur fond sombre n'atteignait que 3,4 : 1. */
.ec-menu-haut { --bs-navbar-brand-font-size: 1.5rem; --bs-navbar-brand-padding-y: .2rem; }
.ec-menu-haut .navbar-brand { font-weight: 700; letter-spacing: .01em; }
.ec-menu-haut .navbar-nav { --bs-nav-link-font-size: 1.2rem; --bs-nav-link-font-weight: 600; --bs-nav-link-padding-y: .35rem; }
.ec-menu-haut .navbar-nav .nav-link:hover, .ec-menu-haut .navbar-nav .nav-link.show { color: #f2b134; }   /* rubrique survolée ou ouverte */
.ec-menu-haut .dropdown-menu { --bs-dropdown-font-size: 1.1rem; --bs-dropdown-item-padding-y: .5rem; --bs-dropdown-item-padding-x: 1.1rem; }
.ec-menu-haut .btn { --bs-btn-font-size: 1.1rem; --bs-btn-font-weight: 600; --bs-btn-padding-y: .3rem; --bs-btn-padding-x: 1rem; }
.ec-menu-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.ec-menu-espace { --bs-btn-color: #1f2d3d; --bs-btn-bg: #f2b134; --bs-btn-border-color: #f2b134;
  --bs-btn-hover-color: #1f2d3d; --bs-btn-hover-bg: #ffc54d; --bs-btn-hover-border-color: #ffc54d;
  --bs-btn-active-color: #1f2d3d; --bs-btn-active-bg: #e5a320; --bs-btn-active-border-color: #e5a320; --bs-btn-focus-shadow-rgb: 242, 177, 52; }
.ec-menu-sortie { --bs-btn-color: #fff; --bs-btn-bg: transparent; --bs-btn-border-color: rgba(255, 255, 255, .85);
  --bs-btn-hover-color: #212529; --bs-btn-hover-bg: #fff; --bs-btn-hover-border-color: #fff;
  --bs-btn-active-color: #212529; --bs-btn-active-bg: #e9ecef; --bs-btn-active-border-color: #e9ecef; --bs-btn-focus-shadow-rgb: 255, 255, 255; }
/* petits téléphones : la marque reste sur la même ligne que le bouton du menu (sinon la barre double de hauteur) */
@media (max-width: 359.98px) { .ec-menu-haut { --bs-navbar-brand-font-size: 1.25rem; } }
@media (max-width: 319.98px) { .ec-menu-haut { --bs-navbar-brand-font-size: 1.1rem; } }
/* menu replié (téléphone, tablette) : sous-menus à la ligne plutôt que hors de l'écran, marge sous les boutons */
@media (max-width: 991.98px) {
  .ec-menu-haut .navbar-collapse { padding-bottom: .75rem; }
  .ec-menu-haut .dropdown-item { white-space: normal; }
}