:root{
  --cacao:#3A2118; --creme:#FBEFD7; --creme-doux:#EBD9B4;
  --foret:#1D5B3B; --foret-clair:#2E7A52; --papier:#FFFCF4; --trait:#E4DACA;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--papier);color:var(--cacao);
  font:400 17px/1.7 Karla,ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.bandeau{background:var(--cacao);color:var(--creme);padding:1rem 1.25rem}
.bandeau .dedans{max-width:46rem;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.bandeau a{color:var(--creme);text-decoration:none;font-weight:600}
.bandeau a:hover{text-decoration:underline}
.langues{margin-left:auto;display:flex;gap:.35rem}
.langues button{
  border:1.5px solid rgba(251,239,215,.45);background:transparent;color:var(--creme);
  border-radius:999px;padding:.3rem .8rem;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;
}
.langues button[aria-pressed="true"]{background:var(--creme);color:var(--cacao);border-color:var(--creme)}
main{max-width:46rem;margin:0 auto;padding:2.5rem 1.25rem 5rem}
h1{font:400 clamp(1.9rem,5vw,2.7rem)/1.15 'Bodoni Moda',Georgia,serif;margin:0 0 .4rem;text-wrap:balance}
.maj{color:#6E6053;font-size:.92rem;margin:0 0 2rem}
h2{
  font:400 1.35rem/1.3 'Bodoni Moda',Georgia,serif;margin:2.6rem 0 .6rem;
  padding-top:1.4rem;border-top:1px solid var(--trait);
}
h2:first-of-type{border-top:0;padding-top:0;margin-top:2rem}
h3{font-size:1.02rem;font-weight:700;margin:1.4rem 0 .35rem}
p,li{margin:0 0 .9rem}
ul{padding-left:1.15rem}
a{color:var(--foret)}
strong{font-weight:700}
.encadre{
  border:1.5px solid var(--foret);border-radius:14px;padding:1rem 1.15rem;
  margin:1.5rem 0;background:rgba(29,91,59,.05);
}
.encadre p:last-child{margin-bottom:0}
.trou{background:#FDE68A;color:#4E2E22;padding:.1rem .4rem;border-radius:5px;font-weight:700}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--trait);vertical-align:top}
th{font-weight:700}
.enveloppe{overflow-x:auto}
footer{border-top:1px solid var(--trait);margin-top:3rem;padding-top:1.5rem;font-size:.9rem;color:#6E6053}
[hidden]{display:none !important}
@media (prefers-color-scheme:dark){
  :root{--papier:#16120D;--cacao:#F3EADC;--trait:#352C21;--foret:#7FC29B}
  body{background:var(--papier);color:var(--cacao)}
  .maj,footer{color:#B8AB99}
  .trou{background:#5A4526;color:#FBEFD7}
}