:root{--fond:#0f0f0f;--carte:#1a1917;--texte:#f5f2ec;--doux:#e2ddd6;--rouge:#ff6b5e;--ligne:#3a3733}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font:18px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:var(--rouge);text-underline-offset:3px}
.haut,main,.pied{width:min(720px,calc(100% - 40px));margin:auto}
.haut{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--ligne);font-size:15px}
.haut img{display:block;width:52px;height:52px}
main{padding:36px 0 20px}
.sur{margin:0 0 8px;color:var(--rouge);font-size:14px;font-weight:700}
h1,h2,.fiche-titre{font-family:Impact,"Arial Narrow Bold","Arial Black",sans-serif;font-weight:400;line-height:1.08;color:#fff}
h1{margin:0 0 14px;font-size:clamp(40px,8vw,60px)}
h2{margin:40px 0 12px;font-size:32px}
.auteur{margin:0 0 28px;color:var(--doux);font-size:15px}
p,ul,ol{margin:0 0 16px}
li{margin-bottom:8px}
.video{display:block;margin:24px 0 8px}.video img{display:block;width:100%;height:auto}
.fiche{margin:32px 0;border:2px solid #fff}
.fiche-titre{margin:0;padding:10px 16px;background:#fff;color:#0f0f0f;font-size:24px}
.fiche ol{margin:0;padding:18px 18px 8px 44px;font-size:17px}
.fiche-note{display:block;color:var(--doux);font-size:15px}
table{width:100%;margin:0 0 16px;border-collapse:collapse;font-size:16px}
th,td{padding:10px 8px 10px 0;border-bottom:1px solid var(--ligne);text-align:left;vertical-align:top}
th{border-bottom:2px solid #fff}
blockquote{margin:24px 0;padding:2px 0 2px 16px;border-left:4px solid var(--rouge);font-size:21px;line-height:1.4;color:#fff}
.note{padding:14px 16px;background:var(--carte);font-size:16px;color:var(--doux)}
.boutons{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.btn{display:inline-block;padding:13px 22px;background:#b7222e;color:#fff;font-size:16px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn.b2{background:transparent;border:1px solid #fff}
.signature{font-style:italic;color:var(--doux)}
.pied{padding:24px 0 40px;border-top:1px solid var(--ligne);font-size:14px;color:var(--doux)}
@media print{:root{--fond:#fff;--carte:#f2f2f2;--texte:#111;--doux:#333;--rouge:#a40812;--ligne:#bbb}h1,h2{color:#111}.fiche{border-color:#111}.fiche-titre{background:#111;color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}th{border-color:#111}blockquote{color:#111}.boutons,.video,.haut a,.pied{display:none}}
