/* Polices auto-hébergées (aucun appel tiers) */
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/plex-sans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/plex-sans-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plex-mono-500.woff2") format("woff2");font-weight:500;font-display:swap}
/* Affranchi — système « presse & timbre-poste » : angles droits, filets, dentelure */
:root{
  --vermillon:#DD3B22; --papier:#F5F0E6; --carte:#FFFDF8; --encre:#14161A; --gris:#6F6A60;
  --ardoise:#35506B; --filet:#14161A22;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{background:var(--papier)}
body{margin:0 auto;max-width:1180px;padding:0 24px;font:400 19px/1.55 var(--serif);color:var(--encre)}
a{color:inherit;text-decoration-color:var(--vermillon);text-underline-offset:3px}
a:hover{color:var(--vermillon)}
h1,h2,h3{font-weight:600;line-height:1.12;margin:0;letter-spacing:-.01em}
img,svg{display:block;max-width:100%}

.bandeau{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--encre);font:500 .68rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.bandeau b{color:var(--vermillon)}

.tete{text-align:center;padding:30px 0 0}
.tete-logo{display:inline-block}
.tete-logo img{height:48px;width:auto}
.tete-devise{margin:10px 0 22px;font-style:italic;color:var(--gris);font-size:1.02rem}
.rubriques{display:flex;justify-content:center;flex-wrap:wrap;border-top:3px double var(--encre);border-bottom:1px solid var(--encre)}
.rubriques a{padding:11px 16px;font:600 .8rem/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
.rubriques a:hover{background:var(--vermillon);color:var(--papier)}

.cachet{margin:0 0 12px;font:500 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--vermillon)}
.cachet::before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}

