/* Pages secondaires du site (merci, mentions légales) : mêmes jetons que index.html, sans animation. */
:root{
  --encre:#171A1C; --nuit:#12222E; --papier:#F2EFE7; --blanc:#FBFAF6; --trait:#CFC7B6; --gris:#5A5E5D;
  --soleil:#E8952B; --soleil-texte:#8F4A10; --clair:#C4CDD0; --max:860px;
  --titre:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --corps:'Barlow',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--corps);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:hover{color:var(--soleil-texte)}
:focus-visible{outline:2px solid var(--soleil);outline-offset:3px}
.conteneur{width:min(var(--max),100% - 40px);margin-inline:auto}

.entete{background:var(--nuit);color:var(--blanc);padding-top:env(safe-area-inset-top,0px)}
.entete .conteneur{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}
.marque{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--titre);font-weight:700;font-size:26px;letter-spacing:.06em;color:var(--blanc)}
.marque:hover{color:var(--blanc)}
.marque svg{width:36px;height:36px}
.retour{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--clair);text-decoration:none}
.retour:hover{color:var(--blanc)}

body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1;padding:64px 0 90px}
.etiquette{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin:0 0 22px}
.etiquette::after{content:"";flex:1;height:1px;background:var(--trait)}
h1,h2{font-family:var(--titre);font-weight:700;line-height:1;margin:0;text-transform:uppercase}
h1{font-size:clamp(42px,7vw,72px);margin-bottom:28px}
h2{font-size:28px;margin:46px 0 14px}
p,ul{margin:0 0 1em;max-width:68ch}
ul{padding-left:22px}
li{margin-bottom:6px}
.a-completer{background:#FBEBD5;color:var(--soleil-texte);font-family:var(--mono);font-size:.85em;padding:1px 6px;border-radius:3px}
.bouton{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border-radius:2px;background:var(--soleil);color:var(--encre);font-weight:600;text-decoration:none}
.bouton:hover{background:#F2A445;color:var(--encre)}

.pied{background:var(--encre);color:var(--clair);padding:32px 0;font-family:var(--mono);font-size:12px;letter-spacing:.03em}
.pied .conteneur{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.appel{margin-top:40px}