@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url(/polices/manrope-latin-400.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url(/polices/manrope-latin-700.woff2) format('woff2')}
@font-face{font-family:'Niasec Lux';font-weight:400;font-display:swap;src:url(/polices/niasec-lux.woff2) format('woff2')}
:root{--p:#06115c;--a:#b07a4c;--fond:#f6f3ee;--bord:#e6dfd4;--gris:#6b6b6b}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:#111;font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.45}
a{color:inherit}
.haut{background:var(--p);color:#fff;padding:30px 16px 26px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.haut .logo{height:96px;width:auto;max-width:240px;object-fit:contain}
.haut .logo[hidden]{display:none}
.haut h1{margin:0;font-family:'Niasec Lux',Georgia,serif;font-weight:400;font-size:36px;line-height:1.1}
.sous{color:#c9cdf0;font-size:15px}
.etat{margin-top:4px;border-radius:99px;padding:5px 14px;font-size:13.5px;font-weight:700;background:#e3f3ec;color:#04573a}
.etat.ferme{background:#fbe9e6;color:#8a2416}
.etat[hidden]{display:none}
.boutons{display:flex;flex-direction:column;gap:12px}
.bt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:14px;font-size:16.5px;font-weight:700;padding:0 22px;text-decoration:none;background:#fff;color:var(--p);border:2px solid var(--p)}
.bt.plein{background:var(--a);color:#fff;border-color:var(--a)}
.bt:focus-visible{outline:3px solid #f4bf4f;outline-offset:2px}
main{padding:18px 16px;display:flex;flex-direction:column;gap:12px;max-width:1000px;margin:0 auto}
.boite{background:#fff;border:1px solid var(--bord);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.sur{font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--gris);margin:0 0 2px}
.jour{display:flex;justify-content:space-between;font-size:15px}
.jour b.ferme{color:#9b2a1c}
.ligne{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--a)}
.ligne span,.ligne a{color:#111}
.ligne a.lien{color:var(--a);font-weight:700}
.infos{gap:12px}
footer{padding:18px 16px 26px;text-align:center;font-size:12.5px;color:var(--gris);line-height:1.6}
.texte{background:#fff;border:1px solid var(--bord);border-radius:18px;padding:22px 22px;max-width:760px;margin:0 auto}
.texte h2{font-family:'Niasec Lux',Georgia,serif;font-weight:400;color:var(--p);font-size:24px;margin:18px 0 6px}
.texte h2:first-child{margin-top:0}
.texte p{margin:0 0 8px;font-size:15px}
.retour{display:inline-block;margin:0 0 14px;color:var(--a);font-weight:700}
@media (min-width:900px){
  .haut{padding:46px 40px 40px;gap:12px}
  .haut h1{font-size:52px}
  .haut .logo{height:120px;max-width:300px}
  .sous{font-size:17px}
  .boutons{flex-direction:row;width:520px;margin-top:12px}
  .boutons .bt{flex:1}
  .haut .bt:not(.plein){border-color:#fff}
  main.accueil{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;padding:30px 40px}
  main.page{padding:30px 40px}
}
