/* Feuille commune aux trois pages légales. Même système que la page de vente,
   en plus sobre : ces pages se lisent, elles ne vendent pas. */
:root{--navy:#12233D;--or:#E8C24A;--creme:#F7F3EC;--papier:#FFFDF9;
  --encre:#1C1C1C;--gris:#5A6675;--filet:#DFD8CC;
  --serif:'EB Garamond',Georgia,'Times New Roman',serif;
  --sans:'IBM Plex Sans Condensed','Helvetica Neue',Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--papier);color:var(--encre);font-family:var(--serif);font-size:18px;
  line-height:1.62;min-height:100vh;display:flex;flex-direction:column}
.env{max-width:720px;margin:0 auto;padding:0 24px;width:100%}
a{color:var(--navy)}

.bandeau{background:var(--navy);padding:16px 0}
.bandeau .logo{display:flex;align-items:center;gap:12px}
.bandeau svg{width:24px;flex:0 0 24px;color:var(--or)}
.bandeau .nom{font-family:var(--serif);font-weight:600;font-size:21px;color:#fff;
  line-height:1}
.bandeau .col{font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.72);margin-top:4px}

main{flex:1;padding:52px 0 64px}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(30px,5.6vw,42px);line-height:1.12;
  letter-spacing:-.014em;margin-bottom:10px}
h2{font-family:var(--serif);font-weight:600;font-size:clamp(21px,3.4vw,26px);line-height:1.2;
  margin:36px 0 12px}
p,li{margin-bottom:13px}
ul,ol{padding-left:22px}
li{padding-left:4px}
strong{font-weight:600}
.maj{font-family:var(--sans);font-size:14px;letter-spacing:.06em;color:var(--gris);
  margin-bottom:30px}
.note{font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--gris)}

table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:17px}
td{padding:11px 0;border-bottom:1px solid var(--filet);vertical-align:top}
td:first-child{font-family:var(--sans);font-size:15px;color:var(--gris);width:38%;
  padding-right:18px}

/* Les champs que Koper doit renseigner avant la mise en ligne. Ils sautent aux yeux
   exprès : une page légale publiée avec un gabarit vaut moins que pas de page. */
.arenseigner{background:#FFF4D6;border:1px dashed #C9A227;padding:2px 7px;border-radius:2px;
  font-family:var(--sans);font-size:15px;color:#5A4A12;white-space:nowrap}
.avis{background:#FFF4D6;border:1px dashed #C9A227;padding:16px 18px;margin:0 0 34px;
  font-family:var(--sans);font-size:15px;line-height:1.55;color:#5A4A12}
.avis b{color:#3D3208}

footer{background:var(--creme);border-top:1px solid var(--filet);padding:30px 0}
footer p{font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--gris)}
footer .liens{display:flex;flex-wrap:wrap;gap:2px 20px;margin-top:10px}
footer .liens a{display:inline-flex;align-items:center;min-height:44px;
  font-family:var(--sans);font-size:14px;color:var(--navy);text-decoration:underline;
  text-underline-offset:3px}

/* Ordinateur : la colonne de 720 px laissait trop de marge. Mobile intact. */
@media(min-width:1000px){
  body{font-size:19px}
  .env{max-width:860px}
  main{padding:64px 0 76px}
}