:root{--papier:#f6f2e9;--encre:#2a2b27;--gris:#5f5d55;--riviere:#2e5a60;--riviere-clair:#dfe8e4;--tuffeau:#b3874a;--trait:#dcd4c3}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--papier);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--encre);font:17px/1.7 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif}
a{color:var(--riviere);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--tuffeau)}
.cadre{max-width:760px;margin:0 auto;padding:0 18px}
.bandeau{padding:28px 0 14px;border-bottom:1px solid var(--trait)}
.enseigne{display:flex;align-items:center;gap:12px;color:var(--riviere);text-decoration:none}
.enseigne:hover{color:var(--riviere)}
.sceau{flex:0 0 auto}
.enseigne-txt{display:flex;flex-direction:column;line-height:1.25}
.enseigne-txt strong{font-size:1.45rem;font-weight:600;letter-spacing:.01em}
.enseigne-txt em{font-size:.92rem;color:var(--gris)}
.navette{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:16px;font:15px/1.5 -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.navette a{color:var(--encre);text-decoration:none;padding:2px 0;border-bottom:2px solid transparent}
.navette a:hover{border-bottom-color:var(--tuffeau);color:var(--encre)}
.feuille{padding:26px 0 36px}
.feuille h1{font-size:2rem;line-height:1.2;margin:.2em 0 .5em;color:var(--riviere);font-weight:600}
.feuille h2{font-size:1.3rem;line-height:1.3;margin:1.8em 0 .5em;color:var(--riviere);font-weight:600}
.feuille h3{font-size:1.08rem;margin:1.4em 0 .4em}
.feuille p,.feuille li{hyphens:auto;overflow-wrap:break-word}
.feuille ul{padding-left:1.2em}
.feuille li{margin:.3em 0}
.chapeau{font-size:1.1rem;color:var(--gris);font-style:italic;border-left:3px solid var(--tuffeau);padding-left:14px;margin:0 0 1.6em}
.datation{font:13px/1.4 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--tuffeau);margin:0}
.encart{background:var(--riviere-clair);border-radius:6px;padding:14px 18px;margin:1.8em 0}
.encart p{margin:.4em 0}
.encart strong{color:var(--riviere)}
.feuille .vignettes{list-style:none;padding:0;margin:1.4em 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vignettes li{margin:0;background:#fffdf8;border:1px solid var(--trait);border-radius:6px;padding:16px 18px}
.vignettes h3{margin:0 0 .35em;font-size:1.1rem;line-height:1.3}
.vignettes h3 a{text-decoration:none}
.vignettes p{margin:0;font-size:.95rem;color:var(--gris)}
.vignettes li:last-child:nth-child(odd){grid-column:1/-1}
.lire-aussi{border-top:1px solid var(--trait);margin-top:2.4em;padding-top:1em;font-size:.95rem}
.lire-aussi ul{margin:.4em 0 0}
.retour{margin:2em 0 0;font:15px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.pied{border-top:1px solid var(--trait);padding:20px 0 34px;color:var(--gris);font-size:.9rem}
.onde{display:block;max-width:100%;height:auto;color:var(--tuffeau);margin-bottom:10px}
.pied p{margin:.4em 0}
.pied-liens a{color:var(--gris)}
@media (max-width:620px){body{font-size:16px}
.bandeau{padding-top:20px}
.enseigne-txt strong{font-size:1.25rem}
.feuille h1{font-size:1.6rem}
.feuille .vignettes{grid-template-columns:1fr}}