.une{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:44px 0 36px;align-items:center}
.une h1{font-size:clamp(2.1rem,4.6vw,3.5rem)}
.une h1 a{text-decoration:none}
.chapo{font-size:1.18rem;margin:18px 0;color:#2b2d31}
.tarif{margin:0;font:400 .82rem/1 var(--sans);color:var(--gris)}
.tarif b{color:var(--encre)}
/* dentelure de timbre : pastilles papier posées sur le pourtour de la vignette */
.une-vignette{position:relative;padding:10px;background:var(--carte);
  --d:radial-gradient(circle,var(--papier) 5px,transparent 5.5px);
  background-image:var(--d),var(--d),var(--d),var(--d);
  background-size:18px 18px,18px 18px,18px 18px,18px 18px;
  background-position:-9px -9px,-9px calc(100% + 9px),-9px -9px,calc(100% + 9px) -9px;
  background-repeat:repeat-x,repeat-x,repeat-y,repeat-y}
.une-vignette svg{width:100%;height:auto;aspect-ratio:4/3}

/* séparateur : lignes ondulées d'oblitération */
.obliteration{height:22px;margin:0 0 36px;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='22'%3E%3Cg fill='none' stroke='%2314161A' stroke-width='1.4'%3E%3Cpath d='M0 5q7-5 14 0t14 0 14 0 14 0'/%3E%3Cpath d='M0 11q7-5 14 0t14 0 14 0 14 0'/%3E%3Cpath d='M0 17q7-5 14 0t14 0 14 0 14 0'/%3E%3C/g%3E%3C/svg%3E") repeat-x}

.colonnes{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding-bottom:64px}
.surtitre{font:600 .8rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;padding-bottom:10px;border-bottom:1px solid var(--encre);margin-bottom:6px}
.breve{padding:24px 0;border-bottom:1px solid var(--filet)}
.breve h3{font-size:1.55rem;margin-bottom:8px}
.breve h3 a{text-decoration:none}
.breve p:last-child{margin:0;color:#3a3c40;font-size:1.02rem}

.chiffres{margin:0}
.chiffres div{padding:18px 0;border-bottom:1px solid var(--filet)}
.chiffres dt{font-size:2.4rem;font-style:italic;font-weight:600;color:var(--ardoise);line-height:1}
.chiffres dd{margin:6px 0 0;font:400 .88rem/1.4 var(--sans);color:var(--gris)}
.encart{margin-top:28px;padding:22px;background:var(--carte);border:1px solid var(--encre)}
.encart p{margin:0 0 12px;font-size:.98rem}
.encart a{font:600 .85rem/1 var(--sans)}

.pied{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:26px 0 40px;border-top:3px double var(--encre);font:400 .85rem/1.5 var(--sans);color:var(--gris)}
.pied p{margin:0;max-width:52em}
.pied b{color:var(--encre)}
.pied nav{display:flex;gap:16px}

@media (max-width:860px){
  body{font-size:18px;padding:0 16px}
  .une,.colonnes{grid-template-columns:1fr;gap:28px}
  .bandeau span:first-child{display:none}
  .pied{grid-template-columns:1fr}
}

/* ---------- Article ---------- */
.papier{max-width:720px;margin:0 auto;padding:48px 0 64px}
.papier h1{font-size:clamp(2.1rem,4.6vw,3.3rem);margin-bottom:18px}
.papier .chapo{font-size:1.28rem;font-style:italic;color:#2b2d31;margin:0 0 18px}
.papier .tarif{padding-bottom:22px;border-bottom:1px solid var(--encre);margin-bottom:30px}
.corps{font-size:1.16rem;line-height:1.68}
.corps h2{font-size:1.7rem;margin:1.9em 0 .5em}
.corps h3{font-size:1.3rem;margin:1.6em 0 .4em}
.corps p{margin:0 0 1.15em}
.corps a{color:var(--ardoise)}
.corps ul,.corps ol{padding-left:1.2em;margin:0 0 1.15em}
.corps li{margin-bottom:.45em}
.corps blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--vermillon);font-style:italic;font-size:1.25rem}
.corps table{width:100%;border-collapse:collapse;margin:1.6em 0;font:400 .92rem/1.45 var(--sans)}
.corps th{text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;border-bottom:2px solid var(--encre);padding:8px 10px 8px 0}
.corps td{border-bottom:1px solid var(--filet);padding:10px 10px 10px 0;vertical-align:top}
.encadre{margin:2em 0;padding:22px 24px;background:var(--carte);border:1px solid var(--encre)}
.encadre p:last-child,.encadre ul:last-child{margin-bottom:0}
.suite{margin-top:48px;padding-top:18px;border-top:3px double var(--encre);font:400 .9rem/1.5 var(--sans);color:var(--gris)}
/* ---------- Rubrique ---------- */
.rubrique-tete{padding:44px 0 20px;border-bottom:1px solid var(--encre);margin-bottom:6px}
.rubrique-tete h1{font-size:clamp(2.2rem,5vw,3.4rem);font-style:italic}
.rubrique-tete p{margin:12px 0 0;max-width:40em;color:#3a3c40}
.liste{max-width:820px;padding-bottom:64px}
.vide{padding:40px 0 80px;color:var(--gris);font-style:italic}
.rubriques a.actif{background:var(--encre);color:var(--papier)}
/* ---------- Image à la une ---------- */
.hero-img{margin:0 0 6px;border:1px solid var(--encre)}
.hero-img img{display:block;width:100%;height:auto;aspect-ratio:1200/480;object-fit:cover}
.papier .hero-img{margin:0 0 30px}
.breve{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start}
.breve .vign{border:1px solid var(--encre)}
.breve .vign img{display:block;width:100%;height:auto;aspect-ratio:1200/480;object-fit:cover}
.breve-txt h3{margin:6px 0 8px}
@media (max-width:600px){.breve{grid-template-columns:1fr}}
.une-vignette{padding:0;background:none;border:1px solid var(--encre);display:block}
.une-vignette img{display:block;width:100%;height:auto;aspect-ratio:1200/480;object-fit:cover}