/* Feuille commune aux pages légales — reprend la charte de la page d'accueil */
:root{
  --navy:#14152C; --gold:#FFB600; --gold-l:#FFC93C;
  --sky:#D1E8F2; --grey:#5A5B70; --hair:#E6E3DC;
  --mx:96px; --content:820px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Montserrat",sans-serif;color:var(--navy);
  background:linear-gradient(180deg,#fff 0%,var(--sky) 100%);
  -webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
img{display:block;max-width:100%}
a{color:inherit}

.nav{display:flex;flex-direction:column;align-items:center;gap:12px;padding:44px 0 28px}
.nav .logo{height:40px}
.nav .baseline{font-size:11px;font-weight:600;letter-spacing:1.8px;color:var(--grey);text-transform:uppercase}

main{flex:1;max-width:var(--content);width:100%;margin:0 auto;padding:40px var(--mx) 100px}
.back{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--grey);
  text-decoration:none;margin-bottom:36px;text-transform:uppercase}
.back:hover{color:var(--navy)}
h1{font-family:"Abril Fatface",serif;font-weight:400;font-size:46px;line-height:1.1;margin-bottom:10px}
.maj{font-size:12px;color:var(--grey);margin-bottom:48px}
h2{font-weight:600;font-size:17px;letter-spacing:.3px;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--hair)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
p{font-weight:300;font-size:15px;line-height:26px;color:var(--navy)}
p+p{margin-top:14px}
b{font-weight:600}
dl{margin-top:12px}
dt{font-weight:600;font-size:13px;letter-spacing:.3px;color:var(--grey);margin-top:16px}
dd{font-weight:300;font-size:15px;line-height:25px}
table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13.5px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--hair);vertical-align:top;font-weight:300;line-height:21px}
th{font-weight:600;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--grey)}
.wrap{overflow-x:auto}
a.lien{color:var(--navy);text-decoration:underline;text-underline-offset:3px}

.footer{text-align:center;padding:44px var(--mx) 56px;border-top:1px solid var(--hair)}
.footer .logo{height:30px;margin:0 auto 14px;opacity:.75}
.footer .legal{font-size:11.5px;color:var(--grey);line-height:20px}
.footer .legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer .legal a:hover{color:var(--navy)}

@media (max-width:860px){
  :root{--mx:24px}
  h1{font-size:34px}
  main{padding-top:16px}
}