:root{--navy:#0b1f4b;--gold:#f2b705}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f3f5fa;color:#1b2333;line-height:1.6}
.page{max-width:760px;margin:auto;padding:24px 16px 40px}
h1{color:var(--navy);margin:.4em 0 0}h2{color:var(--navy);font-size:1.1rem;margin-top:1.6em;border-left:4px solid var(--gold);padding-left:10px}
.ecole{color:#5b6475;font-weight:600;margin-top:0}.retour{color:var(--navy);font-weight:600;text-decoration:none}
.contact{margin-top:2em;color:#5b6475;font-size:.9rem}
.sc-mention{text-align:center;font-size:.72rem;color:#8a93a6;padding:14px}.sc-mention a{color:inherit;font-weight:600}

/* Bandeau de l'école de démonstration */
.sc-demo{position:sticky;top:0;z-index:100;font:700 .8rem system-ui,-apple-system,sans-serif;height:28px;line-height:28px;overflow:hidden;background:var(--gold,#F5A623);color:var(--sur-gold,#1E3A8A);text-align:center;letter-spacing:.3px;padding:0 10px}
body.avec-demo header,body.avec-demo .top{top:28px}

/* Mention « Plateforme Scolavi » : couleurs de Scolavi (bleu pétrole), pas celles de l'école */
.sc-mention{background:#0F4C5C!important;color:#cfe3e6!important;margin:0!important}
.sc-mention a{color:#ffffff!important;font-weight:700}

/* Chargement : rien ne s'affiche tant que la fiche de l'école n'est pas lue */
body.chargement>*{visibility:hidden}
body.chargement::after{content:"";position:fixed;inset:0;margin:auto;width:38px;height:38px;border-radius:50%;border:3px solid #E2E8F0;border-top-color:#64748B;animation:sc-tourne .8s linear infinite}
@keyframes sc-tourne{to{transform:rotate(360deg)}}
/* Sécurité : si la fiche de l'école ne se charge pas (ancien fichier en mémoire, réseau), la page s'affiche quand même après 6 s */
body.chargement>*{animation:sc-montre 0s 6s forwards}
@keyframes sc-montre{to{visibility:visible}}
body.chargement::after{animation:sc-tourne .8s linear infinite,sc-cache 0s 6s forwards}
@keyframes sc-cache{to{visibility:hidden}}