/* =====================================================================
   Outils du support Boxtal — barre de navigation commune et couleurs (bxtl.unfroidecanard.com)
   Même charte que la page d'accueil du site et que l'Assistant support :
   bleu marine Boxtal, accent orange, cartes blanches sur fond gris clair.
   Chargé après le style propre à chaque page : les sélecteurs commencent par
   « :root » pour passer devant lui sans avoir à modifier chaque page.
   ===================================================================== */
:root{
  --bx-bleu:#1F3B73; --bx-bleu-fonce:#172C57; --bx-bleu-clair:#E8EEF8; --bx-bleu-tres-clair:#F2F5FB;
  --bx-orange:#E8762B; --bx-orange-clair:#FDEBDC;
  --bx-fond:#F5F7FB; --bx-surface:#FFFFFF; --bx-surface-2:#FAFBFD;
  --bx-trait:#DCE2EC; --bx-trait-fort:#C3CCDA;
  --bx-encre:#1C2536; --bx-doux:#5E6779; --bx-pale:#8790A1;
  --bx-ok:#2E8B6E; --bx-ok-clair:#E6F4EF; --bx-alerte:#B85A12; --bx-alerte-clair:#FDF1E6; --bx-erreur:#B3261E; --bx-erreur-clair:#FCE8E6;
  --bx-r:8px; --bx-r-grand:12px;
  --bx-ombre:0 1px 2px rgba(28,37,54,.06),0 6px 20px rgba(28,37,54,.07);
  --bx-ui:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --bx-mono:"Cascadia Mono","Cascadia Code",Consolas,"Liberation Mono",ui-monospace,monospace;
}

/* ---------------------------------------------------------------- barre commune (insérée en haut de chaque page) */
:root .bx-barre{box-sizing:border-box;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 -24px 8px;padding:12px 24px;
  background:var(--bx-surface);border-bottom:1px solid var(--bx-trait);box-shadow:0 1px 0 rgba(28,37,54,.02);
  font:14px/1.3 var(--bx-ui);text-align:left;position:relative}
:root .bx-barre::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--bx-bleu) 0 70%,var(--bx-orange) 70% 100%)}
:root .bx-marque{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bx-encre);font-weight:650;font-size:17px;margin-right:auto}
:root .bx-marque svg{width:30px;height:30px;flex:none}
:root .bx-marque small{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-doux)}
:root .bx-nav{display:flex;gap:4px;flex-wrap:wrap}
:root .bx-nav a{padding:7px 12px;border-radius:var(--bx-r);text-decoration:none;color:var(--bx-doux);font-weight:600}
:root .bx-nav a:hover{background:var(--bx-bleu-tres-clair);color:var(--bx-bleu)}
:root .bx-nav a.actif{background:var(--bx-bleu-clair);color:var(--bx-bleu)}

@media (max-width:640px){:root .bx-barre{margin:0 -14px 8px;padding:10px 14px}:root .bx-marque small{display:none}}
@media print{:root .bx-barre{display:none}}
/* page qui garde sa propre mise en page (guide interactif) : barre pleine largeur sans marges négatives */
:root .bx-barre.bx-seule{margin:0;font-family:var(--bx-ui)}
/* guide API v3 : bouton Accueil aux couleurs du site (le vert reste réservé aux codes POST et aux astuces) */
:root a.home-btn{background:#fff;color:var(--bx-bleu);border:1px solid var(--bx-trait-fort)}
:root a.home-btn:hover{background:var(--bx-bleu-tres-clair);color:var(--bx-bleu);border-color:var(--bx-bleu)}