:root{
  --pierre:#3a2e22;--pierre-clair:#6b5f4f;--sable:#f3ede3;--craie:#fbf9f5;
  --trait:#e2d9cb;--ocre:#a8763e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--craie);color:var(--pierre);
  font:16px/1.75 Georgia,"Times New Roman",serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--ocre);text-decoration:none;border-bottom:1px solid rgba(168,118,62,.35)}
a:hover{color:var(--pierre);border-color:var(--pierre)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ocre);outline-offset:3px}

.bandeau{
  background:var(--pierre);color:var(--sable);padding:22px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.bandeau .marque{
  font-size:15px;letter-spacing:.22em;text-transform:uppercase;
  border:0;color:var(--sable)
}
.bandeau .retour{
  font:13px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sable);opacity:.75;border:0
}
.bandeau .retour:hover{opacity:1;color:var(--sable)}

main{max-width:820px;margin:0 auto;padding:56px 22px 90px}
.eyebrow{
  font:12px/1 system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ocre);margin:0 0 14px
}
h1{font-size:clamp(30px,6vw,44px);font-weight:400;line-height:1.15;margin:0 0 10px}
.chapo{color:var(--pierre-clair);font-size:16px;margin:0 0 40px;padding-bottom:26px;border-bottom:1px solid var(--trait)}
h2{
  font-size:19px;font-weight:400;margin:44px 0 12px;padding-top:22px;
  border-top:1px solid var(--trait);display:flex;gap:14px;align-items:baseline
}
h2 .num{font:12px/1 system-ui,sans-serif;color:var(--ocre);letter-spacing:.1em}
h3{font-size:16px;font-weight:400;margin:26px 0 8px;color:var(--pierre)}
p,li{color:var(--pierre-clair)}
ul{padding-left:20px}
li{margin:6px 0}
strong{color:var(--pierre);font-weight:600}
.encart{
  background:var(--sable);border-left:3px solid var(--ocre);
  padding:18px 22px;margin:24px 0;border-radius:0 6px 6px 0
}
.encart p{margin:0;color:var(--pierre)}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--trait);color:var(--pierre-clair)}
th{color:var(--pierre);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.maj{font:12px/1 system-ui,sans-serif;color:var(--pierre-clair);letter-spacing:.06em;margin-top:52px}

footer{background:var(--pierre);color:var(--sable);padding:34px 22px;text-align:center;font-size:13px}
footer a{color:var(--sable);opacity:.8;border:0;margin:0 10px;white-space:nowrap}
footer a:hover{opacity:1;color:var(--sable)}
footer .mentions{opacity:.6;margin-top:16px;line-height:1.7}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}