/* ============================================================
   LES PAGES LÉGALES
   Mentions légales, confidentialité, CGV : trois pages à part,
   hors du site à trois panneaux. Elles doivent rester lisibles
   sans JavaScript. Couleurs et polices reprises du site, en plus
   court — seul ce qu'une page de texte demande.
   ============================================================ */
:root{
  --green:#5F7D46; --green-d:#42592F;
  --cream:#FBFBF7; --sand:#E6E7DA; --sand-2:#F3F4ED;
  --text:#1B2418; --text-2:#4E5A4C;
  --line:rgba(27,36,24,.14); --line-soft:rgba(27,36,24,.08);
  --pad:clamp(20px,5vw,44px);
  --f-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --f-mark:"Cinzel",Georgia,serif;
  --f-body:"Jost","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--cream); color:var(--text);
  font:400 15px/1.7 var(--f-body);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--green-d); text-underline-offset:3px; text-decoration-thickness:.5px}
a:hover{color:var(--green)}

/* ---------- l'en-tête : le nom, et le chemin du retour ---------- */
.tete{
  border-bottom:1px solid var(--line-soft);
  background:var(--sand-2);
}
.tete-in{
  max-width:760px; margin:0 auto; padding:22px var(--pad);
  display:flex; flex-wrap:wrap; gap:14px 24px; align-items:baseline; justify-content:space-between;
}
.marque{
  font:500 13px/1 var(--f-mark); letter-spacing:.2em; text-transform:uppercase;
  color:var(--text); text-decoration:none;
}
.retour{
  font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
  text-decoration:none; color:var(--text-2);
}
.retour:hover{color:var(--green-d)}

/* ---------- le corps ---------- */
main{max-width:760px; margin:0 auto; padding:clamp(40px,7vw,72px) var(--pad) 72px}
h1{
  font:400 clamp(2.1rem,5vw,3rem)/1.1 var(--f-display);
  margin:0 0 10px; letter-spacing:-.01em;
}
.maj{
  font-size:11px; letter-spacing:.26em; text-transform:uppercase;
  color:var(--text-2); margin:0 0 34px;
}
.chapeau{font-size:16px; margin:0 0 34px; color:var(--text-2)}
h2{
  font:500 1.15rem/1.3 var(--f-body);
  margin:44px 0 12px; padding-top:22px; border-top:1px solid var(--line-soft);
}
h2:first-of-type{border-top:0; padding-top:0; margin-top:34px}
h3{font:500 1rem/1.4 var(--f-body); margin:26px 0 8px}
p{margin:0 0 14px; color:var(--text-2)}
b{color:var(--text); font-weight:500}
ul,ol{margin:0 0 14px; padding-left:20px; color:var(--text-2)}
li{margin-bottom:6px}
li::marker{color:var(--text-2)}

/* la carte d'identité : une suite d'intitulés et de valeurs */
.fiche{
  background:#fff; border:1px solid var(--line); border-radius:10px;
  padding:clamp(18px,3.5vw,26px); margin:0 0 14px;
}
.fiche dl{margin:0; display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr); gap:10px 22px}
.fiche dt{
  font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--text-2); padding-top:4px;
}
.fiche dd{margin:0; color:var(--text)}
@media (max-width:540px){
  .fiche dl{grid-template-columns:1fr; gap:2px}
  .fiche dd{margin-bottom:12px}
}

/* un encadré discret : un rappel, une adresse à recopier */
.note{
  background:var(--sand-2); border-left:2px solid var(--green-l,#A8C08F);
  border-radius:0 6px 6px 0; padding:14px 18px; margin:0 0 14px;
}
.note p:last-child{margin-bottom:0}

/* ce qui reste à renseigner — à retirer une fois la page complète */
.a-completer{
  background:#F6E8C8; color:#6B4E12; border-radius:3px;
  padding:1px 6px; font-size:.95em;
}

footer{
  border-top:1px solid var(--line-soft); background:var(--sand-2);
  font-size:12.5px; color:var(--text-2);
}
footer div{
  max-width:760px; margin:0 auto; padding:24px var(--pad);
  display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between;
}
footer a{color:var(--text-2)}