/* Feuille de style des pages annexes (mentions légales, confidentialité, confirmation).
   Reprend la charte de la page d'accueil. Polices auto-hébergées, aucun appel à un serveur tiers. */

@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500 700;font-display:swap;
  src:url("/polices/playfair-display.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;
  src:url("/polices/poppins-300.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;
  src:url("/polices/poppins-400.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;
  src:url("/polices/poppins-500.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;
  src:url("/polices/poppins-600.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --navy-900:#101B32;
  --navy-800:#16233F;
  --navy-700:#1D2C4E;
  --gold-600:#A9884C;
  --gold-500:#BD9B60;
  --gold-300:#D9C393;
  --gold-text:#7E6234;
  --cream:#F7F4EE;
  --paper:#FFFFFF;
  --ink:#232B3A;
  --muted:#5A6478;
  --font-display:"Playfair Display", Georgia, serif;
  --font-body:"Poppins", "Segoe UI", -apple-system, sans-serif;
  --wrap:820px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{
  font-family:var(--font-body);color:var(--ink);background:var(--paper);
  line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold-600);outline-offset:3px;border-radius:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* en-tête */
.site-header{background:var(--navy-900);border-bottom:1px solid rgba(189,155,96,.25)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:84px;max-width:1140px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand-logo{height:56px;width:auto}
.retour{
  color:#E7EAF2;text-decoration:none;font-size:.88rem;
  border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px;white-space:nowrap;
}
.retour:hover{color:var(--gold-300);border-bottom-color:var(--gold-500)}

/* bandeau de titre */
.page-titre{
  background:
    radial-gradient(900px 400px at 80% 10%, rgba(189,155,96,.12), transparent 60%),
    linear-gradient(160deg, var(--navy-900), var(--navy-700));
  color:#fff;padding:70px 0 62px;
}
.page-titre .wrap{max-width:1140px}
.kicker{
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold-300);font-weight:600;margin-bottom:14px;
  display:flex;align-items:center;gap:12px;
}
.kicker::before{content:"";width:28px;height:1.5px;background:var(--gold-500);flex:none}
.page-titre h1{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(1.8rem, 3.6vw, 2.5rem);line-height:1.25;
}
.page-maj{margin-top:14px;font-size:.85rem;color:#A9B3C6}

/* corps */
.page-corps{padding:64px 0 88px}
.page-corps section{margin-bottom:44px}
.page-corps h2{
  font-family:var(--font-display);font-weight:600;color:var(--navy-800);
  font-size:1.32rem;line-height:1.3;margin-bottom:14px;
  padding-bottom:10px;border-bottom:1px solid #E8E3D8;
}
.page-corps h3{font-size:.98rem;font-weight:600;color:var(--navy-800);margin:22px 0 6px}
.page-corps p{color:var(--muted);margin-bottom:12px}
.page-corps p:last-child{margin-bottom:0}
.page-corps a{color:var(--gold-text);text-decoration:none;border-bottom:1px solid rgba(126,98,52,.35)}
.page-corps a:hover{border-bottom-color:var(--gold-text)}
.page-corps ul{list-style:none;display:grid;gap:9px;margin:12px 0}
.page-corps li{position:relative;padding-left:22px;color:var(--muted)}
.page-corps li::before{
  content:"";position:absolute;left:0;top:.62em;width:9px;height:10px;background:var(--gold-500);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.page-corps b,.page-corps strong{color:var(--navy-800);font-weight:500}

/* encadré d'identité */
.fiche{
  background:var(--cream);border:1px solid #E8E3D8;border-radius:10px;
  padding:26px 28px;margin:6px 0 4px;
}
.fiche dl{display:grid;grid-template-columns:auto 1fr;gap:8px 26px;font-size:.93rem;margin:0}
.fiche dt{color:var(--navy-800);font-weight:500}
.fiche dd{color:var(--muted);margin:0}

/* pied de page */
.site-footer{background:var(--navy-900);color:#AEB6C6;padding:44px 0 30px;font-size:.85rem}
.site-footer .wrap{max-width:1140px}
.site-footer a{color:#AEB6C6;text-decoration:none}
.site-footer a:hover{color:var(--gold-300)}
.footer-legal{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.76rem;color:#7C8598;
}
.footer-liens{display:flex;gap:20px;flex-wrap:wrap}
.footer-liens a{border-bottom:1px solid rgba(124,133,152,.4)}
.footer-liens a:hover{border-bottom-color:var(--gold-300)}

@media (max-width: 620px){
  .site-header .wrap{height:72px}
  .brand-logo{height:44px}
  .page-titre{padding:52px 0 46px}
  .page-corps{padding:48px 0 64px}
  .fiche dl{grid-template-columns:1fr;gap:2px}
  .fiche dt{margin-top:10px}
  .fiche dt:first-child{margin-top:0}
}