:root{--r:10px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:var(--pri)}
a:hover{color:var(--pri-dark)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}
.skip:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:50}

.top{background:#fff;border-bottom:3px solid var(--pri);position:sticky;top:0;z-index:20}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--pri-dark);font-weight:700;font-size:1.2rem}
.brand img{display:block;width:auto;height:44px}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--text);font-weight:500}
.nav a:hover{background:var(--pri-soft);color:var(--pri-dark)}
.nav a[aria-current]{background:var(--pri);color:#fff}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--pri-dark);margin:5px 0;transition:.2s}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.lang-switch{flex:none}
.lang-switch select{appearance:none;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%231d5c8a" d="M4 6l4 4 4-4"/></svg>') no-repeat right 8px center/12px;border:1px solid var(--line);border-radius:999px;padding:7px 28px 7px 14px;font-weight:600;font-size:.85rem;color:var(--pri-dark);cursor:pointer}
.lang-switch select:hover{border-color:var(--pri)}
.lang-go{margin-left:6px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 12px;font-weight:600;font-size:.85rem;color:var(--pri-dark);cursor:pointer}

/* Avis de traduction automatique */
.mt-notice{margin:0 0 18px;padding:9px 14px;border-left:3px solid var(--pri);background:var(--pri-soft);border-radius:0 var(--r) var(--r) 0;font-size:.9rem;color:var(--muted)}

.banner{background:var(--pri-soft);border-bottom:1px solid var(--line)}
.banner .wrap{padding-top:14px;padding-bottom:14px;text-align:center}
.banner img{max-height:90px;width:auto}

.main{padding-top:32px;padding-bottom:56px;min-height:55vh}
h1{font-size:2rem;line-height:1.2;color:var(--pri-dark);margin:0 0 .6em}
h2{font-size:1.35rem;color:var(--pri-dark);margin:1.6em 0 .5em;line-height:1.3}
h3{font-size:1.1rem;margin:0 0 .3em}
.content>*:first-child{margin-top:0}
.content li{margin:.35em 0}
.content table{border-collapse:collapse;width:100%}
.content th,.content td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.content blockquote{margin:1em 0;padding:.4em 1.2em;border-left:4px solid var(--pri);background:var(--pri-soft);border-radius:0 var(--r) var(--r) 0}

/* Documents */
.doc{display:flex;align-items:center;gap:14px;margin:12px 0;padding:12px 14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--pri);border-radius:var(--r);text-decoration:none;color:var(--text);transition:box-shadow .15s}
.doc:hover{box-shadow:0 3px 14px rgb(0 0 0 /.09);color:var(--text)}
.doc-ic{flex:none;min-width:46px;text-align:center;padding:8px 6px;border-radius:8px;background:var(--pri);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em}
.doc-t{flex:1;font-weight:600;line-height:1.35}
.doc-t small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.doc-dl{flex:none;font-size:.85rem;font-weight:600;color:var(--pri);border:1px solid var(--pri);padding:6px 12px;border-radius:999px}
.doc:hover .doc-dl{background:var(--pri);color:#fff}

/* Articles / évènements */
.filters{display:flex;gap:8px;margin:28px 0 8px}
.filters a{padding:6px 14px;border:1px solid var(--line);background:#fff;border-radius:999px;text-decoration:none;color:var(--text);font-size:.95rem}
.filters a[aria-current]{background:var(--pri);border-color:var(--pri);color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin:20px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.card-b{padding:16px 18px 18px}
.card-b p{margin:.4em 0}
.card h3 a{color:var(--pri-dark);text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.meta{font-size:.85rem;color:var(--muted)}
.tag{display:inline-block;background:var(--pri-soft);color:var(--pri-dark);padding:1px 9px;border-radius:999px;font-weight:600;margin-right:6px}
.card.evenement .tag{background:var(--pri);color:#fff}
.post-img{border-radius:var(--r);margin:0 0 1.2em;display:block}
.back{margin-top:2.5em}

.foot{background:var(--pri-dark);color:#fff;padding:32px 0;font-size:.95rem}
.foot a{color:#fff}
.foot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foot p{margin:.4em 0;opacity:.92}
.foot nav{display:flex;flex-direction:column;gap:6px}

@media (max-width:760px){
  body{font-size:16px}
  .burger{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--pri);flex-direction:column;padding:10px 20px 16px}
  .nav.open{display:flex}
  .nav a{border-radius:var(--r)}
  .top{position:relative}
  .doc{flex-wrap:wrap}
  h1{font-size:1.6rem}
}
@media print{.top,.banner,.foot,.filters,.cookie-banner{display:none}}

/* Bannière de cookies */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--pri-dark);color:#fff;box-shadow:0 -4px 20px rgb(0 0 0 /.2)}
.cookie-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 20px}
.cookie-banner p{margin:0;font-size:.92rem;max-width:720px}
.cookie-banner a{color:#fff;text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex:none}
.btn-ghost,.btn-solid{border-radius:999px;padding:9px 18px;font-weight:600;font-size:.9rem;cursor:pointer;border:1px solid #fff}
.btn-ghost{background:transparent;color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-solid{background:#fff;color:var(--pri-dark)}
.btn-solid:hover{opacity:.9}
@media (max-width:600px){.cookie-in{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}}