/*
 * Styles des pages secondaires : conditions, confidentialite, contact.
 *
 * Feuille PARTAGEE, contrairement a la page d'accueil qui garde son CSS en ligne.
 * Le compromis n'est pas le meme selon la page : l'accueil est la porte d'entree,
 * ou une requete de plus retarde le premier rendu ; ces trois pages sont des
 * documents consultes rarement, et un fichier commun mis en cache un an y coute
 * moins que trois copies du meme CSS.
 *
 * Les jetons sont ceux de packages/shared/src/design.ts (charte v2).
 */

@font-face{
  font-family:"Space Grotesk"; font-style:normal; font-weight:300 700;
  font-display:swap; src:url("space-grotesk.woff2") format("woff2");
}
@font-face{
  font-family:"Manrope"; font-style:normal; font-weight:200 800;
  font-display:swap; src:url("manrope.woff2") format("woff2");
}

:root{
  --orange:#FF5310; --orange-fonce:#D63C00; --orange-fond:#FFEBE0;
  --encre:#17171A; --creme:#FAFAF8; --sable:#F1F0EE; --blanc:#fff;
  --bordure:#ECEAE6; --bordure-forte:#E4E2DE;
  --texte-fort:#55534E; --texte-moyen:#8F8C86;
  --vert:#0B5C3E; --vert-fond:#E7F3EC;
  --ambre:#B36A1B; --ambre-fond:#FDF0E2;
  --pastille:999px; --ombre:0 1px 3px rgba(20,20,18,.05);
  --titre:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;
  --corps:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--encre);font-family:var(--corps);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
svg{display:block}
a{color:var(--orange)}
a:hover{color:var(--orange-fonce)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}

/* --- Barre --- */
header{position:sticky;top:0;z-index:20;background:rgba(250,250,248,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bordure)}
.barre{display:flex;align-items:center;gap:16px;padding:16px 32px;max-width:1180px;margin:0 auto}
.lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.mot{font-family:var(--titre);font-weight:700;font-size:19px;letter-spacing:-.03em}
.mot i{font-style:normal;color:var(--orange)}
.retour{margin-left:auto;font-size:14px;font-weight:800;text-decoration:none;color:var(--encre)}
.retour:hover{color:var(--orange)}
@media(max-width:640px){.barre{padding:14px 20px}}

/* --- Document --- */
main{max-width:760px;margin:0 auto;padding:56px 32px 88px}
@media(max-width:640px){main{padding:36px 20px 64px}}
.chapeau{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--bordure)}
h1{margin:0;font-family:var(--titre);font-weight:700;font-size:clamp(2rem,5.4vw,2.75rem);line-height:1.1;letter-spacing:-.03em}
.maj{margin:14px 0 0;font-size:13.5px;font-weight:700;color:var(--texte-moyen)}
.intro{margin:20px 0 0;font-size:17px;color:var(--texte-fort)}

h2{margin:44px 0 14px;font-family:var(--titre);font-weight:700;font-size:22px;letter-spacing:-.01em;scroll-margin-top:90px}
h2 .num{color:var(--orange);margin-right:10px}
h3{margin:26px 0 10px;font-family:var(--titre);font-weight:700;font-size:17px}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
strong{font-weight:800}
small{font-size:13.5px;color:var(--texte-moyen);line-height:1.6;display:block}

/* Sommaire */
.sommaire{background:var(--blanc);border:1px solid var(--bordure);border-radius:18px;padding:22px 26px;box-shadow:var(--ombre);margin-bottom:8px}
.sommaire p{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--texte-moyen);margin:0 0 12px}
.sommaire ol{margin:0;padding-left:20px;font-size:14.5px;font-weight:700}
.sommaire li{margin-bottom:6px}
.sommaire a{text-decoration:none}
.sommaire a:hover{text-decoration:underline}

/* Encadres */
.encadre{border-radius:16px;padding:18px 22px;margin:24px 0;font-size:14.5px;line-height:1.65}
.encadre p:last-child{margin-bottom:0}
.encadre.info{background:var(--orange-fond);color:#7A2B08}
.encadre.attention{background:var(--ambre-fond);color:#7A4A12}
.encadre.vert{background:var(--vert-fond);color:#0A4A33}
.encadre b{font-weight:800}

/* Tableau de donnees */
.tableau{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:14.5px}
.tableau th,.tableau td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--bordure);vertical-align:top}
.tableau th{font-weight:800;background:var(--sable);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-fort)}
.tableau-enveloppe{overflow-x:auto;border:1px solid var(--bordure);border-radius:14px;background:var(--blanc)}
.tableau tr:last-child td{border-bottom:0}

/* Contact */
.cartes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
@media(max-width:640px){.cartes{grid-template-columns:1fr}}
.carte{background:var(--blanc);border:1px solid var(--bordure);border-radius:18px;padding:24px;box-shadow:var(--ombre)}
.carte h3{margin:0 0 6px;font-size:17px}
.carte p{font-size:14.5px;color:var(--texte-fort);margin:0 0 12px}
.carte a.lien-fort{font-weight:800;text-decoration:none;font-size:15px}
.carte a.lien-fort:hover{text-decoration:underline}
.delai{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;color:var(--texte-moyen)}

/* --- Pied --- */
footer{border-top:1px solid var(--bordure);background:var(--creme)}
.pied{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:32px;max-width:1180px;margin:0 auto;font-size:13.5px;font-weight:700;color:var(--texte-moyen)}
.pied nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
.pied a{text-decoration:none;color:inherit}
.pied a:hover{color:var(--orange)}
.pied a[aria-current="page"]{color:var(--encre)}
@media(max-width:640px){.pied{padding:26px 20px}.pied nav{margin-left:0}}