/* ——— LE pied de page du site, un seul (Julián, 24-09 : « tous les footers pareils »).
   Même marquage sur toutes les pages publiques (`<footer class="pied">`, posé par
   tools/pied_commun.py) et cette feuille, chargée EN DERNIER. Le dessin est celui de
   l'accueil (landing-redesign.css §.s245–.s254) ; la gouttière est celle du menu
   (header.css, palette-redesign.css) : le logo du pied tombe à la verticale du logo du
   menu. Les feuilles de page gardent des règles `footer { … }` d'avant l'unification
   (connexion*.css, support.css, statut.css, demande-v2.css, annuaire-v2.css…) : tout est
   donc préfixé `html body footer.pied`, plus spécifique que chacune d'elles. ——— */
html body footer.pied{display:block;position:relative;box-sizing:border-box;width:auto;max-width:none;margin:0;
  border-top:1px solid #E3E8F0;background:#F5F7FB;
  padding:48px max(24px, calc((100% - 1280px) / 2 + 24px)) 32px;
  text-align:left;font-size:14px;line-height:1.5;color:#0B1220}
html body footer.pied .pied-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:none;margin:0;padding:0}
html body footer.pied .pied-logo{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:0;
  font-weight:800;font-size:18px;letter-spacing:-.02em;color:#0B1220;text-decoration:none}
html body footer.pied .pied-logo img{height:22px;width:auto;display:block}
html body footer.pied .pied-logo span{font-weight:700;padding-top:2px}
html body footer.pied .pied-marque p{margin:0;max-width:360px;font-size:14px;line-height:1.55;color:#5B6478}
html body footer.pied h4{margin:0 0 12px;font-family:inherit;font-size:13px;font-weight:700;line-height:normal;
  letter-spacing:0;text-transform:none;color:#0B1220}
html body footer.pied ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px}
html body footer.pied li{margin:0;padding:0}
html body footer.pied .pied-col a{display:inline;padding:0;font-size:14px;font-weight:400;color:#3B4457;text-decoration:none}
html body footer.pied .pied-col a:hover{color:#1D4ED8}
html body footer.pied .pied-base{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  max-width:none;margin:32px 0 0;padding:20px 0 0;border-top:1px solid #E3E8F0;font-size:12px;line-height:1.6;color:#8A93A8}
html body footer.pied .pied-liens{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
html body footer.pied .pied-liens a{display:inline-flex;align-items:center;padding:0;color:#5B6478;text-decoration:none}
html body footer.pied .pied-liens a:hover{color:#1D4ED8}
html body footer.pied .pied-liens a[aria-current="page"]{color:#0B1220;font-weight:600}
/* état du système et version (statut-dot.js pose la pastille et le lien de version) */
.ft-statut{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;white-space:nowrap}
.ft-statut:hover{text-decoration:underline}
.ft-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#C9D1E3}
.ft-dot.ft-operational{background:#16A34A;box-shadow:0 0 0 3px #DCFCE7;animation:ft-beat 2.6s ease-in-out infinite}
.ft-dot.ft-degraded{background:#B45309;box-shadow:0 0 0 3px #FEF3C7}
.ft-dot.ft-down{background:#DC2626;box-shadow:0 0 0 3px #FEE2E2;animation:ft-beat 1.1s ease-in-out infinite}
@keyframes ft-beat{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.ft-dot{animation:none !important}}
.ft-version{margin-left:10px;color:inherit;text-decoration:none;font-feature-settings:"tnum" 1;opacity:.85;white-space:nowrap}
.ft-version:hover{text-decoration:underline;opacity:1}
@media (max-width:720px){
  html body footer.pied{padding:36px 16px 26px}
  /* la marque en tête, les deux listes côte à côte : une seule colonne faisait 850 px */
  html body footer.pied .pied-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px}
  html body footer.pied .pied-marque{grid-column:1 / -1}
}
@media (max-width:340px){
  html body footer.pied .pied-cols{grid-template-columns:minmax(0,1fr)}
}