/* Guerres vues depuis La Réunion. Identité, pas le gabarit des pages d’avant. */
html body.zist-ww1,
html body.zist-ww2,
html body.zist-blocus,
html body.zist-grippe,
html body.zist-cholera,
html body.zist-cyclone{
  background:#FBF8EF!important;
  color:#1C2B4A;
}
html body.zist-ww1.mlr-themed-photo,
html body.zist-ww2.mlr-themed-photo,
html body.zist-blocus.mlr-themed-photo,
html body.zist-grippe.mlr-themed-photo,
html body.zist-cholera.mlr-themed-photo,
html body.zist-cyclone.mlr-themed-photo{
  background-image:none!important;
  background-color:#FBF8EF!important;
}
html body.zist-ww1 .site-header .brand strong,
html body.zist-ww2 .site-header .brand strong,
html body.zist-blocus .site-header .brand strong,
html body.zist-grippe .site-header .brand strong,
html body.zist-cholera .site-header .brand strong,
html body.zist-cyclone .site-header .brand strong,
html body.zist-ww1 .mlr-compact-brand strong,
html body.zist-ww2 .mlr-compact-brand strong,
html body.zist-blocus .mlr-compact-brand strong,
html body.zist-grippe .mlr-compact-brand strong,
html body.zist-cholera .mlr-compact-brand strong{color:#F2B321!important}
html body.zist-cyclone .mlr-compact-brand strong{color:#F2B321!important}
html body.zist-ww1 .site-header .brand small,
html body.zist-ww2 .site-header .brand small,
html body.zist-blocus .site-header .brand small,
html body.zist-grippe .site-header .brand small,
html body.zist-cholera .site-header .brand small,
html body.zist-cyclone .site-header .brand small,
html body.zist-ww1 .mlr-compact-brand small,
html body.zist-ww2 .mlr-compact-brand small,
html body.zist-blocus .mlr-compact-brand small,
html body.zist-grippe .mlr-compact-brand small,
html body.zist-cholera .mlr-compact-brand small{color:#FBF8EF!important}
html body.zist-cyclone .mlr-compact-brand small{color:#FBF8EF!important}
html body.zist-ww1 .zg,
html body.zist-ww2 .zg,
html body.zist-blocus .zg,
html body.zist-grippe .zg,
html body.zist-cholera .zg,
html body.zist-cyclone .zg{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:#1C2B4A;
  font-size:1.05rem;
  line-height:1.7;
}
html body.zist-ww1 .zg-wrap,
html body.zist-ww2 .zg-wrap,
html body.zist-blocus .zg-wrap,
html body.zist-grippe .zg-wrap,
html body.zist-cholera .zg-wrap{width:min(1080px,calc(100% - 32px));margin:0 auto}
html body.zist-cyclone .zg-wrap{width:min(1080px,calc(100% - 32px));margin:0 auto}
html body.zist-ww1 .zg-hero,
html body.zist-ww2 .zg-hero,
html body.zist-blocus .zg-hero,
html body.zist-grippe .zg-hero,
html body.zist-cholera .zg-hero{background:#071A5C;color:#FBF8EF;padding:clamp(36px,6vw,72px) 0 42px}
html body.zist-cyclone .zg-hero{background:#071A5C;color:#FBF8EF;padding:clamp(36px,6vw,72px) 0 42px}
html body.zist-ww1 .zg-kicker,
html body.zist-ww2 .zg-kicker,
html body.zist-blocus .zg-kicker,
html body.zist-grippe .zg-kicker,
html body.zist-cholera .zg-kicker,
html body.zist-cyclone .zg-kicker{
  margin:0 0 8px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.78rem;color:#F2B321;
}
html body.zist-ww1 .zg-hero h1,
html body.zist-ww2 .zg-hero h1,
html body.zist-blocus .zg-hero h1,
html body.zist-grippe .zg-hero h1,
html body.zist-cholera .zg-hero h1,
html body.zist-cyclone .zg-hero h1{
  margin:.05em 0 .25em;font-family:"Playfair Display",Georgia,serif;font-weight:700;
  font-size:clamp(2.15rem,4.2vw,3rem)!important;line-height:.95;color:#F2B321!important;
}
html body.zist-ww1 .zg-hero p,
html body.zist-ww2 .zg-hero p,
html body.zist-blocus .zg-hero p,
html body.zist-grippe .zg-hero p,
html body.zist-cholera .zg-hero p{max-width:42rem;margin:0;color:#FBF8EF;font-size:1.12rem}
html body.zist-cyclone .zg-hero p{max-width:42rem;margin:0;color:#FBF8EF;font-size:1.12rem}
html body.zist-ww1 .zg-section,
html body.zist-ww2 .zg-section,
html body.zist-blocus .zg-section,
html body.zist-grippe .zg-section,
html body.zist-cholera .zg-section{padding:42px 0}
html body.zist-cyclone .zg-section{padding:42px 0}
html body.zist-ww1 .zg h2,
html body.zist-ww2 .zg h2,
html body.zist-blocus .zg h2,
html body.zist-grippe .zg h2,
html body.zist-cholera .zg h2,
html body.zist-cyclone .zg h2{
  margin:.1em 0 .5em;font-family:"Playfair Display",Georgia,serif;font-weight:600;
  font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.18;color:#071A5C;
}
html body.zist-ww1 .zg h3,
html body.zist-ww2 .zg h3,
html body.zist-blocus .zg h3,
html body.zist-grippe .zg h3,
html body.zist-cholera .zg h3{margin:0 0 .3em;font-family:"Playfair Display",Georgia,serif;font-size:1.2rem;color:#071A5C}
html body.zist-cyclone .zg h3{margin:0 0 .3em;font-family:"Playfair Display",Georgia,serif;font-size:1.2rem;color:#071A5C}
html body.zist-ww1 .zg p,
html body.zist-ww2 .zg p,
html body.zist-blocus .zg p,
html body.zist-grippe .zg p,
html body.zist-cholera .zg p{margin:0 0 .9em}
html body.zist-cyclone .zg p{margin:0 0 .9em}
html body.zist-ww1 .zg-dark,
html body.zist-ww2 .zg-dark,
html body.zist-blocus .zg-dark,
html body.zist-grippe .zg-dark,
html body.zist-cholera .zg-dark{background:#071A5C;color:#FBF8EF;padding:clamp(36px,6vw,68px) 0}
html body.zist-cyclone .zg-dark{background:#071A5C;color:#FBF8EF;padding:clamp(36px,6vw,68px) 0}
html body.zist-ww1 .zg-dark h2,
html body.zist-ww2 .zg-dark h2,
html body.zist-blocus .zg-dark h2,
html body.zist-grippe .zg-dark h2,
html body.zist-cholera .zg-dark h2{color:#F2B321!important}
html body.zist-cyclone .zg-dark h2{color:#F2B321!important}
html body.zist-ww1 .zg-dark p,
html body.zist-ww2 .zg-dark p,
html body.zist-blocus .zg-dark p,
html body.zist-grippe .zg-dark p,
html body.zist-cholera .zg-dark p,
html body.zist-cyclone .zg-dark p,
html body.zist-ww1 .zg-dark li,
html body.zist-ww2 .zg-dark li,
html body.zist-blocus .zg-dark li,
html body.zist-grippe .zg-dark li,
html body.zist-cholera .zg-dark li{color:#FBF8EF}
html body.zist-cyclone .zg-dark li{color:#FBF8EF}
html body.zist-ww1 .zg-band,
html body.zist-ww2 .zg-band,
html body.zist-blocus .zg-band,
html body.zist-grippe .zg-band,
html body.zist-cholera .zg-band{background:#F2B321;color:#071A5C;padding:clamp(26px,5vw,48px) 0}
html body.zist-cyclone .zg-band{background:#F2B321;color:#071A5C;padding:clamp(26px,5vw,48px) 0}
html body.zist-ww1 .zg-band p,
html body.zist-ww2 .zg-band p,
html body.zist-blocus .zg-band p,
html body.zist-grippe .zg-band p,
html body.zist-cholera .zg-band p,
html body.zist-cyclone .zg-band p{
  margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.4rem,3vw,2.15rem);line-height:1.28;font-weight:700;color:#071A5C;
}
html body.zist-ww1 .zg-time,
html body.zist-ww2 .zg-time,
html body.zist-blocus .zg-time,
html body.zist-grippe .zg-time,
html body.zist-cholera .zg-time{display:grid;margin:8px 0 0}
html body.zist-cyclone .zg-time{display:grid;margin:8px 0 0}
html body.zist-ww1 .zg-time article,
html body.zist-ww2 .zg-time article,
html body.zist-blocus .zg-time article,
html body.zist-grippe .zg-time article,
html body.zist-cholera .zg-time article,
html body.zist-cyclone .zg-time article{
  display:grid;grid-template-columns:132px 1fr;gap:14px;padding:16px 0;border-top:1px solid rgba(242,179,33,.45);
}
html body.zist-ww1 .zg-time strong,
html body.zist-ww2 .zg-time strong,
html body.zist-blocus .zg-time strong,
html body.zist-grippe .zg-time strong,
html body.zist-cholera .zg-time strong{color:#F2B321;font-family:"Playfair Display",Georgia,serif;font-size:1.15rem}
html body.zist-cyclone .zg-time strong{color:#F2B321;font-family:"Playfair Display",Georgia,serif;font-size:1.15rem}
html body.zist-ww1 .zg-split,
html body.zist-ww2 .zg-split,
html body.zist-blocus .zg-split,
html body.zist-grippe .zg-split,
html body.zist-cholera .zg-split{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
html body.zist-cyclone .zg-split{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
html body.zist-ww1 .zg-figure,
html body.zist-ww2 .zg-figure,
html body.zist-blocus .zg-figure,
html body.zist-grippe .zg-figure,
html body.zist-cholera .zg-figure{margin:0;background:#071A5C;border-radius:18px;overflow:hidden;border:3px solid #F2B321}
html body.zist-cyclone .zg-figure{margin:0;background:#071A5C;border-radius:18px;overflow:hidden;border:3px solid #F2B321}
html body.zist-ww1 .zg-figure img,
html body.zist-ww2 .zg-figure img,
html body.zist-blocus .zg-figure img,
html body.zist-grippe .zg-figure img,
html body.zist-cholera .zg-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
html body.zist-cyclone .zg-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
html body.zist-ww1 .zg-figure figcaption,
html body.zist-ww2 .zg-figure figcaption,
html body.zist-blocus .zg-figure figcaption,
html body.zist-grippe .zg-figure figcaption,
html body.zist-cholera .zg-figure figcaption{padding:12px 14px 14px;color:#FBF8EF;font-size:.9rem;line-height:1.45}
html body.zist-cyclone .zg-figure figcaption{padding:12px 14px 14px;color:#FBF8EF;font-size:.9rem;line-height:1.45}
html body.zist-ww1 .zg-counts,
html body.zist-ww2 .zg-counts,
html body.zist-blocus .zg-counts,
html body.zist-grippe .zg-counts,
html body.zist-cholera .zg-counts{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 16px}
html body.zist-cyclone .zg-counts{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 16px}
html body.zist-ww1 .zg-counts article,
html body.zist-ww2 .zg-counts article,
html body.zist-blocus .zg-counts article,
html body.zist-grippe .zg-counts article,
html body.zist-cholera .zg-counts article{background:#FBF8EF;border-top:4px solid #F2B321;border-radius:14px;padding:14px 16px}
html body.zist-cyclone .zg-counts article{background:#FBF8EF;border-top:4px solid #F2B321;border-radius:14px;padding:14px 16px}
html body.zist-ww1 .zg-counts strong,
html body.zist-ww2 .zg-counts strong,
html body.zist-blocus .zg-counts strong,
html body.zist-grippe .zg-counts strong,
html body.zist-cholera .zg-counts strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:1.7rem;color:#071A5C}
html body.zist-cyclone .zg-counts strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:1.7rem;color:#071A5C}
html body.zist-ww1 .zg-names,
html body.zist-ww2 .zg-names,
html body.zist-blocus .zg-names,
html body.zist-grippe .zg-names,
html body.zist-cholera .zg-names{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 0;padding:0;list-style:none}
html body.zist-cyclone .zg-names{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 0;padding:0;list-style:none}
html body.zist-ww1 .zg-names li,
html body.zist-ww2 .zg-names li{background:#FBF8EF;border-left:4px solid #F2B321;padding:8px 12px;color:#071A5C}
html body.zist-ww1 .zg-names span,
html body.zist-ww2 .zg-names span{display:block;color:#1C2B4A;font-size:.9rem}
html body.zist-ww1 .zg-card,
html body.zist-ww2 .zg-card,
html body.zist-blocus .zg-card,
html body.zist-grippe .zg-card,
html body.zist-cholera .zg-card{background:#071A5C;color:#FBF8EF;border-radius:16px;padding:16px}
html body.zist-cyclone .zg-card{background:#071A5C;color:#FBF8EF;border-radius:16px;padding:16px}
html body.zist-ww1 .zg-card h3,
html body.zist-ww2 .zg-card h3,
html body.zist-blocus .zg-card h3,
html body.zist-grippe .zg-card h3,
html body.zist-cholera .zg-card h3{color:#F2B321}
html body.zist-cyclone .zg-card h3{color:#F2B321}
html body.zist-ww1 .zg-coupons,
html body.zist-ww2 .zg-coupons,
html body.zist-blocus .zg-coupons,
html body.zist-grippe .zg-coupons,
html body.zist-cholera .zg-coupons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
html body.zist-cyclone .zg-coupons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
html body.zist-ww1 .zg-coupons b,
html body.zist-ww2 .zg-coupons b,
html body.zist-blocus .zg-coupons b,
html body.zist-grippe .zg-coupons b,
html body.zist-cholera .zg-coupons b,
html body.zist-cyclone .zg-coupons b{
  display:grid;place-items:center;min-height:52px;border:2px dashed #F2B321;color:#F2B321;letter-spacing:.08em;
}
html body.zist-ww1 .zg a,
html body.zist-ww2 .zg a,
html body.zist-blocus .zg a,
html body.zist-grippe .zg a,
html body.zist-cholera .zg a{color:#071A5C;font-weight:700}
html body.zist-cyclone .zg a{color:#071A5C;font-weight:700}
html body.zist-ww1 .zg p a,
html body.zist-ww2 .zg p a,
html body.zist-blocus .zg p a,
html body.zist-grippe .zg p a,
html body.zist-cholera .zg p a{display:inline-block;margin:0 .85rem .35rem 0}
html body.zist-cyclone .zg p a{display:inline-block;margin:0 .85rem .35rem 0}
html body.zist-ww1 .zg-dark a,
html body.zist-ww2 .zg-dark a,
html body.zist-blocus .zg-dark a,
html body.zist-grippe .zg-dark a,
html body.zist-cholera .zg-dark a{color:#F2B321!important}
html body.zist-cyclone .zg-dark a{color:#F2B321!important}
html body.zist-ww1 .zg-reperes,
html body.zist-ww2 .zg-reperes,
html body.zist-blocus .zg-reperes,
html body.zist-grippe .zg-reperes,
html body.zist-cholera .zg-reperes{padding:4px 0 28px}
html body.zist-cyclone .zg-reperes{padding:4px 0 28px}
html body.zist-ww1 .zg-reperes h2,
html body.zist-ww2 .zg-reperes h2,
html body.zist-blocus .zg-reperes h2,
html body.zist-grippe .zg-reperes h2,
html body.zist-cholera .zg-reperes h2,
html body.zist-cyclone .zg-reperes h2{
  margin:0 0 8px;padding:0 0 6px;border-bottom:2px solid #F2B321;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:.84rem!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  line-height:1.3;color:#071A5C!important;
}
html body.zist-ww1 .zg-sources,
html body.zist-ww2 .zg-sources,
html body.zist-blocus .zg-sources,
html body.zist-grippe .zg-sources,
html body.zist-cholera .zg-sources{margin:0;padding:0}
html body.zist-cyclone .zg-sources{margin:0;padding:0}
html body.zist-ww1 .zg-reperes .zg-sources li,
html body.zist-ww2 .zg-reperes .zg-sources li,
html body.zist-blocus .zg-reperes .zg-sources li,
html body.zist-grippe .zg-reperes .zg-sources li,
html body.zist-cholera .zg-reperes .zg-sources li,
html body.zist-cyclone .zg-reperes .zg-sources li{
  margin:0;padding:6px 0;border-bottom:1px solid rgba(7,26,92,.12);
  list-style:none;font-size:.92rem;line-height:1.45;color:#1C2B4A;
}
html body.zist-ww1 .zg-reperes .zg-sources li:last-child,
html body.zist-ww2 .zg-reperes .zg-sources li:last-child,
html body.zist-blocus .zg-reperes .zg-sources li:last-child,
html body.zist-grippe .zg-reperes .zg-sources li:last-child,
html body.zist-cholera .zg-reperes .zg-sources li:last-child{border-bottom:0;padding-bottom:0}
html body.zist-cyclone .zg-reperes .zg-sources li:last-child{border-bottom:0;padding-bottom:0}
html body.zist-ww1 .zg-note,
html body.zist-ww2 .zg-note,
html body.zist-blocus .zg-note,
html body.zist-grippe .zg-note,
html body.zist-cholera .zg-note{margin:10px 0 0;font-size:.86rem;line-height:1.4;color:#FBF8EF}
html body.zist-cyclone .zg-note{margin:10px 0 0;font-size:.86rem;line-height:1.4;color:#FBF8EF}
html body.zist-ww1 .zg :focus-visible,
html body.zist-ww2 .zg :focus-visible,
html body.zist-blocus .zg :focus-visible,
html body.zist-grippe .zg :focus-visible,
html body.zist-cholera .zg :focus-visible{outline:3px solid #F2B321;outline-offset:3px}
html body.zist-cyclone .zg :focus-visible{outline:3px solid #F2B321;outline-offset:3px}
@media(min-width:800px){
  html body.zist-ww1 .zg-split,
  html body.zist-ww2 .zg-split,
html body.zist-blocus .zg-split,
html body.zist-grippe .zg-split,
html body.zist-cholera .zg-split{grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
html body.zist-cyclone .zg-split{grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
  html body.zist-ww1 .zg-counts,
  html body.zist-ww2 .zg-counts,
html body.zist-blocus .zg-counts,
html body.zist-grippe .zg-counts,
html body.zist-cholera .zg-counts{grid-template-columns:1fr 1fr 1fr}
html body.zist-cyclone .zg-counts{grid-template-columns:1fr 1fr 1fr}
  html body.zist-ww1 .zg-names,
  html body.zist-ww2 .zg-names{grid-template-columns:1fr 1fr}
  html body.zist-ww1 .zg-coupons,
  html body.zist-ww2 .zg-coupons,
html body.zist-blocus .zg-coupons,
html body.zist-grippe .zg-coupons,
html body.zist-cholera .zg-coupons{grid-template-columns:1fr 1fr 1fr}
html body.zist-cyclone .zg-coupons{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:799px){
  html body.zist-ww1 .zg-time article,
  html body.zist-ww2 .zg-time article,
html body.zist-blocus .zg-time article,
html body.zist-grippe .zg-time article,
html body.zist-cholera .zg-time article{grid-template-columns:1fr;gap:4px}
html body.zist-cyclone .zg-time article{grid-template-columns:1fr;gap:4px}
}