*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#2b2622;background:#fbf7f1}
a{color:#8a3d1f}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}
.saut{position:absolute;left:-999px}.saut:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.tete{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px max(16px,calc(50vw - 480px));background:#f3ebdf;border-bottom:3px solid #c8612f}
.marque{display:flex;align-items:center;gap:10px;text-decoration:none;color:#2b2622;font:700 1.25rem Georgia,"Times New Roman",serif}
.marque img{border-radius:50%}
.tete nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-left:auto}
.tete nav a{color:#2b2622;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.tete nav a:hover,.tete nav a[aria-current]{border-color:#c8612f}
main{max-width:800px;margin:0 auto;padding:24px 16px 56px}
h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:1.2;color:#2f4a3c}
h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:.4em 0 .3em}h2{font-size:1.4rem;margin:1.8em 0 .5em}
.chapo{font-size:1.15rem}.fil{font-size:.9rem;opacity:.85}.couv{border-radius:14px;margin:12px 0;display:block;width:100%}
ul,ol{padding-left:1.3em}li{margin:.35em 0}
.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:14px 0}
.carte{display:block;padding:14px 16px;background:#f3ebdf;border:1px solid #e0d3c0;border-radius:12px;text-decoration:none;color:#2b2622}
.carte:hover{border-color:#c8612f}.carte strong{display:block;color:#2f4a3c;margin-bottom:4px}.carte span{font-size:.93rem}
.encart{background:#f3ebdf;border-left:4px solid #c8612f;padding:6px 16px;border-radius:0 12px 12px 0;margin:16px 0}
.pro{background:#2f4a3c;color:#fff;padding:20px 22px;border-radius:14px;margin:32px 0}
.pro h2{color:#fff;margin:0 0 .3em}.pro a:not(.bouton){color:#fff}
.bouton{display:inline-block;background:#c8612f;color:#fff;font-weight:700;padding:11px 18px;border-radius:999px;text-decoration:none}
.bouton:hover{filter:brightness(1.08)}
details{background:#f3ebdf;border:1px solid #e0d3c0;border-radius:10px;padding:10px 14px;margin:8px 0}
summary{cursor:pointer;font-weight:600}
.maj{font-size:.88rem;opacity:.8;margin-top:28px}
.pied{background:#f3ebdf;border-top:1px solid #e0d3c0;padding:22px max(16px,calc(50vw - 480px));font-size:.95rem}
.pied nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0}.petit{font-size:.85rem;opacity:.85}
a:focus-visible,summary:focus-visible{outline:3px solid #c8612f;outline-offset:2px}
@media print{.tete nav,.pied nav,.pro{display:none}}