:root{
  --bg:#ffffff; --fg:#1e1e1e; --muted:#5a5a5a; --card:#f6f6f6; --brand:#0b5bd3;
  --border:#e6e6e6; --dark:#1f1f1f;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.7;color:var(--fg);background:var(--bg)}
header,footer{background:var(--dark);color:#fff;text-align:center;padding:26px 16px}
header p{margin:8px 0 0;color:#ddd}
nav{position:sticky;top:0;background:#333;padding:12px 10px;text-align:center;z-index:10}
nav a{color:#fff;margin:0 10px;text-decoration:none;font-weight:700}
nav a:hover{text-decoration:underline}
main{max-width:1100px;margin:auto;padding:26px 16px}
h1,h2,h3{line-height:1.2}
h2{margin-top:36px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}
.grid{display:grid;gap:16px}
@media(min-width:860px){.grid.two{grid-template-columns:1.1fr .9fr}}
figure{margin:0}
img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--border);background:#fff}
figcaption{color:var(--muted);font-size:.95rem;margin-top:8px}
.kicker{color:#cfcfcf;font-size:.95rem}
.meta{color:var(--muted)}
a{color:var(--brand)}
a:hover{text-decoration:underline}
.villes a{margin:0 6px;white-space:nowrap}
.langswitch{margin-top:10px;font-size:.95rem}
.langswitch a{color:#ddd}
hr{border:none;border-top:1px solid var(--border);margin:26px 0}
.small{font-size:.95rem}
ul{margin-top:8px}