*{box-sizing:border-box}
body{margin:0;background:#07080f;color:#f3f0e6;font:16px/1.55 Poppins,system-ui,sans-serif}
a{color:#f4cf55}
.pnav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #2a2410;background:#04050a}
.pbrand{font:italic 900 1.05rem Impact,"Arial Black",sans-serif;color:#f4cf55;text-decoration:none;letter-spacing:.03em}
.plinks{display:flex;flex-wrap:wrap;gap:6px}
.plinks a{font-size:.8rem;color:#cfc6a8;text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid #2a2410}
.plinks a.on,.plinks a:hover{background:#f4cf55;color:#120d03;border-color:#f4cf55}
main{max-width:1000px;margin:0 auto;padding:0 16px 48px}
.phead{text-align:center;padding:26px 0 8px}
.phead h1{font:italic 800 clamp(1.8rem,6vw,2.6rem)/1.1 Poppins,sans-serif;color:#f4cf55;margin:0}
h2{font:italic 800 1.35rem Poppins,sans-serif;color:#f4cf55;margin:0 0 10px}
h3{margin:14px 0 6px;color:#f4cf55}
.pcard{background:#10121c;border:1px solid #2a2410;border-radius:16px;padding:16px;margin:14px 0}
.lead{margin:0 0 10px;color:#d9cfae}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:14px 0}
.grid .pcard{margin:0}
.grid ul{padding-left:18px;margin:6px 0}
.filtres{display:flex;flex-wrap:wrap;gap:10px}
label{display:grid;gap:4px;font-size:.85rem;color:#bdb59a;font-weight:600}
select,input,textarea{padding:10px 12px;border-radius:10px;border:1px solid #3a3420;background:#07080f;color:#fff;font:inherit;font-weight:400;max-width:100%}
textarea{min-height:90px}
.pform{display:grid;gap:10px;margin-top:10px}
.pform .ok{display:flex;gap:8px;align-items:flex-start;color:#bdb59a;font-size:.85rem}
.pform .ok input{margin-top:4px}
.btn{justify-self:start;font:800 .95rem Poppins,sans-serif;padding:12px 18px;border-radius:999px;border:0;background:#f4cf55;color:#120d03;cursor:pointer}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tabs button{font:700 .9rem Poppins,sans-serif;padding:8px 14px;border-radius:999px;border:1px solid #3a3420;background:#07080f;color:#f3f0e6;cursor:pointer}
.tabs button[aria-selected=true]{background:#f4cf55;color:#120d03;border-color:#f4cf55}
.jour{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.rec{background:#10121c;border:1px solid #2a2410;border-radius:16px;padding:14px}
.rec .moment{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f4cf55}
.rec h3{margin:4px 0 6px}
.rec .tags span{display:inline-block;font-size:.72rem;font-weight:700;background:#2a2410;color:#f4cf55;border-radius:999px;padding:2px 8px;margin:2px 4px 2px 0}
.rec ul{padding-left:18px;margin:6px 0;font-size:.92rem}
.rec p{font-size:.92rem;color:#d9cfae;margin:6px 0 0}
.prog{display:grid;gap:10px}
.prog article{background:#07080f;border:1px solid #2a2410;border-radius:12px;padding:12px}
.prog b{color:#f4cf55}
.etapes{padding-left:20px;margin:0}.etapes li{margin:6px 0}
.urg ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.urg b{display:inline-block;min-width:4.5em;font-size:1.1rem;color:#f4cf55}
.ville{margin:12px 0}
.vide{border:2px dashed #d4a017;border-radius:16px;padding:18px;text-align:center;color:#d9cfae}
.pnote{font-size:.82rem;color:#8d8670;margin:14px 0}
.reg h3{margin-top:0}
.rdvc h3{margin:0 0 6px}.rdvc a{display:inline-block;margin:4px 8px 0 0}