/* ============ PAGES LEGALES ============
   Feuille autonome, comme la page d'attente. Ces pages doivent rester
   lisibles pendant que le reste du site est en chantier, sans emprunter sa
   navigation : elle mene a des pages qui ne sont pas pretes. */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#002315;
  --ink-70:rgba(0,35,21,.70);
  --ink-55:rgba(0,35,21,.55);
  --ink-12:rgba(0,35,21,.12);
  --green:#01b859;
  --green-bright:#019e4c;
  --mint-bg:#f2fbf2;
  --white:#fff;
}
html{-webkit-text-size-adjust:100%}
body{
  min-height:100svh;display:flex;flex-direction:column;
  font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;
  color:var(--ink);background:var(--mint-bg);line-height:1.65;
  -webkit-font-smoothing:antialiased
}

.lg-tete{background:var(--white);border-bottom:1px solid var(--ink-12)}
.lg-borne{width:min(720px,100%);margin:0 auto;padding:0 22px}
.lg-tete .lg-borne{display:flex;align-items:center;height:66px}
.lg-tete img{width:96px;height:auto;display:block}

/* Le titre respire sous l'en-tete : colle a la barre du logo, il se lisait
   comme sa suite plutot que comme le debut de la page.

   Selecteur double : main porte aussi .lg-borne, dont le padding gagne par
   specificite quel que soit l'ordre des regles. */
main.lg-borne{flex:1;padding-top:60px;padding-bottom:72px}
h1{font-size:clamp(27px,4.5vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.lg-maj{margin-top:10px;font-size:13.5px;color:var(--ink-55)}

h2{margin-top:42px;font-size:18px;font-weight:600;letter-spacing:-.01em}
h2 + p{margin-top:8px}
p{margin-top:13px;font-size:15.5px;color:var(--ink-70)}
p strong{color:var(--ink);font-weight:600}
ul{margin-top:13px;padding-left:20px}
li{margin-top:7px;font-size:15.5px;color:var(--ink-70)}
a{color:var(--green-bright)}
a:hover{text-decoration:none}

/* Un encadre pour ce qui est une promesse ferme plutot qu'une description. */
.lg-regle{
  margin-top:20px;padding:16px 18px;border-radius:11px;
  background:var(--white);border:1px solid var(--ink-12)
}
.lg-regle p{margin-top:0;color:var(--ink)}
.lg-regle p + p{margin-top:10px}

footer{
  padding:24px 0 40px;border-top:1px solid var(--ink-12);
  font-size:13.5px;color:var(--ink-55)
}
footer .lg-borne{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
footer a{color:inherit;text-decoration:none}
footer a:hover{text-decoration:underline;text-underline-offset:2px}