@font-face{font-family:Atkinson;src:url(/polices/atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Atkinson;src:url(/polices/atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--fond:#fbfaf7;--texte:#1d2a2e;--principal:#1f4e5a;--accent:#b94a32;--doux:#e6efee;--trait:#d6dcda}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font:400 1.125rem/1.6 Atkinson,system-ui,sans-serif}
a{color:var(--principal)}
.haut,.bas,main{max-width:60rem;margin:0 auto;padding:0 16px}
.haut{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--trait)}
.haut nav a{margin-left:1rem}
.marque{font-weight:700;text-decoration:none;font-size:1.2rem}
h1{font-size:1.8rem;line-height:1.25;color:var(--principal);margin:1.2rem 0 .8rem}
h2{font-size:1.35rem;color:var(--principal);margin-top:2rem}
.reponse{background:var(--doux);border-left:4px solid var(--principal);padding:.4rem 1rem;border-radius:4px}
.fil ol{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem;font-size:1rem}
.fil li+li:before{content:"›";margin-right:.3rem}
.cartes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}
.carte a{display:block;text-decoration:none;color:var(--texte);font-weight:700;font-size:1rem}
.carte img{width:100%;height:auto;border:1px solid var(--trait);border-radius:4px;display:block;margin-bottom:.4rem}
.themes{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.themes a{display:block;background:#fff;border:1px solid var(--trait);border-radius:6px;padding:1rem;text-decoration:none;color:var(--texte)}
.themes strong{color:var(--principal);font-size:1.15rem}
.entete{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}
.entete img{width:240px;max-width:100%;height:auto;border:1px solid var(--trait);border-radius:4px}
.bouton{display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:.8rem 1.2rem;border-radius:6px;text-decoration:none}
.bouton.inactif{background:#8a8f8d}
.maj,.mention{font-size:1rem;color:#4b5654}
.bas{margin-top:3rem;padding-top:1rem;padding-bottom:2rem;border-top:1px solid var(--trait);font-size:1rem}
@media (max-width:480px){h1{font-size:1.5rem}.haut nav a{margin-left:0;margin-right:1rem}}