/* La barre du site, une seule pour toutes les pages (accueil, pages légales, page introuvable).
   Son balisage est écrit par build/barre.py ; ses règles ne vivent qu'ici, bornées à .barre,
   pour qu'aucune feuille de page ne la retouche. */
@font-face{font-family:"RsSerif";src:url("/assets/fonts/SourceSerif4.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Orbitron";src:url("/assets/fonts/Orbitron.ttf") format("truetype");font-weight:100 900;font-display:swap}
.barre{--b-creme:#F5F2EA;--b-encre:#1A1815;--b-gris:#6E675A;--b-filet:#DAD3C4;--b-rouge:#EB2933;--b-corps:"RsSerif",Georgia,serif;
  position:sticky;top:0;z-index:9;background:var(--b-creme);border-bottom:1px solid var(--b-filet);
  font-family:var(--b-corps);font-size:18px;line-height:1.65;color:var(--b-encre);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums lining-nums}
.barre,.barre *{margin:0;padding:0;box-sizing:border-box}
.barre .in{max-width:1180px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;justify-content:space-between}
.barre .brand{display:flex;align-items:center;gap:12px;text-decoration:none} .barre .brand img{height:34px;width:auto;max-width:100%}
.barre .brand .mot{font-family:"Orbitron",var(--b-corps);font-size:22px;font-weight:400;text-transform:lowercase;color:var(--b-encre)}
.barre .brand .bl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--b-gris);border-left:1px solid var(--b-filet);padding-left:12px;margin-left:4px}
.barre nav{display:flex;align-items:center;gap:26px} .barre nav .fr{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-gris)} .barre nav .fr a,.barre nav .fr b{color:var(--b-encre);text-decoration:none} .barre nav .fr b{font-weight:600}
.barre .navlink{color:var(--b-encre);text-decoration:none;font-size:14.5px;border-bottom:1.5px solid var(--b-rouge);padding-bottom:3px} .barre .navlink:hover{color:var(--b-rouge)}
@media(max-width:1023px){.barre .in{padding:14px 28px}}
/* La barre lâche le bouton de rendez-vous dès que la place manque : la marque et le choix
   de langue reprennent leur aise. Le bouton reste dans l'accroche et en bas de page. */
@media(max-width:767px){
  .barre .navlink{display:none} .barre nav{gap:0}
  .barre .in{padding:12px 20px}
  .barre .brand .bl{display:none}
  .barre .brand img{height:28px} .barre .brand .mot{font-size:19px}
}