/* filou d'actu : charte commune du site (papier du 16/10 au soir : rouge brique adouci, ivoire, brun ; DM Serif Display, Literata,
   Oswald pour les onglets ; aucun italique, aucun pictogramme, surligneur pêche sur les titres) */
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(polices/dm-serif-display.woff2) format('woff2')}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 700;font-display:swap;src:url(polices/literata.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 600;font-display:swap;src:url(polices/oswald.woff2) format('woff2')}

:root{
  --ivoire:#FBF7F0;
  --sable:#F3EADF;
  --table:#EAE0D3;
  --brun:#3B2F29;
  --texte:#4A3F38;
  --gris:#8A7D72;
  --brique:#A84B3F;
  --corail:#CB7D70;
  --surl:#F2D2CB;
  --peche:#F6E1DC;
  --filet:rgba(59,47,41,.14);
  --titre:'DM Serif Display',Georgia,serif;
  --lire:'Literata',Georgia,serif;
  --onglet:'Oswald','Arial Narrow',sans-serif;
  --onglet-fond:linear-gradient(90deg,#DDA49A 0%,#D08E83 55%,#C47A6F 100%);
  --ombre-page:0 1px 2px rgba(59,47,41,.10),0 18px 40px rgba(59,47,41,.16);
}
*{box-sizing:border-box;font-style:normal}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--ivoire);color:var(--texte);font:17px/1.6 var(--lire);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
em,i,cite,blockquote,address{font-style:normal}
img{display:block;max-width:100%}
a{color:inherit;text-decoration-color:var(--corail);text-underline-offset:3px}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brique);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--titre);font-weight:400;color:var(--brun);margin:0;letter-spacing:-.003em}

/* Surligneur des titres (même règle que le papier) : bande pleine sous la ligne de base, 57 % des capitales */
.surl{background:linear-gradient(var(--surl),var(--surl)) 0 .66em/100% .42em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.titre-surligne{letter-spacing:.02em}

/* Onglet : la languette rouge brique qui part du bord, comme sur les pages du journal */
.onglet{display:inline-flex;align-items:center;min-height:38px;padding:0 22px 0 var(--bord,20px);margin-left:calc(var(--bord,20px) * -1);
  background:var(--onglet-fond);border-radius:0 999px 999px 0;font:500 14px/1 var(--onglet);letter-spacing:.16em;text-transform:uppercase;color:var(--ivoire)}
.kicker{font:700 12px/1.3 var(--lire);letter-spacing:.15em;text-transform:uppercase;color:var(--brique)}
.caps{font:700 11.5px/1.3 var(--lire);letter-spacing:.15em;text-transform:uppercase}

.bouton{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:0 22px;border:0;border-radius:999px;
  background:var(--brique);color:var(--ivoire);font:500 14px/1 var(--onglet);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s}
.bouton:hover{background:#923F34}
.bouton--clair{background:transparent;color:var(--brun);box-shadow:inset 0 0 0 1.5px var(--brun)}
.bouton--clair:hover{background:var(--brun);color:var(--ivoire)}
.visuellement-cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}