*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--cream:#F3F5F0;--cream-2:#E6ECE0;--cream-3:#D2DCC8;--white:#fff;--ink:#1A1F1C;--ink-2:#323D34;--ink-3:#5F6B61;--green:#6DB33F;--green-d:#3F7A1F;--pale:#EDF7E2;--r:14px}
html{scroll-behavior:smooth}
main{font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);font-size:16px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
main a{color:var(--green-d)}
main img{max-width:100%;height:auto;display:block}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
/* Fil d'Ariane */
.crumb{font-size:13px;color:var(--ink-3);padding-top:18px}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.crumb li+li::before{content:"›";margin-right:6px;color:var(--cream-3)}
.crumb a{color:var(--ink-3);text-decoration:none}
.crumb a:hover{text-decoration:underline}
/* Contenu */
main{padding:10px 0 56px;display:block}
.hero{padding:26px 0 8px}
.kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d)}
main h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(30px,5vw,44px);line-height:1.12;margin:10px 0 14px;letter-spacing:-.01em}
main h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(23px,3.4vw,29px);line-height:1.2;margin:42px 0 12px}
main h3{font-size:17px;font-weight:600;margin:22px 0 6px}
main p{margin:0 0 14px;color:var(--ink-2)}
.lead{font-size:18px;color:var(--ink-2)}
ul.list{margin:0 0 16px 0;padding-left:20px;color:var(--ink-2)}
ul.list li{margin:5px 0}
main strong{font-weight:600;color:var(--ink)}
.card{background:#fff;border:1px solid var(--cream-3);border-radius:20px;padding:22px 24px;margin:18px 0}
.note{background:var(--pale);border:1px solid #CFE3BE;border-radius:var(--r);padding:16px 18px;margin:18px 0;color:var(--ink-2)}
main .note p:last-child{margin:0}
main figure{margin:24px 0}
main figure img{border-radius:18px;background:#fff;border:1px solid var(--cream-3)}
main figcaption{font-size:13px;color:var(--ink-3);margin-top:8px;text-align:center}
/* Tableaux */
.tbl{width:100%;overflow-x:auto;margin:16px 0;border:1px solid var(--cream-3);border-radius:var(--r);background:#fff}
main table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
main th,main td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--cream-2);vertical-align:top}
main th{background:var(--pale);font-weight:600;font-size:13px;letter-spacing:.02em}
main tr:last-child td{border-bottom:none}
/* Zones */
.zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}
.zone{background:#fff;border:1px solid var(--cream-3);border-radius:16px;padding:16px 18px}
main .zone h3{margin:0 0 4px;font-size:16px}
main .zone .t{font-size:13px;font-weight:600;color:var(--green-d);margin-bottom:6px}
main .zone p{font-size:14.5px;margin:0}
/* Appel à l'action */
.cta{background:var(--ink);color:#fff;border-radius:22px;padding:28px 26px;margin:44px 0 10px}
main .cta h2{color:#fff;margin:0 0 8px}
main .cta p{color:rgba(255,255,255,.78)}
.cta .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
main .cta .btn{background:#fff;color:var(--ink)}
main .cta .btn.g{background:var(--green);color:#10200a}
/* Liens associés */
.more{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:16px 0}
main .more a{display:block;background:#fff;border:1px solid var(--cream-3);border-radius:16px;padding:15px 17px;text-decoration:none;color:var(--ink);font-weight:600;transition:border-color .2s}
main .more a span{display:block;font-weight:400;font-size:14px;color:var(--ink-3);margin-top:3px}
main .more a:hover{border-color:var(--green)}
@media (max-width:720px){.lead{font-size:17px}}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:500;padding:11px 18px;border-radius:var(--r);transition:background .2s}
.btn:hover{background:#2A3A2C}
.btn.g{background:var(--green);color:#10200a}
.btn.g:hover{background:#5ea232}
main .cta .btn{background:#fff;color:var(--ink)}
main .cta .btn.g{background:var(--green);color:#10200a}
.site-footer .footer-list a:not([href^="mailto"]){display:block;margin:0;line-height:inherit;font-size:inherit;color:inherit;text-decoration:none}