:root{--bleu:#0f4c5c;--bleu2:#1b6b7d;--corail:#e36414;--corail2:#b84d0c;--fond:#f7f5f0;--carte:#fff;--texte:#1c2326;--doux:#56636a;--ligne:#e1ddd2;--clair:#eaf3f4}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fond);color:var(--texte);font:17px/1.65 "Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--bleu2)}a:hover{color:var(--corail2)}img,svg{max-width:100%}
.w{max-width:1000px;margin:0 auto;padding:0 20px}
.saut{position:absolute;left:-999px}.saut:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}
header.site{background:var(--carte);border-bottom:3px solid var(--corail)}
header.site .w{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;flex-wrap:wrap}
header.site .logo svg{height:30px;width:auto;display:block}
nav.menu{display:flex;gap:16px;flex-wrap:wrap;font-size:15px}nav.menu a{text-decoration:none;color:var(--texte);font-weight:600}nav.menu a:hover,nav.menu a[aria-current]{color:var(--corail2)}
h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;color:var(--bleu);line-height:1.2;font-weight:700}
h1{font-size:clamp(28px,4.4vw,40px);margin:.4em 0 .3em}h2{font-size:clamp(21px,2.8vw,26px);margin:1.5em 0 .5em}h3{font-size:19px;margin:1.1em 0 .4em}
.chapo{font-size:18.5px;color:var(--doux);max-width:740px}
.fil{font-size:14px;color:var(--doux);margin-top:22px}.fil a{color:var(--doux)}
.hero{padding:24px 0 6px}
.bandeau{background:var(--bleu);color:#fff;border-radius:18px;padding:30px 26px;margin-top:24px}
.bandeau h1{color:#fff;margin-top:0}.bandeau .chapo{color:#d6e7ea}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0}
.carte{background:var(--carte);border:1px solid var(--ligne);border-left:4px solid var(--bleu2);border-radius:12px;padding:15px 17px;text-decoration:none;color:var(--texte);display:block}
.carte:hover{border-left-color:var(--corail)}.carte b{font-family:"Source Serif 4",Georgia,serif;color:var(--bleu);font-size:18px;display:block;margin-bottom:4px}.carte span{font-size:14.5px;color:var(--doux)}
.carte small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--corail2);margin-bottom:4px}
.bouton{display:inline-block;background:var(--corail);color:#fff!important;text-decoration:none;padding:11px 20px;border-radius:999px;font-weight:700;margin:10px 8px 6px 0}
.bouton:hover{background:var(--corail2)}.bouton.clair{background:#fff;color:var(--bleu)!important}
article p,article li,main>p{max-width:760px}
article ul,article ol{padding-left:22px}article li{margin:4px 0}
.encadre{background:var(--clair);border:1px solid #cfe2e5;border-radius:12px;padding:14px 18px;margin:20px 0;max-width:760px}
.encadre b{color:var(--bleu)}
.sources{font-size:14.5px;color:var(--doux);border-top:1px solid var(--ligne);margin-top:34px;padding-top:12px;max-width:760px}
.sources ul{padding-left:18px}
.voir{margin-top:30px}
dl.faq dt{font-weight:700;color:var(--bleu);margin-top:18px;font-family:"Source Serif 4",Georgia,serif;font-size:18px}dl.faq dd{margin:6px 0 0;max-width:760px}
footer.site{margin-top:60px;background:var(--bleu);color:#d6e7ea;font-size:14px}footer.site .w{padding-top:26px;padding-bottom:26px}
footer.site a{color:#fff}footer.site .liens{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}
@media (max-width:640px){body{font-size:16px}nav.menu{gap:10px;font-size:14px}.bandeau{padding:22px 18px}}