/* Polices hébergées sur le site : aucun appel à un service extérieur. */
@font-face{font-family:Lato;font-weight:400;font-display:swap;src:url(fonts/lato-400.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:700;font-display:swap;src:url(fonts/lato-700.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:900;font-display:swap;src:url(fonts/lato-900.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:600;font-display:swap;src:url(fonts/playfair-600.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:800;font-display:swap;src:url(fonts/playfair-800.woff2) format("woff2")}

/* Pages de texte : mentions légales, conditions de vente, confidentialité. */
.doc-page{margin:0;background:#F3F5F7;color:#0C1016;font:400 17px/1.65 Lato,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.doc-page *,.doc-page *::before,.doc-page *::after{box-sizing:border-box}
.doc-page :focus-visible{outline:3px solid #0B8F6E;outline-offset:3px}
.doc-haut{background:#0C1016;padding:20px 24px}
.doc-haut div{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.doc-haut a{color:#B6BFCC;text-decoration:none;font-size:15px}
.doc-haut nav{display:flex;gap:22px}
.doc-haut nav a:hover{color:#fff}
.doc-haut .doc-marque{font:800 21px/1 "Playfair Display",Georgia,serif;color:#fff}
.doc-haut b{color:#54F0C2}
.doc{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.doc h1{font:800 clamp(30px,4.4vw,42px)/1.12 "Playfair Display",Georgia,serif;margin:0 0 8px}
.doc .maj{color:#4A5565;font-size:15px;margin:0 0 36px}
.doc h2{font:600 23px/1.2 "Playfair Display",Georgia,serif;margin:40px 0 10px}
.doc p,.doc li{max-width:70ch}
.doc p{margin:0 0 14px}
.doc ul{margin:0 0 14px;padding-left:22px}
.doc li{margin-bottom:6px}
.doc a{color:#0B8F6E}
.doc table{border-collapse:collapse;width:100%;margin:6px 0 18px;font-size:15.5px;background:#fff}
.doc th,.doc td{text-align:left;padding:10px 12px;border:1px solid #D9DEE5;vertical-align:top}
.doc th{background:#0C1016;color:#fff;font-weight:700}
.doc .defile{overflow-x:auto}
.doc mark{background:#FFF4DC;color:#7A4E00;padding:1px 5px;border-radius:3px}
.doc h2{scroll-margin-top:24px}

/* Pied de page commun à tout le site. */
.pied{background:#0C1016;color:#B6BFCC;font:400 15px/1.6 Lato,Arial,Helvetica,sans-serif;padding:56px 0 28px}
.pied *,.pied *::before,.pied *::after{box-sizing:border-box}
.pied-large{max-width:1120px;margin:0 auto;padding:0 24px}
.pied-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.pied h2{font:700 15px/1.3 Lato,Arial,sans-serif;color:#fff;margin:4px 0 14px}
.pied p{margin:0 0 12px;max-width:34ch}
.pied a{color:#B6BFCC;text-decoration:none}
.pied a:hover{color:#fff;text-decoration:underline}
.pied nav a{display:block;padding:4px 0}
.pied .pied-marque{display:inline-block;font:800 23px/1 "Playfair Display",Georgia,serif;color:#fff;margin-bottom:14px}
.pied .pied-marque:hover{text-decoration:none}
.pied .pied-marque b{color:#54F0C2}
.pied img{display:block;width:150px;height:auto;background:#fff;border-radius:6px;padding:8px 10px;margin-top:18px}
.pied a[href^="mailto"]{color:#54F0C2;display:inline-block;margin-bottom:12px}
.pied .pied-bas{max-width:none;margin:40px 0 0;padding-top:22px;border-top:1px solid #27303D;font-size:13px;color:#8D97A6}
@media (max-width:860px){.pied-cols{grid-template-columns:1fr 1fr;gap:32px 24px}.pied-qui{grid-column:1/-1}}
@media (max-width:480px){.pied-cols{grid-template-columns:1fr}.doc-haut nav{gap:16px}}