/* Site public de DGO Expertises Formations : feuille unique. Police Poppins (licence SIL OFL, polices/OFL.txt) servie par le site. */
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("/polices/poppins-latin-ext-300.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("/polices/poppins-latin-300.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/polices/poppins-latin-ext-400.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/polices/poppins-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("/polices/poppins-latin-ext-500.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("/polices/poppins-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/polices/poppins-latin-ext-600.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/polices/poppins-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Mise en page : bandeau blanc du logo, barre de menu bleu nuit avec le bouton « S’inscrire », puis des bandes pleine largeur
   (blanc, gris, bleu nuit) qui reprennent la structure du site actuel ; ambre (#E39A4E, choisi par la direction le 26 octobre 2026) réservé aux actions ; une couleur par famille de formations. */
:root{
  --nuit:#1D1D36; --nuit-2:#2A2A4C; --action:#E39A4E; --action-clair:#EDAE6E; --action-fonce:#B8732E; --action-texte:#8F5515; --action-sur-nuit:#F0BB85;
  --lavande:#C4C3F3; --gris:#EEECEB; --bord:#D9D6D4; --texte:#1A1A24; --doux:#55546A; --blanc:#FFFFFF;
  --sur-nuit:#D8D8E6; --note:#FFF1C2;
  --fam-securite:#3341A0; --fam-securite-fond:#E7E9F7;
  --fam-secours:#B42318; --fam-secours-fond:#FBE9E7;
  --fam-elec:#8A6100; --fam-elec-fond:#FBF1D9;
  --police:"Poppins", "Segoe UI", system-ui, -apple-system, sans-serif; --r:6px;
  color-scheme: light;
}
body{background:var(--blanc);color:var(--texte);font-family:var(--police);font-size:16px;line-height:1.6}
*{box-sizing:border-box}
.page{overflow-x:hidden;overflow-x:clip}
a{color:inherit}
:focus-visible{outline:3px solid var(--action-fonce);outline-offset:2px}
.large{max-width:1180px;margin-inline:auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
h1,h2,h3,h4{line-height:1.2;text-wrap:balance;margin:0;font-weight:600}
h1{font-size:clamp(1.9rem,4.2vw,3rem);letter-spacing:-0.01em}
h2{font-size:clamp(1.45rem,2.6vw,2rem)}
h3{font-size:1.1rem}
p{margin:0}
.chiffres{font-variant-numeric:tabular-nums}
.passer{position:absolute;left:-999px;top:0;background:var(--action);color:var(--nuit);padding:8px 12px;z-index:20}
.passer:focus{left:max(16px, env(safe-area-inset-left, 0px))}

.entete{background:var(--blanc)}
.entete .large{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px;flex-wrap:wrap}
.entete img{height:62px;width:auto;display:block}
.entete-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tel{font-weight:500;text-decoration:none;font-variant-numeric:tabular-nums}
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--action);color:var(--nuit);text-decoration:none;padding:11px 20px;border-radius:var(--r);border:0;font:inherit;font-weight:600;font-size:.95rem;min-height:44px;cursor:pointer;text-align:center}
.bouton:hover{background:var(--action-clair)}
.bouton-clair{background:transparent;color:var(--blanc);box-shadow:inset 0 0 0 1.5px var(--blanc)}
.bouton-clair:hover{background:var(--nuit-2)}
.bouton-trait{background:transparent;color:var(--nuit);box-shadow:inset 0 0 0 1.5px var(--nuit)}
.bouton-trait:hover{background:var(--gris)}
.menu{background:var(--nuit);position:sticky;top:env(safe-area-inset-top, 0px);z-index:10}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:11;background:var(--nuit)}
.menu .large{display:flex;align-items:center;gap:12px}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.menu a{display:block;color:var(--blanc);text-decoration:none;padding:13px 13px;font-weight:300;white-space:nowrap;font-size:.95rem}
.menu a:hover{background:var(--nuit-2)}
.menu a[aria-current="page"]{color:var(--lavande);font-weight:500}
.menu .saison{color:var(--action-sur-nuit);font-weight:500}
.menu .bouton{padding:8px 16px;min-height:38px;flex:none}

.bande{padding-block:56px}
.bande-grise{background:var(--gris)}
.bande-nuit{background:var(--nuit);color:var(--blanc)}
.bande-nuit .doux{color:var(--sur-nuit)}
.doux{color:var(--doux)}
.surtitre{font-size:.9rem;color:var(--action-texte);font-weight:500}
.bande-nuit .surtitre{color:var(--action-sur-nuit)}
.pile{display:grid;gap:16px;align-content:start}
.pile-l{display:grid;gap:32px}
.deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.portes{display:flex;gap:12px;flex-wrap:wrap}

.annonce{background:var(--action);color:var(--nuit)}
.annonce .large{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:12px}
.annonce a{font-weight:600}

.ouverture{display:grid;grid-template-columns:1.05fr 1fr}
.ouverture-texte{background:var(--nuit);color:var(--blanc);padding:56px 32px 56px max(16px, calc((100vw - 1180px)/2 + 16px));display:grid;gap:22px;align-content:center}
.ouverture-texte p{color:var(--sur-nuit);max-width:34em}
.ouverture-photo{min-height:300px;position:relative;background:var(--nuit)}
.ouverture-photo img,.ouverture-photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.direction{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:center}
.direction img{width:100%;border-radius:var(--r);display:block;aspect-ratio:4/3;object-fit:cover}
.direction blockquote{margin:0;display:grid;gap:14px;font-size:1.02rem}
.direction blockquote p:first-child{font-size:1.25rem;font-weight:500;line-height:1.4}
.signature{font-size:.9rem;color:var(--doux)}

.voie{display:grid;grid-template-rows:auto 1fr;background:var(--blanc);border-radius:var(--r);overflow:hidden;border:1px solid var(--bord)}
.voie img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.voie-corps{padding:24px;display:grid;gap:14px;align-content:start}
.voie ul{margin:0;padding-left:18px;color:var(--doux)}

.banniere{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.banniere img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);display:block}

