/* Barre de menu commune : accueil, quiz (/2-octobre), portail.
   Préfixe « sb- » pour ne pas entrer en conflit avec les styles des pages. */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo-latin.woff2) format("woff2-variations"),url(/assets/fonts/archivo-latin.woff2) format("woff2")}
.sb{position:relative;z-index:50;background:#fff;color:#1C2A5E;border-bottom:1px solid #D9DCE8;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sb-in{max-width:1160px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.sb-mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#1C2A5E;font-stretch:80%;font-weight:850;font-size:1.25rem;letter-spacing:-.01em;line-height:1;text-transform:none}
.sb-flag{display:inline-grid;grid-template-columns:repeat(3,6px);height:22px}
.sb-flag i:nth-child(1){background:#CE1126}
.sb-flag i:nth-child(2){background:#FCD116}
.sb-flag i:nth-child(3){background:#009460}
.sb-nav{display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none}
.sb-nav a{display:block;text-decoration:none;color:#1C2A5E;font-weight:600;font-size:.95rem;line-height:1.2;padding:9px 10px;border-radius:6px;text-transform:none;letter-spacing:0;border:0;box-shadow:none;background:none}
.sb-nav a:hover{background:#EEF0F7}
.sb-nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 #CE1126;border-radius:6px 6px 0 0}
.sb-nav a.sb-play{background:#CE1126;color:#fff;margin-left:6px}
.sb-nav a.sb-play:hover{background:#A50E1F}
.sb-nav a.sb-play[aria-current="page"]{box-shadow:none}
.sb a:focus-visible{outline:3px solid #FCD116;outline-offset:2px}
@media (max-width:560px){
  .sb-in{padding:10px 14px}
  .sb-nav .sb-opt{display:none}
  .sb-nav a{padding:8px 8px;font-size:.92rem}
}
/* Sous-menu « Agir » (pages du portail) */
.sb-sub{background:#EEF0F7;font-family:"Archivo",system-ui,sans-serif}
.sb-sub-in{max-width:1160px;margin:0 auto;padding:6px 20px;display:flex;align-items:center;gap:4px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sb-sub-in::-webkit-scrollbar{display:none}
.sb-sub span{font-size:.85rem;color:#4A5170;margin-right:6px;white-space:nowrap}
.sb-sub a{white-space:nowrap;text-decoration:none;color:#1C2A5E;font-weight:600;font-size:.88rem;padding:6px 8px;border-radius:5px;text-transform:none;border:0;box-shadow:none;background:none}
.sb-sub a:hover{background:#fff}
.sb-sub a[aria-current="page"]{background:#1C2A5E;color:#fff}
