/* KALTIS — habillage commun aux pages légales.
   Même identité que la page de vente, mais une mise en page de document :
   colonne étroite, texte lisible, hiérarchie sobre.
   Inter est servie depuis ce site, jamais depuis un serveur tiers.
   Licence SIL Open Font 1.1 — voir LICENCE-INTER.txt. */

@font-face{font-family:"Inter";src:url("inter-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("inter-500.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("inter-700.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
/* Secours pour les titres, téléchargé seulement si le système n'a aucune
   condensée (cas d'Android). Dérivée de TeX Gyre Heros Cn Bold, licence GUST. */
@font-face{font-family:"Kaltis Condensed";src:url("titre-condense.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}

:root{
  --noir:#151515;
  --orange:#F2701E;
  --gris:#EDF0F2;
  --gris-bord:#DDE3E7;
  --texte:#1A1A1A;
  --texte-doux:#5C6771;
  --col:min(760px, 100% - 2.6rem);
  --titre:Impact,"Haettenschweiler","Franklin Gothic Heavy","Kaltis Condensed","Arial Narrow",sans-serif;
  --corps:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:#fff;color:var(--texte);
  font-family:var(--corps);font-size:16.5px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
.bande{width:var(--col);margin-inline:auto}
img{max-width:100%;display:block}
a{color:var(--orange)}

/* En-tête */
.tete{background:#fff;border-bottom:1px solid var(--gris-bord)}
.tete .bande{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.tete img{height:32px;width:auto}
.tete a.retour{color:var(--texte-doux);text-decoration:none;font-size:.92rem;font-weight:500}
.tete a.retour:hover{color:var(--orange)}

/* Titre de page */
.chapeau{padding:3.2rem 0 2rem;border-bottom:1px solid var(--gris-bord)}
h1{
  font-family:var(--titre);font-weight:400;text-transform:uppercase;
  font-size:clamp(2rem,5.5vw,3.1rem);line-height:1.02;letter-spacing:.012em;margin:0;
}
.maj{color:var(--texte-doux);font-size:.9rem;margin-top:.8rem}

/* Avertissement */
.avis{
  border-left:4px solid var(--orange);background:#FFF6F0;
  padding:1.2rem 1.4rem;margin:2.2rem 0;font-size:.95rem;
}
.avis b{display:block;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#A8490A}
.avis p{margin:0;color:#4A3524}

/* Corps */
main{padding:2.4rem 0 4rem}
h2{
  font-size:1.18rem;font-weight:700;margin:2.6rem 0 .8rem;
  padding-bottom:.5rem;border-bottom:1px solid var(--gris-bord);
}
h2:first-of-type{margin-top:1.4rem}
p{margin:0 0 1.05rem}
ul{margin:0 0 1.05rem;padding-left:1.3rem}
li{margin-bottom:.4rem}

/* Tableaux d'information */
table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.96rem}
th,td{text-align:left;vertical-align:top;padding:.7rem .9rem;border-bottom:1px solid var(--gris-bord)}
th{width:38%;font-weight:600;color:var(--texte-doux);background:var(--gris)}

/* Mentions à compléter : visibles, impossibles à oublier */
.vide{
  background:#FFE9D6;color:#A8490A;font-weight:700;padding:.1rem .45rem;
  border-bottom:2px dotted #E2914F;
}

/* Pied */
.pied{background:var(--noir);color:#8E979E;padding:2.6rem 0;font-size:.9rem;margin-top:3rem}
.pied nav{display:flex;flex-wrap:wrap;gap:1.4rem;margin-bottom:1.2rem}
.pied a{color:#C3CCD3;text-decoration:none}
.pied a:hover{color:#fff;text-decoration:underline}
.pied .legal{color:#6E777E;font-size:.84rem}

a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

@media (max-width:620px){
  body{font-size:16px}
  th{width:auto;display:block;background:transparent;padding-bottom:.1rem;border-bottom:none}
  td{display:block;padding-top:.1rem;padding-left:.9rem}
  tr{display:block;border-bottom:1px solid var(--gris-bord);padding:.5rem 0}
  th,td{border-bottom:none}
}