.consigne{display:flex;gap:10px;align-items:center;font-size:.95rem;background:var(--blanc);border:1px dashed var(--nuit);border-radius:var(--r);padding:12px 16px}
.famille{display:grid;gap:10px}
.famille-titre{display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--doux);font-weight:500}
.pastille{width:12px;height:12px;border-radius:3px;flex:none}
.liste{list-style:none;margin:0;padding:0;border:1px solid var(--bord);border-radius:var(--r);background:var(--blanc);overflow:hidden}
.liste li + li{border-top:1px solid var(--bord)}
.ligne{display:grid;grid-template-columns:minmax(0,1fr) 120px 170px auto;gap:16px;align-items:center;padding:14px 16px;text-decoration:none;color:inherit;border-left:4px solid transparent}
.ligne:hover{background:#F7F5F4}
.ligne:hover .voir{background:var(--action);color:var(--nuit);box-shadow:none}
.ligne-nom{font-weight:600}
.ligne-ref{display:block;font-size:.8rem;color:var(--doux);font-weight:400}
.ligne-duree{font-variant-numeric:tabular-nums;color:var(--doux);font-size:.92rem}
.ligne-prix{text-align:right;font-variant-numeric:tabular-nums}
.ligne-prix small{display:block;color:var(--doux);font-size:.8rem}
.voir{font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:var(--r);box-shadow:inset 0 0 0 1.5px var(--nuit);white-space:nowrap}
.prochainement{border-left:4px solid var(--action);background:var(--blanc);padding:18px 20px;border-radius:0 var(--r) var(--r) 0;display:grid;gap:6px}

/* Calendrier */
.cal-barre{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cal-nav{display:flex;gap:8px;align-items:center}
.cal-nav button{font:inherit;border:1.5px solid var(--nuit);background:var(--blanc);color:var(--nuit);border-radius:var(--r);min-width:44px;min-height:44px;cursor:pointer;font-weight:600}
.cal-mois{font-size:1.3rem;font-weight:600;min-width:11ch;text-align:center}
.legende{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--doux)}
.legende span{display:inline-flex;align-items:center;gap:6px}
.grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--bord);border-radius:var(--r);overflow:hidden;background:var(--bord);gap:1px}
.grille .jour-sem{background:var(--nuit);color:var(--blanc);font-size:.8rem;font-weight:500;padding:8px;text-align:center}
.case{background:var(--blanc);min-height:104px;padding:6px;display:grid;align-content:start;gap:4px}
.case.hors{background:#F7F5F4;color:#A9A6B5}
.case.weekend{background:#FAF9F8}
.case .num{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}
.puce{display:block;font-size:.74rem;font-weight:600;line-height:1.25;padding:3px 6px;border-radius:4px;text-decoration:none;border-left:3px solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-securite{background:var(--fam-securite-fond);border-color:var(--fam-securite);color:var(--fam-securite)}
.f-secours{background:var(--fam-secours-fond);border-color:var(--fam-secours);color:var(--fam-secours)}
.f-elec{background:var(--fam-elec-fond);border-color:var(--fam-elec);color:var(--fam-elec)}
.cal-liste{display:none;gap:8px}
.session{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 16px;background:var(--blanc);border:1px solid var(--bord);border-left:4px solid;border-radius:var(--r)}
.session-date{font-weight:600;font-variant-numeric:tabular-nums}
.session-places{font-size:.85rem;color:var(--doux)}

.tableau{overflow-x:auto;border:1px solid var(--bord);border-radius:var(--r);background:var(--blanc)}
table{border-collapse:collapse;width:100%;min-width:600px}
th,td{text-align:left;padding:12px 16px;border-top:1px solid var(--bord);vertical-align:top}
thead th{background:var(--nuit);color:var(--blanc);font-weight:500;font-size:.85rem;border-top:0}
.num-d{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

.fil{font-size:.85rem;color:var(--sur-nuit)}
.fil a{color:var(--sur-nuit)}
.etiquettes{display:flex;gap:8px;flex-wrap:wrap}
.etiquette{font-size:.8rem;padding:4px 10px;border-radius:999px;background:var(--nuit-2);color:var(--blanc)}
.fiche{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.essentiel{position:sticky;top:calc(env(safe-area-inset-top, 0px) + 64px);border:1.5px solid var(--nuit);border-radius:var(--r);padding:22px;display:grid;gap:14px;background:var(--blanc)}
.essentiel dl{margin:0;display:grid;gap:12px}
.essentiel dt{font-size:.8rem;color:var(--doux)}
.essentiel dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}
.essentiel .grand{font-size:1.5rem;font-weight:600}
.rubrique{display:grid;gap:10px;padding-block:22px;border-top:1px solid var(--bord)}
.rubrique:first-child{border-top:0;padding-top:0}
.rubrique ul{margin:0;padding-left:20px;display:grid;gap:4px}
.bloc h4{font-size:.98rem;margin-bottom:2px}
.faq details{border:1px solid var(--bord);border-radius:var(--r);background:var(--blanc)}
.faq details + details{margin-top:8px}
.faq summary{cursor:pointer;padding:12px 16px;font-weight:500}
.faq details p{padding:0 16px 14px}
.maj{font-size:.8rem;color:var(--doux)}

.formulaire{display:grid;gap:16px;background:var(--blanc);border:1px solid var(--bord);border-radius:var(--r);padding:24px}
.champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.champ{display:grid;gap:6px;align-content:start}
.champ.plein{grid-column:1/-1}
label{font-size:.88rem;font-weight:500}
input,select,textarea{font:inherit;font-size:.95rem;padding:10px 12px;border:1px solid #B9B5B2;border-radius:var(--r);background:var(--blanc);color:var(--texte);width:100%;min-height:44px}
textarea{min-height:96px;resize:vertical}
.mention{font-size:.8rem;color:var(--doux)}
.etapes{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:e}
.etapes li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;counter-increment:e}
.etapes li::before{content:counter(e);width:36px;height:36px;border-radius:50%;background:var(--nuit);color:var(--blanc);display:grid;place-items:center;font-weight:600}

.valeurs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.valeurs li{padding:10px 18px;border-radius:999px;background:var(--nuit);color:var(--blanc);font-weight:500}
.mosaique{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mosaique figure{margin:0;display:grid;gap:6px;align-content:start}
.mosaique img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);display:block}
.mosaique figcaption{font-size:.82rem;color:var(--doux)}
.colonnes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.colonnes > div{display:grid;gap:8px;align-content:start}
.colonnes ul{margin:0;padding-left:18px;color:var(--doux)}

/* Contact */
.contact-ouverture{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
.contact-ouverture .texte-nuit{background:var(--nuit);color:var(--blanc);padding:56px 32px 56px max(16px, calc((100vw - 1180px)/2 + 16px));display:grid;gap:18px;align-content:center}
.contact-ouverture .texte-nuit p{color:var(--sur-nuit)}
.contact-ouverture .photo{position:relative;min-height:280px}
.contact-ouverture .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.carte{background:var(--blanc);border:1px solid var(--bord);border-radius:var(--r);padding:22px;display:grid;gap:8px;align-content:start}
.icone{width:44px;height:44px;border-radius:50%;background:var(--nuit);display:grid;place-items:center}
.icone svg{width:22px;height:22px;fill:none;stroke:var(--action-fonce);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.selectionnable{user-select:all;font-weight:600;font-variant-numeric:tabular-nums;font-size:1.05rem}
.horaires{border-collapse:collapse;min-width:0}
.horaires td{border-top:1px solid var(--bord);padding:8px 12px 8px 0}
.texte{max-width:46rem;display:grid;gap:14px}
.texte h2{font-size:1.25rem;margin-top:14px}
.texte ul{margin:0;padding-left:20px;display:grid;gap:4px}

.pied{background:var(--nuit);color:var(--sur-nuit);font-size:.9rem}
.pied .large{padding-block:44px;display:grid;gap:28px}
.registre{border:1px solid #3A3A5C;border-radius:var(--r);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.registre > div{padding:16px 18px;display:grid;gap:4px;border-left:1px solid #3A3A5C;align-content:start}
.registre > div:first-child{border-left:0}
.registre dt{font-size:.78rem;color:#B9B9CF}
.registre dd{margin:0;font-weight:600;color:var(--blanc);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.registre .detail{font-size:.78rem;color:#B9B9CF}
.pied-haut{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
.pied h3,.pied .titre-pied{color:var(--blanc);font-size:1rem;margin-bottom:8px}
.pied ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pied a{color:var(--sur-nuit)}
.qualite{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;border-top:1px solid #3A3A5C;padding-top:22px}
.qualite-logo{background:var(--blanc);border-radius:var(--r);padding:10px 14px;display:grid;gap:4px;justify-items:center}
.qualite-logo img{width:170px;height:auto;display:block}
.qualite-logo span{font-size:.72rem;font-weight:600;color:var(--texte);letter-spacing:.02em}
.qualite p{font-size:.84rem;color:#C9C9DB}
.mentions-bas{font-size:.8rem;color:#B9B9CF;display:grid;gap:4px}
.marque{font-weight:600;color:var(--blanc);font-size:1.05rem}

@media (max-width: 900px){
  .ouverture,.deux,.direction,.banniere,.fiche,.pied-haut,.contact-ouverture,.cartes{grid-template-columns:1fr}
  .ouverture-texte,.contact-ouverture .texte-nuit{padding:40px max(16px, env(safe-area-inset-right, 0px)) 40px max(16px, env(safe-area-inset-left, 0px))}
  .registre{grid-template-columns:repeat(2,minmax(0,1fr))}
  .registre > div:nth-child(3){border-left:0}
  .registre > div:nth-child(n+3){border-top:1px solid #3A3A5C}
  .essentiel{position:static}
  .mosaique,.colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ligne{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .ligne-duree{grid-column:1}
  .ligne-prix{grid-column:2;grid-row:1}
  .voir{grid-column:1/-1;justify-self:start}
  .menu .bouton{display:none}
  .barre-mobile{display:flex}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}
}
@media (max-width: 700px){
  .grille{display:none}
  .cal-liste{display:grid}
}
@media (max-width: 560px){
  .registre,.champs,.colonnes{grid-template-columns:1fr}
  .registre > div{border-left:0;border-top:1px solid #3A3A5C}
  .registre > div:first-child{border-top:0}
  .session{grid-template-columns:1fr}
  .qualite{grid-template-columns:1fr}
  .entete img{height:44px}
  .entete .large{flex-wrap:nowrap;padding-block:10px}
  .entete-actions .bouton{display:none}
  .bande{padding-block:40px}
}

/* Barre d'action fixe sur téléphone : appeler ou s'inscrire, toujours à portée de pouce. */
.barre-mobile{display:none;position:fixed;left:0;right:0;bottom:0;z-index:12;gap:8px;background:var(--nuit);padding:10px max(12px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px))}
.barre-mobile .bouton{flex:1;min-height:44px;padding:8px 10px}
/* Calendrier : sans script, tous les mois se lisent à la suite ; avec le script, un mois à la fois. */
.mois-cal{display:grid;gap:12px}
.mois-cal + .mois-cal{margin-top:28px}
.js .mois-cal + .mois-cal{margin-top:0}
.cal-nav{display:none}
.js .cal-nav{display:flex}
.sans-donnees{border-left:4px solid var(--action);background:var(--gris);padding:14px 18px;border-radius:0 var(--r) var(--r) 0}
.texte-long{max-width:48rem;display:grid;gap:12px}
.texte-long h2{font-size:1.3rem;margin-top:18px}
.texte-long h3{font-size:1.08rem;margin-top:10px}
.texte-long ul,.texte-long ol{margin:0;padding-left:22px;display:grid;gap:4px}
.texte-long table{min-width:0}
.texte-long blockquote{margin:0;border-left:4px solid var(--action);padding:8px 16px;background:var(--gris)}
.erreur-404{min-height:40vh;display:grid;align-content:center;gap:16px}

/* Site final : remplacent les attributs style de la maquette (la politique de sécurité refuse tout style en ligne). */
[hidden]{display:none !important}
.bord-securite{border-left-color:var(--fam-securite) !important}
.bord-secours{border-left-color:var(--fam-secours) !important}
.bord-elec{border-left-color:var(--fam-elec) !important}
.bord-alternance{border-left-color:var(--action) !important}
.p-securite{background:var(--fam-securite)}
.p-secours{background:var(--fam-secours)}
.p-elec{background:var(--fam-elec)}
.centrer-v{align-self:center}
.centre-v{align-content:center}
.champ-large{min-width:240px;display:none}
.js .champ-large{display:grid}
.photo-carree{width:100%;height:auto;border-radius:6px;aspect-ratio:4/3;object-fit:cover}
.liste-doux{margin:0;padding-left:20px;display:grid;gap:6px}
.espace-haut{margin-top:8px}
.h3{font-size:1.08rem}
.dates-po{margin:0;padding-left:20px;display:grid;gap:6px;font-weight:500}
.qualite-clair{background:var(--gris);color:var(--texte);padding:18px;border-radius:var(--r)}
.calendrier{display:grid;gap:28px}
.js .calendrier{gap:0}
.a-confirmer{background:#FFF3C4;color:#5C4400;padding:0 4px;border-radius:3px;outline:1px dashed #A37800}
.selectionnable{font-weight:600;text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.js .mois-cal > .cal-mois{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cal-mois-courant{min-width:9.5em;text-align:center;font-weight:600}
.video-pause{display:none;position:absolute;right:12px;bottom:12px;z-index:1;font:inherit;font-size:.85rem;font-weight:500;background:var(--nuit);color:var(--blanc);border:1px solid var(--sur-nuit);border-radius:var(--r);padding:8px 12px;min-height:40px;cursor:pointer}
.js .video-pause{display:block}