:root{--ink:#202424;--deep:#111817;--accent:#245e58;--line:#d7ded9;--paper:#fff;--soft:#f0f5f1;--muted:#52605a;--display:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:1.2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.66 var(--sans)}a{color:var(--accent);text-underline-offset:.19em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,select:focus-visible,.tablebox:focus-visible{outline:3px solid #ac6522;outline-offset:4px}img{display:block;max-width:100%}.skip{position:absolute;left:12px;top:-6rem;background:white;padding:.6rem 1rem;z-index:5}.skip:focus{top:6px}
.top{background:#080a09;color:white}.topinner,.footin{width:min(1240px,94%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:1.6rem}.topinner{min-height:72px}.brand{display:block;flex:none}.brand img{width:174px;height:auto}.top nav,.footin nav{display:flex;flex-wrap:wrap;gap:1.45rem}.top nav a,.footin nav a{color:#f4f4f3;text-decoration:none;font-weight:600;font-size:.94rem}.top nav a:hover,.top nav .active,.top nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
main{max-width:1200px;margin:0 auto;padding:0 3.4% 4rem}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.13;text-wrap:balance}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,4.6vw,4.45rem);line-height:1.02}h2{font-size:clamp(1.55rem,2.4vw,2.27rem);margin:0 0 .75rem}p+p{margin-top:.75rem}.crumb{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:1.1rem 0 .45rem;color:var(--muted);font-size:.84rem}.crumb a{color:var(--muted)}.hero{padding:clamp(1rem,3.5vw,2.8rem) 0 1.9rem;border-bottom:1px solid var(--line)}.hero.withphoto{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);align-items:center;gap:clamp(1rem,4vw,4rem)}.heroimg img{width:100%;height:clamp(185px,23vw,310px);object-fit:cover;border-radius:3px}.lead{font-size:clamp(1.08rem,1.48vw,1.34rem);line-height:1.55;margin-top:1rem;max-width:78ch}.byline{font-size:.84rem;color:var(--muted);margin-top:.95rem}.byline span{margin:0 .28em}.reading{max-width:996px;margin:0 auto}.reading>section,.reading>aside,.reading>.tablebox,.reading>.diagram,.reading>.gallery{margin:2.15rem 0}.reading p:not(.ref){max-width:82ch}.contents{padding:1.1rem 0 1.2rem;border-bottom:1px solid var(--line);font-size:.88rem}.contents strong{display:block;margin-bottom:.24rem}.contents div{display:flex;gap:.3rem 1.25rem;flex-wrap:wrap}.ref{font-size:.84rem;color:var(--muted);margin-top:.65rem;overflow-wrap:anywhere}.ref a{color:#385951}.tablebox{width:100%;max-width:100%;overflow-x:auto;margin:.8rem 0 1rem;border:1px solid var(--line);border-radius:3px;scrollbar-color:#80928c #eaf0ec}.tablebox:focus{outline-offset:2px}table{border-collapse:collapse;width:100%;font-size:.94rem;line-height:1.45}caption{text-align:left;padding:.72rem .85rem;font-weight:650;color:var(--ink);background:var(--soft)}thead th{background:#283d38;color:white;font-weight:600}td,th{text-align:left;vertical-align:top;padding:.56rem .73rem;border-bottom:1px solid var(--line)}tbody th{font-weight:600}tbody tr:nth-child(even){background:#f7f9f7}tbody tr:last-child>*{border-bottom:0}#normales tbody td,#comparateur tbody td{font-variant-numeric:tabular-nums;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.card{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.15rem;border:1px solid var(--line);border-top:3px solid #537469;color:var(--ink);text-decoration:none;background:#fafcf9}.card:hover{background:#ecf3ef;border-color:#91a89e}.card strong{font-family:var(--display);font-size:1.23rem;line-height:1.22}.card span{color:var(--muted);font-size:.93rem;line-height:1.45}.cards+p{margin-top:.9rem}summary{cursor:pointer;color:var(--accent);font-weight:650;min-height:32px}details{margin:1rem 0}.gallery>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.65rem}.gallery img{width:100%;aspect-ratio:1.5;height:auto;object-fit:cover}.gallery figcaption,.diagram figcaption{font-size:.86rem;color:var(--muted);margin-top:.3rem}.diagram img{height:auto;width:100%;border:1px solid var(--line);border-radius:3px}.related,.sources{border-top:1px solid var(--line);padding-top:1.1rem}.related ul,.sources ul,.service ul{padding-left:1.25rem}.related ul{display:flex;flex-wrap:wrap;gap:.5rem 2rem}.sources li{margin-bottom:.3rem}.sources a,.service a{overflow-wrap:anywhere}.sources h2,.related h2,.service h2{font-size:1.42rem}.service,.compare{background:var(--soft);border-left:4px solid #508574;padding:1.2rem 1.4rem}.compare label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;min-width:0}.compare select{font:inherit;color:var(--ink);width:100%;min-width:0;min-height:42px;border:1px solid #849a90;background:white;padding:.35rem .5rem}#selectors:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.8rem 0}.legacy-anchor{display:block;height:0}.footin{align-items:flex-start;flex-wrap:wrap;padding:2rem 0}.footin p{color:#dce3de;font-size:.85rem}.footin nav{gap:.4rem 1.15rem}.partners{width:100%;color:#c6d0ca;font-size:.84rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}.partners a{color:#e4eae5}footer{background:#0c1210;color:white}.reading>.ref{margin-top:-.8rem}
@media(max-width:800px){.topinner{flex-direction:column;align-items:flex-start;gap:.4rem;padding:.7rem 0}.top nav{gap:.35rem 1.05rem}.top nav a{font-size:.88rem}.hero.withphoto{grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr)}}
@media(max-width:650px){main{padding:0 4.5% 2.2rem}.hero.withphoto{display:flex;flex-direction:column;align-items:stretch;gap:.85rem}.heroimg img{height:clamp(100px,28vw,165px)}.hero{padding:1.05rem 0 1rem}.brand img{width:150px}.topinner{min-height:0}.top nav{display:grid;grid-template-columns:repeat(2,max-content);column-gap:1.15rem;row-gap:.05rem}.top nav a{padding:.15rem 0}.crumb{margin:.65rem 0 .25rem}.cards{grid-template-columns:1fr}.reading>section,.reading>aside,.reading>.tablebox,.reading>.diagram,.reading>.gallery{margin:1.45rem 0}.contents{padding:.8rem 0}.gallery>div{grid-template-columns:1fr 1fr}.compare{padding:.9rem}.tablebox table{font-size:.87rem}.tablebox th,.tablebox td{padding:.44rem .5rem}#selectors:not([hidden]){grid-template-columns:1fr}.footin{gap:1rem}.footin nav{flex-direction:column}.diagram figcaption{line-height:1.45}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.top,.footin,.contents,.related,.skip,#selectors,.gallery{display:none}main{width:100%;padding:0}.heroimg{max-width:260px}.tablebox{overflow:visible}h2{break-after:avoid}.reading>section{margin:1rem 0}a{color:inherit}}
.datafig{margin:1.25rem 0;max-width:840px}.datafig img{width:100%;height:auto}

.nextseason{padding:.65rem .9rem;background:var(--soft);border-left:3px solid var(--accent);margin:1rem 0;font-weight:600}.heroimg a{display:block}
.atlasfig{margin:1rem 0}.atlasfig img{max-width:100%;width:auto;height:auto;max-height:530px;margin:auto;background:#e6f0f5}.atlasfig figcaption{margin:.45rem auto 0;color:#485954;font-size:.9rem}.atlaslegend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.55rem 0;padding:0;list-style:none}.atlaslegend i{display:inline-block;width:.8rem;height:.8rem;border-radius:2px;background:var(--swatch);border:1px solid #52605a80;margin-right:.35rem}
[data-atlas] img{width:100%;max-width:940px;cursor:crosshair}
.atlasform:not([hidden]),[data-season-controls]:not([hidden]){display:flex;align-items:end;gap:.65rem 1rem;flex-wrap:wrap;margin:1rem 0}.atlasform p,.atlasform output{width:100%;display:block}.atlasform output:not(:empty){padding:.65rem .85rem;border-left:3px solid var(--accent);background:var(--soft)}
.atlasform label,[data-season-controls] label,.tablefilter label{display:grid;gap:.15rem;font-size:.92rem;font-weight:600}
.atlasform input,.atlasform button,[data-season-controls] select,.tablefilter select{font:inherit;min-height:42px;color:var(--ink);background:white;border:1px solid #789286;border-radius:2px;padding:.35rem .65rem}
.atlasform input{width:9rem}.atlasform button{color:white;background:#245e58;border-color:#245e58;cursor:pointer}
.tablefilter{margin:1rem 0 .35rem}.tablefilter label{width:max-content;max-width:100%}.tablefilter select{max-width:100%}
.stationmeta{margin:.4rem 0 1.4rem}.dataactions:not([hidden]){display:flex;gap:.55rem 1.25rem;flex-wrap:wrap}.atlasaccess{margin:1rem 0}.seasonlookup h3{font:600 1.14rem/1.4 var(--sans);margin:.8rem 0}
.tablebox th[hidden],.tablebox td[hidden]{display:none}
@media(max-width:650px){.contents div{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem}.contents a{font-size:.84rem}.atlasform input{width:8rem}.atlaslegend{font-size:.87rem}.seasonlookup table{font-size:.86rem}}
.tasknav{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:1rem 0}.mapkeys b{border-radius:50%;background:#192b2d;color:white;text-align:center;display:inline-block;min-width:1.5em;line-height:1.5em;font-size:.9em}
.contents details{margin:0}.contents details>div{margin-top:.5rem}.contents summary{min-height:26px}

.atlasviewport{position:relative;margin:auto;max-width:940px;overflow:hidden}.atlasdot{pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:13px;height:13px;border:3px solid white;border-radius:100%;background:#1c2724;box-shadow:0 0 0 2px #1c2724}.atlasviewport img{margin:0;width:100%}

.oceanmaps{margin:1.35rem 0}.oceanmaps>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.oceanmaps img{width:100%;height:auto}.oceanmaps figcaption,.datafig figcaption{color:#495851;font-size:.88rem;line-height:1.5}.oceanmaps+.tablebox{margin-top:1rem}
@media(max-width:800px){.oceanmaps>div{grid-template-columns:1fr}.oceanmaps img{max-width:580px;margin:auto}}

.date-saison{font-size:1.02rem;line-height:1.5;margin:.65rem 0}
.photo-document{max-width:420px;margin:1rem auto}
.photo-document img{display:block;width:100%;height:auto}
.photo-document figcaption{font-size:.92rem;line-height:1.5;margin-top:.5rem}
.seuil-aride{margin:1rem 0}
.seuil-aride fieldset{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;min-width:0;padding:.8rem;border:1px solid #9caeb8;border-radius:.5rem}
.seuil-aride legend{padding:0 .35rem;font-weight:700}
.seuil-aride label{display:grid;gap:.3rem;max-width:100%}
.seuil-aride input,.seuil-aride select,.seuil-aride button{max-width:100%;box-sizing:border-box;padding:.5rem;font:inherit}
.seuil-aride input{width:9rem}
.seuil-aride button{background:#184451;color:white;border:0;border-radius:.3rem;cursor:pointer}
.seuil-aride output{display:block;margin:.5rem 0}

.liens-depart{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;margin:1rem 0 .25rem}
.liens-depart a{font-weight:650;text-underline-offset:.2em}
.figure-dossier{margin:1.1rem 0}
.figure-dossier img{display:block;width:100%;height:auto;max-width:760px}
.figure-dossier.map-narrow img{max-width:470px}
.figure-dossier figcaption,.heroimg figcaption{font-size:.9rem;color:var(--muted);line-height:1.45;margin-top:.45rem}
.deux-cartes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:650px){.deux-cartes{grid-template-columns:1fr;gap:0}}

.source-heure{white-space:nowrap;font-size:.9em}

/* Calendriers et références de l’atlas */
.acces-mesure {display:inline-block;margin:.35rem 0 .45rem;font-weight:650;line-height:1.4}
.edition-saison {border-left:3px solid var(--accent);padding:.25rem 0 .25rem .9rem;margin:.8rem 0;max-width:62ch}
.edition-saison p {margin:.2rem 0}
.edition-saison a {font-size:.93rem;display:inline-block;margin:.2rem 1rem .1rem 0}
.archives-saisons {margin:1rem 0}
.archives-saisons summary,.ref-dossier summary {cursor:pointer;font-weight:650}
.archives-saisons details {border-top:1px solid var(--line);padding:.3rem 0}
.archives-saisons > div {margin:.6rem 0}
.ref-dossier {min-width:0;margin:1rem 0;overflow-wrap:anywhere}
.ref-dossier .reference-copiable {font-size:.96rem;margin:.75rem 0}
.ref-actions {display:flex;align-items:center;gap:.65rem 1.15rem;flex-wrap:wrap}
.ref-actions button {font:inherit;color:var(--accent);background:var(--paper);border:1px solid var(--accent);padding:.3rem .7rem;border-radius:3px;cursor:pointer}
.copie-etat:not(:empty) {display:block;margin-top:.6rem}
.atlasform select {max-width:100%;font:inherit;min-height:42px;color:var(--ink);background:white;border:1px solid #789286;border-radius:2px;padding:.35rem .65rem}
.atlasform .atlasstation {width:100%;max-width:24rem}
.atlasform .atlasstation[hidden] {display:none}
.footin p a {color:#c9e9dc}
.footin p a:hover,.footin p a:focus-visible {color:#fff}

.choix-stations:not([hidden]) {display:flex;gap:.8rem 1rem;flex-wrap:wrap;align-items:end;margin:1rem 0}
.choix-stations label {display:grid;gap:.2rem;max-width:100%;font-weight:600}
.choix-stations input,.choix-stations select {font:inherit;color:var(--ink);background:white;max-width:100%;min-height:44px;padding:.3rem .6rem;border:1px solid #789286;border-radius:3px}
.liste-stations details {border-top:1px solid var(--line);padding:.35rem 0}
.liste-stations details[open] {padding-bottom:.8rem}
.liste-stations summary {cursor:pointer;line-height:1.45;padding:.35rem .2rem}
.liste-stations .station-nom {font-weight:600}
.liste-stations .station-apercu {display:block;color:var(--muted);margin-left:1.3rem;font-size:.9rem}
@media(min-width:780px){.liste-stations .station-apercu {display:inline;margin-left:.9rem}}

/* Lecture du calendrier annuel, y compris sur écran étroit. */
.edition-saison.apercu-annuel {max-width:39rem;padding-left:.8rem}
.annee-resume {width:100%;border-collapse:collapse;font:inherit;line-height:1.3}
.annee-resume caption {text-align:left;color:var(--ink);font-weight:700;padding:.2rem 0 .55rem}
.annee-resume th,.annee-resume td {text-align:left;vertical-align:top;padding:.36rem .25rem;border-bottom:1px solid var(--line)}
.annee-resume thead th {font-size:.88rem;color:var(--muted)}
.annee-resume time span {display:block;font-size:.85em;color:var(--muted)}
.edition-saison .annee-resume a {font:inherit;margin:0}
.repere-saison:target {background:#e2f2e9;outline:2px solid #386761;outline-offset:-2px}
.hero .heroimg-document {margin:0;max-width:100%;text-align:center}
.hero .heroimg-document img {width:auto;height:auto;max-width:100%;max-height:360px;object-fit:contain;margin:0 auto}
.heroimg-document figcaption {max-width:38ch;margin:.45rem auto 0}
@media(max-width:700px){.hero .heroimg-document img {max-height:216px}}
.annee-resume thead th {color:#fff;background:#263c37}
.seuil-aride label {min-width:0;grid-template-columns:minmax(0,1fr)}
.seuil-aride select {min-width:0;width:100%}
@media(max-width:520px){.seuil-aride label {flex-basis:100%}}

.hero .choix-bulletin {margin:.85rem 0;padding:.8rem 1rem;background:#edf5f1;border-left:3px solid #42675c}
.hero .choix-bulletin h2 {font-family:var(--sans, sans-serif);font-size:1.08rem;line-height:1.25;letter-spacing:0;margin:0 0 .45rem}
.choix-bulletin ul {display:flex;flex-wrap:wrap;gap:.25rem .4rem;list-style:none;margin:.2rem 0;padding:0}
.choix-bulletin li {margin:0}
.choix-bulletin a {display:inline-flex;align-items:center;min-height:44px;padding:.25rem .65rem;color:#174d40;background:white;border:1px solid #87a298;border-radius:3px;font-weight:600;line-height:1.25}
.choix-bulletin p {font-size:.87rem;line-height:1.45;margin-top:.45rem}
.hero-bulletin .lead {margin-top:.7rem}
.liens-editions {display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:baseline;font-size:.9rem}
.liens-editions a {margin:0;min-height:30px}
.ressource-figure {font-size:.92rem;color:var(--ink)}