/* Beurre de savane — maquette B : atlas et données, blanc papier / indigo / vert savane, Archivo + Source Serif 4 */
@font-face{font-family:"Archivo";src:url(polices/archivo-normal-var.woff2) format("woff2");font-weight:300 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif";src:url(polices/sourceserif-normal-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif";src:url(polices/sourceserif-italic-var.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
:root{--backdrop:#fbfaf7;--bone-white:#fff;--ink-deep:#15171c;--soften:#555a66;--indigo-tone:#26337a;--indigo-tone-2:#3d4fb0;--sky-tone:#eef1f8;--veldt:#7fa52e;--veldt-pale:#eef4dc;--sand-tone:#f1eee6;--rule-col:#e3e1da;
--type-display:"Archivo","Arial Narrow",Arial,sans-serif;--type-body:"Source Serif",Georgia,serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--backdrop);color:var(--ink-deep);font:400 18px/1.62 var(--type-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--indigo-tone-2)}
.shell{max-width:1200px;margin:0 auto;padding:0 24px}
.measure{max-width:740px}
h1,h2,h3{font-family:var(--type-display);font-stretch:88%;font-weight:750;line-height:1.08;margin:0 0 .45em;letter-spacing:-.01em}
h1{font-size:clamp(34px,5vw,60px)}
h2{font-size:clamp(24px,2.8vw,32px)}
h3{font-size:20px;line-height:1.2}
.tagmark{display:inline-block;font:700 12px/1 var(--type-display);font-stretch:100%;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo-tone);background:var(--veldt-pale);padding:7px 10px;border-radius:4px;margin:0 0 14px}
.cta{display:inline-block;background:var(--indigo-tone);color:#fff;text-decoration:none;font:700 15px/1 var(--type-display);padding:14px 20px;border-radius:6px}
.cta:hover{background:var(--indigo-tone-2)}
.cta.hairline{background:transparent;color:var(--indigo-tone);box-shadow:inset 0 0 0 2px var(--indigo-tone)}
/* en-tête : barre indigo, logo à gauche, thèmes à droite */
.top-strip{background:var(--indigo-tone);color:#fff;position:sticky;top:0;z-index:5}
.top-strip .top-row{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.wordmark{font:400 23px/1 var(--type-display);font-stretch:85%;color:#fff;text-decoration:none;letter-spacing:.01em;white-space:nowrap}
.wordmark b{font-weight:800;color:#c9e07f}
.top-strip ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:8px 0}
.top-strip nav a{color:#e6e9f7;text-decoration:none;font:600 15px var(--type-display)}
.top-strip nav a[aria-current],.top-strip nav a:hover{color:#fff;box-shadow:inset 0 -2px #c9e07f}
.top-strip .viewall{background:#fff;color:var(--indigo-tone);padding:7px 11px;border-radius:5px}
/* accueil : carte en vedette */
.map-zone{background:var(--sky-tone);border-bottom:1px solid var(--rule-col)}
.map-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding-top:48px;padding-bottom:44px}
.map-zone h1 span{color:var(--indigo-tone-2)}
.map-copy p{color:var(--soften)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.map-canvas{margin:0;background:#fff;border-radius:10px;padding:10px;box-shadow:0 1px 3px rgba(20,30,70,.08)}
.map-canvas figcaption{font:400 13px/1.4 var(--type-display);color:var(--soften);margin-top:8px}
.strip{padding:60px 0}
.tinted{background:var(--sand-tone)}
.strip-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.strip-head p{margin:0;color:var(--soften);font-size:16px}
.strip-head a{font:700 15px var(--type-display)}
.stat-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-num{background:#fff;border:1px solid var(--rule-col);border-top:5px solid var(--veldt);border-radius:8px;padding:20px;text-decoration:none;color:inherit}
.stat-num b{display:block;font:800 32px/1.05 var(--type-display);font-stretch:80%;color:var(--indigo-tone);margin-bottom:8px}
.stat-num span{font-size:15.5px;color:var(--soften)}
.lead-zone{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.rail{display:grid;gap:24px}
.panel{display:block;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--rule-col)}
.panel .shot{position:relative}
.panel .shot img{aspect-ratio:16/10;object-fit:cover;width:100%}
.panel .overline{position:absolute;left:12px;top:12px;background:var(--indigo-tone);color:#fff;font:700 12px/1 var(--type-display);padding:6px 8px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase}
.panel .panel-body{padding:16px 18px 18px}
.panel h3{margin:0 0 6px}
.panel p{margin:0 0 10px;color:var(--soften);font-size:15.5px;line-height:1.5}
.panel .minutes{font:600 13px var(--type-display);color:var(--veldt)}
.panel.feature h3{font-size:27px}
.panel.feature .shot img{aspect-ratio:16/9}
.rail .panel{display:grid;grid-template-columns:42% 1fr}
.rail .panel .shot img{height:100%;aspect-ratio:auto}
.rail .panel p{display:none}
.pairing{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.pic-frame{margin:0}
.pic-frame img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;width:100%}
.pic-frame figcaption{font:400 13px/1.4 var(--type-display);color:var(--soften);margin-top:8px}
.tree-portrait{grid-template-columns:1.05fr 1fr}
.tree-portrait figure.plate{margin:0;max-width:620px}
.tree-portrait figure.plate img{width:100%;height:auto}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--rule-col);border-left:5px solid var(--indigo-tone);border-radius:6px;padding:18px}
.tile b{display:block;font:750 20px var(--type-display);font-stretch:88%;color:var(--indigo-tone);margin-bottom:6px}
.tile span{display:block;font-size:15.5px;color:var(--soften);line-height:1.5}
.tile i{display:block;margin-top:10px;font:600 14px var(--type-display);font-style:normal;color:var(--veldt)}
.layout{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
/* article : titre à gauche, photo à droite */
.art-head{background:var(--sky-tone);border-bottom:1px solid var(--rule-col);margin-bottom:40px}
.art-head-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:40px;padding-bottom:40px}
.art-fig{margin:0}
.art-fig img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;width:100%}
.trail{font:400 14px var(--type-display);color:var(--soften);margin:0 0 14px}
.trail a{color:var(--soften)}
.standfirst{font-size:20px;line-height:1.5;color:#363b46;margin:10px 0 14px}
.byline{font:500 14px var(--type-display);color:var(--soften);margin:0}
.longform h2{margin-top:1.6em;color:var(--indigo-tone)}
.longform a{text-underline-offset:3px}
figure.pic{margin:34px auto}
figure.pic img{border-radius:8px}
figure.plate{margin:36px auto;background:#f4f1e8;padding:12px;border-radius:4px;outline:1px solid #e1dccd;outline-offset:-6px}
figure.plate img{mix-blend-mode:multiply}
figcaption{font:400 14.5px/1.45 var(--type-display);color:var(--soften);margin-top:9px}
.noted{margin:44px 0 10px;background:var(--veldt-pale);border-radius:8px;padding:18px 20px;display:grid;gap:4px}
.noted b{font:800 13px var(--type-display);letter-spacing:.1em;text-transform:uppercase;color:var(--indigo-tone)}
.noted p{margin:0;font-size:17px}
figure.datatable,figure.fg-figure,figure.panel{margin:36px 0;background:#fff;border:1px solid var(--rule-col);border-radius:10px;padding:18px 18px 12px}
figure.datatable>figcaption,figure.fg-figure>figcaption{font:750 18px/1.25 var(--type-display);font-stretch:90%;color:var(--ink-deep);margin:0 0 12px}
.scroller{overflow-x:auto}
.scroller table{min-width:560px}
table{border-collapse:collapse;width:100%;font:400 15px/1.4 var(--type-display)}
th,td{padding:9px 10px;border-bottom:1px solid var(--rule-col);text-align:right;vertical-align:top}
thead th{background:var(--indigo-tone);color:#fff;font-weight:700}
th[scope=row],thead th:first-child{text-align:left;font-weight:600}
tbody tr:nth-child(odd){background:#f8f8fb}
.credit{font:400 13px/1.5 var(--type-display);color:var(--soften);margin:10px 0 0}
.fg-wrap{width:100%;height:auto;font-family:var(--type-display)}
.fg-bar{fill:var(--indigo-tone-2)}
.fg-line:hover .fg-bar{fill:var(--indigo-tone)}
.fg-country{font-size:13px;fill:var(--ink-deep);font-weight:600}
.fg-value{font-size:12.5px;fill:var(--soften)}
.fg-axis{font-size:11.5px;fill:var(--soften)}
.fg-grid{stroke:var(--rule-col);stroke-width:1}
.fg-stroke{fill:none;stroke:var(--indigo-tone-2);stroke-width:2.2;stroke-linejoin:round}
.fg-dot{fill:var(--indigo-tone);stroke:#fff;stroke-width:2}
.fg-target{fill:transparent}
.fg-target:hover{fill:var(--veldt)}
details{margin-top:8px;font:400 14px var(--type-display)}
summary{cursor:pointer;color:var(--indigo-tone-2);font-weight:700}
details table{max-width:340px}
details thead th{background:transparent;color:var(--indigo-tone);border-bottom:2px solid var(--indigo-tone)}
.panel-svg{width:100%;height:auto;display:block;border-radius:6px}
.mp-sea{fill:#dfe6f3}.mp-country{fill:#ebe8df;stroke:#fff;stroke-width:.7}.mp-area{fill:#b9cf7d;stroke:#fff;stroke-width:.7}
.mp-area-pale{fill:#dde8bf;stroke:#fff;stroke-width:.7}.mp-dot{fill:var(--indigo-tone);opacity:.6}
.mp-z1{fill:#d3d9f1;stroke:#fff;stroke-width:.7}.mp-z2{fill:#9ba8df;stroke:#fff;stroke-width:.7}.mp-z3{fill:#5a6bc3;stroke:#fff;stroke-width:.7}.mp-z4{fill:#26337a;stroke:#fff;stroke-width:.7}
.mp-label{font:700 10.5px var(--type-display);fill:var(--ink-deep);paint-order:stroke;stroke:#fff;stroke-width:3px}
.mp-stroke{stroke:#555;stroke-width:.8}
.mp-key{font:400 11px var(--type-display);fill:var(--ink-deep)}
.cat-head{padding:44px 0 26px;background:var(--sky-tone);border-bottom:1px solid var(--rule-col);margin-bottom:34px}
.preamble{font-size:19px;color:var(--soften);max-width:760px}
.related{margin:44px 0 60px;padding:18px;background:var(--sand-tone);border-radius:8px}
.related span{font:700 15px var(--type-display)}
.related ul{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:8px 0 0;font-family:var(--type-display)}
/* pied : bande de repères chiffrés, colonnes, mention des données publiques */
.sitefoot{background:#121a3f;color:#c8cde3;margin-top:70px;font:400 15px/1.55 var(--type-display)}
.sitefoot a{color:#fff}
.foot-marks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:36px;padding-bottom:30px;border-bottom:1px solid #2b3566}
.foot-marks b{display:block;font:800 30px/1.1 var(--type-display);font-stretch:80%;color:#c9e07f}
.sitefoot .foot-main{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:40px;padding-top:34px;padding-bottom:20px}
.sitefoot h2{color:#fff;font-size:17px;text-transform:uppercase;letter-spacing:.08em}
.sitefoot ul{list-style:none;padding:0;margin:0}
.sitefoot li{margin:5px 0}
.dataset{font-size:13px;color:#9aa1c2;margin-top:16px}
.sitefoot .foot-low{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:16px;padding-bottom:26px;border-top:1px solid #2b3566;font-size:13px;color:#9aa1c2}
@media (max-width:980px){.stat-nums{grid-template-columns:1fr 1fr}.layout,.tiles{grid-template-columns:1fr 1fr}.map-inner{grid-template-columns:1fr}}
@media (max-width:760px){
body{font-size:17px}
.top-strip{position:static}
.top-strip .top-row{padding-top:10px;padding-bottom:4px}
.top-strip ul{gap:2px 14px}
.lead-zone,.pairing,.art-head-in,.sitefoot .foot-main,.foot-marks{grid-template-columns:1fr;gap:24px}
.art-head-in{padding-top:26px;padding-bottom:26px}
.art-fig{order:-1}
.stat-nums,.layout,.tiles{grid-template-columns:1fr}
.rail .panel{grid-template-columns:38% 1fr}
.strip{padding:42px 0}
figure.datatable,figure.fg-figure,figure.panel{padding:12px 10px 10px;margin-left:-8px;margin-right:-8px}
}