/* Style commun aux pages annexes (mentions légales, confidentialité) */

@font-face{font-family:"Fredoka";src:url("src/polices/fredoka-semibold-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Fredoka";src:url("src/polices/fredoka-semibold-latin-ext.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Nunito";src:url("src/polices/nunito-regular-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Nunito";src:url("src/polices/nunito-regular-latin-ext.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Nunito";src:url("src/polices/nunito-bold-latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Nunito";src:url("src/polices/nunito-bold-latin-ext.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --c-sable:#fef5ed;
  --c-ecume:#e6f0f6;
  --c-ocean:#0c69a6;
  --c-ocean-sombre:#094f7d;
  --c-nuit:#1e2a36;
  --c-nuit-douce:#4b5b68;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;font-family:"Nunito",Arial,sans-serif;color:var(--c-nuit);background:#fff;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--c-ocean-sombre)}
:focus-visible{outline:3px solid var(--c-ocean-sombre);outline-offset:2px}
.conteneur{max-width:760px;margin:0 auto;padding:0 24px}

.entete-annexe{padding:22px 0;border-bottom:1px solid rgba(30,42,54,.08)}
.entete-annexe .conteneur{display:flex;align-items:center;justify-content:space-between;max-width:900px}
.marque{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.marque img{height:38px;width:auto;display:block}
.marque span{font-family:"Fredoka",Arial,sans-serif;font-weight:600;font-size:1.15rem;color:var(--c-ocean-sombre)}
.retour{font-weight:700;text-decoration:none;font-size:.95rem}

main{padding:56px 0 80px}
h1{font-family:"Fredoka",Arial,sans-serif;font-weight:600;font-size:clamp(1.7rem,1.4vw + 1.2rem,2.3rem);margin:0 0 .3em}
.maj{color:var(--c-nuit-douce);font-size:.95rem;margin:0 0 2.2em}
h2{font-family:"Fredoka",Arial,sans-serif;font-weight:600;font-size:1.3rem;margin:2em 0 .6em}
h2:first-of-type{margin-top:0}
p{margin:0 0 1em}
ul{padding-left:1.2em}
li{margin-bottom:.4em}
.a-confirmer{
  color:#9a5b1f;background:#fdf1e2;border:1px dashed #e3b075;border-radius:8px;
  padding:1px 8px;font-style:italic;font-size:.95em;display:inline-block;
}

.pied-annexe{border-top:1px solid rgba(30,42,54,.08);padding:28px 0;color:var(--c-nuit-douce);font-size:.9rem}
.pied-annexe .conteneur{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;max-width:900px}
.pied-annexe nav{display:flex;gap:18px}
.pied-annexe a{color:var(--c-nuit-douce)}

@media (max-width:520px){
  main{padding:40px 0 60px}
  .pied-annexe .conteneur{flex-direction:column}
}