/* Hexagone Météo — le site en bleu [msl-bleu] v1.5.0 : en-tête bleu, nouveau logo, fondus entre les fonds */
:root{--hb-1:#0a3f9c;--hb-2:#1263d6;--hb-3:#3d8ee9;--hb-4:#b5d6f6;--hb-5:#e6f0fb;--hb-fond:#f2f7fc;--hb-vert:#eaf6ef;--hb-logo:url("/wp-content/mu-plugins/msl-bleu/logo-contour.svg")}

/* ---------- fond de page : sous l'en-tête bleu, un fondu doux vers le clair (toutes les pages) */
html body:not(#hb){background:
	linear-gradient(180deg,#bcd8f7 0,#d8e8fa 110px,var(--hb-5) 170px,var(--hb-fond) 260px) no-repeat,
	linear-gradient(180deg,var(--hb-fond) 0,var(--hb-fond) 60%,var(--hb-vert) 85%,var(--hb-fond) 100%) !important;
	background-color:var(--hb-fond)!important}
/* accueil : le bleu descend derrière le haut de la carte de la commune */
html body.msl-v4:not(#hb){background:
	linear-gradient(180deg,var(--hb-1) 0,var(--hb-2) 220px,var(--hb-3) 360px,var(--hb-4) 470px,var(--hb-5) 560px,var(--hb-fond) 720px) no-repeat,
	linear-gradient(180deg,var(--hb-fond) 0,var(--hb-fond) 55%,var(--hb-vert) 85%,var(--hb-fond) 100%) !important;
	background-color:var(--hb-fond)!important}
/* pages à en-tête de rubrique (Prévisions, Climat…) : le bleu s'arrête sous le titre */
html body:has(.hx-haut):not(#hb){background:
	linear-gradient(180deg,var(--hb-1) 0,var(--hb-2) 200px,#2a7ce2 290px,#8fc0f2 350px,var(--hb-5) 400px,var(--hb-fond) 470px) no-repeat,
	linear-gradient(180deg,var(--hb-fond) 0,var(--hb-fond) 60%,var(--hb-vert) 85%,var(--hb-fond) 100%) !important;
	background-color:var(--hb-fond)!important}
html body:not(#hb) .wp-site-blocks,html body:not(#hb) main.wp-block-group,html body:not(#hb) main > .v2,html body:not(#hb) .v2{background:transparent!important}

/* ---------- en-tête */
html body:not(#hb) .v2-tete.hx-tete{background:linear-gradient(180deg,var(--hb-1),#0c46ab)!important;border-bottom:0!important;box-shadow:0 10px 30px -18px rgba(5,25,70,.6)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body:not(#hb) .v2-tete .hx-meteo{mix-blend-mode:screen;opacity:.55}
html body:not(#hb) .v2-tete .hm-marque .hm-a,html body:not(#hb) .v2-tete .v2-marque,html body:not(#hb) .v2-tete .v2-marque span{color:#fff!important}
html body:not(#hb) .v2-tete .hm-marque .hm-b{color:#a8d4ff!important}
html body:not(#hb) .v2-tete .v2-dep__btn,html body:not(#hb) .v2-tete .v2-dep__btn .v2-dep__nom{color:#e3eeff!important}
html body:not(#hb) .v2-tete .v2-dep__btn svg{color:#cfe2ff!important;stroke:currentColor}
html body:not(#hb) .v2-tete .hm-meteo,html body:not(#hb) .v2-tete .hm-meteo *{color:#cfe2ff!important}
html body:not(#hb) .v2-tete .hm-sep{background:rgba(255,255,255,.35)!important}
/* menu de premier niveau, en blanc ; les sous-menus gardent leur fond clair */
html body:not(#hb) .v2-tete .hx-nav > ul > li > a,html body:not(#hb) .v2-tete .hx-nav > ul > li > button{color:#fff!important}
html body:not(#hb) .v2-tete .hx-nav > ul > li > a .hx-ni,html body:not(#hb) .v2-tete .hx-nav > ul > li > button .hx-ni{color:#fff!important}
html body:not(#hb) .v2-tete .hx-nav > ul > li > a:hover,html body:not(#hb) .v2-tete .hx-nav > ul > li > button:hover,html body:not(#hb) .v2-tete .hx-nav > ul > li > button[aria-expanded="true"]{background:rgba(255,255,255,.14)!important}
html body:not(#hb) .v2-tete .hx-nav > ul > li > button > svg{stroke:currentColor;color:#fff}
/* boutons de droite */
html body:not(#hb) .v2-tete .v4-theme,html body:not(#hb) .v2-tete .v2-connexion{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}
html body:not(#hb) .v2-tete .v4-theme svg,html body:not(#hb) .v2-tete .v2-connexion svg{color:#fff!important;stroke:currentColor}
html body:not(#hb) .v2-tete .v2-btn--tete.msl-pro-btn{background:#fff!important;color:#0b4fbf!important;box-shadow:none!important}
html body:not(#hb) .v2-tete .v2-burger{background:#fff!important;border-color:transparent!important}
html body:not(#hb) .v2-tete .v2-burger__barres,html body:not(#hb) .v2-tete .v2-burger__barres::before,html body:not(#hb) .v2-tete .v2-burger__barres::after{background:#0b4fbf!important}
html body:not(#hb) .v2-tete .hm-alerte{background:rgba(255,255,255,.95)!important}

/* ---------- le nouveau logo à la place de l'hexagone paysage (en-tête, grand symbole de l'accueil, page de connexion) */
html body:not(#hb) .v2-tete hexagone-logo,html body:not(#hb) .hx-grand hexagone-logo,html body.login:not(#hb) hexagone-logo{background:var(--hb-logo) center/contain no-repeat!important}
html body:not(#hb) .v2-tete hexagone-logo > *,html body:not(#hb) .hx-grand hexagone-logo > *,html body.login:not(#hb) hexagone-logo > *{visibility:hidden!important;animation:none!important}
html body:not(#hb) .hx-grand hexagone-logo{transform:scale(.88)}

/* ---------- accueil : la carte de la commune, le haut en blanc sur le bleu, le reste en cartes blanches */
html body:not(#hb) .v4-ici.v5-on{background:transparent!important;border:0!important;box-shadow:none!important}
html body:not(#hb) .v2-tete .hx-horizon{opacity:.25}
html body:not(#hb) .v4-ici.v5-on::before,html body:not(#hb) .v4-ici.v5-on::after{display:none!important}
html body:not(#hb) .v4-ici .v5-lieu,html body:not(#hb) .v4-ici .v5-lieu__nom,html body:not(#hb) .v4-ici .v5-now__t,html body:not(#hb) .v4-ici .v5-now__txt > b{color:#fff!important}
html body:not(#hb) .v4-ici .v5-lieu svg{color:#fff!important;stroke:currentColor}
html body:not(#hb) .v4-ici .v5-quand,html body:not(#hb) .v4-ici .v5-src-now,html body:not(#hb) .v4-ici .v5-now__txt span{color:#d6e6fb!important}
html body:not(#hb) .v4-ici .v5-now__txt span b{color:#fff!important}
html body:not(#hb) .v4-ici .v5-mm i{background:rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:none!important;border:0!important}
html body:not(#hb) .v4-ici .v5-now__ic{filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,30,90,.25))}
html body:not(#hb) .v4-ici .v5-ph li{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}
html body:not(#hb) .v4-ici .v5-ph li svg{color:#fff!important;stroke:currentColor}
html body:not(#hb) .v4-ici .v5-autre{background:rgba(255,255,255,.16)!important;color:#fff!important}
html body:not(#hb) .v4-ici .v5-pzone,html body:not(#hb) .v4-ici .v5-gzone{background:rgba(255,255,255,.95);padding:12px;margin-left:-4px;margin-right:-4px}
html body:not(#hb) .v4-ici .v5-pzone{border-radius:24px 24px 0 0;margin-top:12px;box-shadow:0 -10px 30px -24px rgba(5,25,70,.6)}
html body:not(#hb) .v4-ici .v5-gzone{border-radius:0 0 24px 24px;padding-top:4px;box-shadow:0 26px 40px -34px rgba(5,25,70,.5)}
html body:not(#hb) .v4-ici .v5-js{background:rgba(255,255,255,.75);border:1px solid rgba(11,40,80,.08);border-radius:22px;padding:8px 4px;margin-left:-4px;margin-right:-4px}
html body:not(#hb) .v4-ici .v5-pied{color:#526173}

/* ---------- pages intérieures : l'en-tête de rubrique en blanc sur le bleu */
html body:not(#hb) .hx-haut{background:transparent!important;border:0!important;box-shadow:none!important}
html body:not(#hb) .hx-haut h1,html body:not(#hb) .hx-haut .hx-haut__titre{color:#fff!important}
html body:not(#hb) .hx-haut p,html body:not(#hb) .hx-haut .hx-haut__intro{color:#e1edfb!important}

/* ---------- Espace pro : le héros en blanc sur le bleu */
html body:not(#hb) .hxp-heros{background:linear-gradient(180deg,#0c46ab 0,var(--hb-2) 35%,#2f80e4 70%,#8fc0f2 88%,rgba(242,247,252,0) 100%)!important}
html body:not(#hb) .hxp-heros h1,html body:not(#hb) .hxp-heros .hxp-chiffres b{color:#fff!important}
html body:not(#hb) .hxp-heros .hxp-heros__intro,html body:not(#hb) .hxp-heros .hxp-chiffres span,html body:not(#hb) .hxp-heros .hxp-sur{color:#e1edfb!important}
html body:not(#hb) .hxp-heros h1 em{background:linear-gradient(90deg,#9fd0ff,#7ff0b0)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:none!important}
html body:not(#hb) .hxp-heros .hxp-chiffres li{border-left-color:#7ff0b0!important}
html body:not(#hb) .hxp-heros .hxp-btn--sec{background:transparent!important;color:#fff!important;border-color:#fff!important}
html body:not(#hb) .hxp-heros .msl-pro-btn{background:#fff!important;color:#0b4fbf!important}

/* ---------- thème sombre */
html.msl-sombre body:not(#hb),html.msl-sombre body.msl-v4:not(#hb),html.msl-sombre body:has(.hx-haut):not(#hb){background:linear-gradient(180deg,#071a3d 0,#0b2a63 200px,#0f2a4f 360px,#0e1826 560px) no-repeat,#0e1826!important}
html.msl-sombre body:not(#hb) .v2-tete.hx-tete{background:#071a3d!important}
html.msl-sombre body:not(#hb) .v4-ici .v5-pzone,html.msl-sombre body:not(#hb) .v4-ici .v5-gzone{background:rgba(21,32,46,.96)}
html.msl-sombre body:not(#hb) .v4-ici .v5-js{background:rgba(21,32,46,.8)}

/* ---------- ordinateur : le bouton de thème ne recouvre plus « Éducation » (place gagnée sur le menu) */
@media (min-width:981px) and (max-width:1560px){
	html body:not(#hb) .v2-tete .hx-nav > ul{gap:2px!important}
	html body:not(#hb) .v2-tete .hx-nav > ul > li > a,html body:not(#hb) .v2-tete .hx-nav > ul > li > button{padding-left:8px!important;padding-right:8px!important}
	html body:not(#hb) .v2-tete .v2-tete__droite{gap:8px!important}
	html body:not(#hb) .v2-tete .hx-nav > ul > li > a .hx-ni,html body:not(#hb) .v2-tete .hx-nav > ul > li > button .hx-ni{display:none!important}
}

/* ---------- accueil : l'état de la carte (« Direct · relevés de… ») reste lisible sur le bleu */
html body:not(#hb) .v2-carte__etat{background:rgba(255,255,255,.94)!important;color:#0f1d2e!important;border-color:rgba(255,255,255,.6)!important}
html body:not(#hb) .v2-carte__etat *{color:inherit}
html body:not(#hb) .v2-carte__etat b{color:#0f1d2e!important}

/* ---------- v1.0.1 (10/10/2026) */
/* la barre multicolore au-dessus de l'en-tête disparaît */
html body:not(#hb) .v2-tete.hx-tete::before{display:none!important}
/* « Votre commune : … » lisible sur le bleu */
html body:not(#hb) .v4-ici .v5-autre{border:1px dashed rgba(255,255,255,.55)!important;background:rgba(255,255,255,.12)!important;color:#e3eeff!important}
html body:not(#hb) .v4-ici .v5-autre b{color:#fff!important}
html body:not(#hb) .v4-ici .v5-autre svg{color:#fff!important;stroke:currentColor}
/* les 4 moments et la courbe forment une seule carte blanche (plus de fente bleue entre les deux) */
html body:not(#hb) .v4-ici .v5-pzone + .v5-gzone{margin-top:-8px!important}
html body:not(#hb) .v4-ici .v5-pzone{padding-bottom:16px}

/* ---------- v1.0.2 : le bouton rond des cookies disparaît ; « Gérer mes cookies » est dans le pied de page et le menu */
html body:not(#hb) .cookieadmin_re_consent{display:none!important}
.hb-cookies{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.85}
.hb-cookies:hover{opacity:1}
.v2-tiroir .hb-cookies{display:block;margin:6px auto 0;font-size:14px;color:#526173}

/* ================================================================== */
/* v1.1.0 (10/10/2026) — HARMONIE BLEUE : une typo, un bleu, deux     */
/* boutons, des filets bleu-vert, un pied de page bleu nuit           */
/* ================================================================== */
:root{--hb-bleu:#0b5ccf;--hb-bleu-f:#0a4fbf;--hb-vert-m:#12a150;--hb-filet:linear-gradient(90deg,#0b5ccf,#12a150);--hb-police:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif}

/* en-tête : plus de police à chasse fixe */
html body:not(#hb) .v2-tete .v2-dep__nom,html body:not(#hb) .v2-tete .hm-meteo,html body:not(#hb) .v2-tete .hm-meteo *{font-family:var(--hb-police)!important;font-stretch:112%;letter-spacing:.08em!important;font-weight:700!important}

/* filets décoratifs : bleu → vert partout (plus d'orange, d'olive ni de jaune) */
html body:not(#hb) .v2-heros::after,html body:not(#hb) .v2-ofp__haut::after,html body:not(#hb) .hx-haut::after{background:var(--hb-filet)!important}
html body:not(#hb) .v2-bul__titre::after,html body:not(#hb) .v4-h2::after,html body:not(#hb) .msl-evt__titre::after,html body:not(#hb) .v2-titre::after{background:var(--hb-filet)!important}
/* sur-titres en petites capitales : un seul bleu */
html body:not(#hb) .v4-sur,html body:not(#hb) .msl-evt__sur,html body:not(#hb) .msl-sa__sur,html body:not(#hb) .is-style-surtitre,html body:not(#hb) .v2-ofp__sur{color:var(--hb-bleu)!important}
html body:not(#hb) .v4-sur::before,html body:not(#hb) .msl-evt__sur::before,html body:not(#hb) .msl-sa__sur::before{background:var(--hb-vert-m)!important;color:var(--hb-vert-m)!important}
/* bulletin de l'accueil : « Les prochaines heures », « Les 7 jours »… au même bleu */
html body:not(#hb) [class*="v2-bul"] h3{color:var(--hb-bleu)!important;border-top-color:var(--hb-bleu)!important}
/* mots mis en valeur dans les titres : bleu (plus d'orange) */
html body:not(#hb) .v4-h2 .id-mot,html body:not(#hb) .msl-evt__titre .id-mot{color:var(--hb-bleu)!important}

/* boutons : en minuscules, coins arrondis ; bleu pour agir, dégradé bleu-vert pour les offres */
html body:not(#hb) .v2-btn,html body:not(#hb) .v4-alerte__btn,html body:not(#hb) .v4-sig__btn,html body:not(#hb) .v4-prono__ok,html body:not(#hb) .m71m-pdf,html body:not(#hb) .v2-of__cta,html body:not(#hb) .v2-ofx__envoyer{text-transform:none!important;letter-spacing:0!important;border-radius:14px!important;font-weight:800!important}
html body:not(#hb) .v4-sig__btn,html body:not(#hb) .v4-prono__ok,html body:not(#hb) .m71m-pdf{background:var(--hb-bleu)!important;border-color:var(--hb-bleu)!important;color:#fff!important}
html body:not(#hb) .v4-sig__btn:hover,html body:not(#hb) .v4-prono__ok:hover,html body:not(#hb) .m71m-pdf:hover{background:var(--hb-bleu-f)!important}
html body:not(#hb) .msl-sa__tout{background:var(--hb-bleu)!important;color:#fff!important}
html body:not(#hb) .v2-tete .v2-btn--tete{text-transform:none!important;letter-spacing:0!important;font-size:15px!important}

/* en-têtes de rubrique : liens en blanc sur le bleu */
html body:not(#hb) .hx-haut a:not(.msl-pro-badge){color:#fff!important;text-decoration-color:rgba(255,255,255,.5)!important}

/* prévisions multi-modèles : séparateurs de jour au bleu du site */
html body:not(#hb) .msl-d__sep{color:var(--hb-bleu-f)!important}

/* pied de page : bleu nuit, sans la barre multicolore */
html body:not(#hb) .v2-pied{background:linear-gradient(180deg,#0b2a63 0,#071a3d 100%)!important;border-top:0!important}
html body:not(#hb) .v2-pied::before{display:none!important}
html body:not(#hb) .v2-pied .v2-pied__bas{border-top-color:rgba(255,255,255,.14)!important}
html body:not(#hb) .v2-pied .hb-cookies{color:#c5d0dc}
/* bulletin de l'accueil : les filets au-dessus des blocs au même bleu */
html body:not(#hb) .v2-bul__bloc{border-top-color:var(--hb-bleu)!important}
/* carte « Prévi pro » de l'accueil : badge au dégradé pro, fond blanc */
html body:not(#hb) .v2-procarte__badge{background:linear-gradient(135deg,#0b5ccf,#12a150)!important}
html body:not(#hb) .v2-procarte.hx-procarte{background:#fff!important;border-color:rgba(11,40,80,.1)!important;border-radius:20px!important}
/* page des offres : les mots en dégradé restent bleu → vert */
html body:not(#hb) .v2-ofp__titre span{background:linear-gradient(100deg,#0b5ccf,#12a150)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
/* en-tête collé en haut sur toutes les pages (un décalage de 24 px laissait voir une bande au-dessus) */
html body:not(#hb) #v2-tete.v2-tete{margin-top:0!important}
/* pastille de la rubrique survolée ou en cours : translucide sur le bleu (elle était blanche sous un texte blanc) */
html body:not(#hb) .v2-tete .hx-pill{background:rgba(255,255,255,.18)!important;box-shadow:none!important;border-color:transparent!important}
/* carte « Prévision pro » des prévisions : liseré au dégradé pro */
html body:not(#hb) .msl-p__mode{border-top-color:rgba(11,40,80,.12)}

/* ================================================================== */
/* v1.2.0 (10/10/2026) — LA FAMILLE D'ICÔNES : chaque picto de        */
/* rubrique prend la forme et le dégradé du logo (hexagone arrondi)    */
/* ================================================================== */
:root{--hb-hexa:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2220%2012%20160%20176%22%3E%3Cpolygon%20points%3D%22100%2C28%20162.35%2C64%20162.35%2C136%20100%2C172%2037.65%2C136%2037.65%2C64%22%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%2216%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");--hb-degrade:linear-gradient(160deg,#0a4fbf 0%,#1477d6 55%,#15a85a 100%)}
/* pictos hexagonaux : Prévi pro (accueil), cartes des métiers (/previsions-pro/), outils de l'accueil */
html body:not(#hb) .v2-procarte .hx-hexa,html body:not(#hb) .v2-pro__carte .hx-hexa,html body:not(#hb) .v2-pro__ico.hx-hexa,
html body:not(#hb) li > a > svg.v2-ico{background:var(--hb-degrade)!important;clip-path:none!important;-webkit-mask:var(--hb-hexa) center/contain no-repeat!important;mask:var(--hb-hexa) center/contain no-repeat!important;color:#fff!important}
html body:not(#hb) li > a > svg.v2-ico{padding:7px;box-sizing:content-box}
/* icônes des menus (ordinateur et téléphone) : même hexagone, même dégradé */
html body:not(#hb) .hx-ml__ico,html body:not(#hb) .hx-tg__ico{background:var(--hb-degrade)!important;border-radius:0!important;-webkit-mask:var(--hb-hexa) center/contain no-repeat!important;mask:var(--hb-hexa) center/contain no-repeat!important;color:#fff!important;box-shadow:none!important}
html body:not(#hb) .hx-ml__ico svg,html body:not(#hb) .hx-tg__ico svg{color:#fff!important;stroke:#fff!important}

/* ---------- v1.3.0 : titre d'accueil (France et départements) plus mesuré ; la petite température sous le grand logo disparaît */
html body:not(#hb) .v2-heros .v2-heros__titre,html body:not(#hb).msl-v4 .v2-heros .v2-heros__titre{font-size:clamp(25px,2.7vw,40px)!important;line-height:1!important}
html body:not(#hb) .hx-grand__leg{display:none!important}
/* bloc « Quelle est votre commune ? » posé sur le bleu : titre blanc à la même échelle, sur-titre et note lisibles */
html body:not(#hb) .v2-heros .v4-ici__nom{color:#fff!important;font-size:clamp(23px,2vw,29px)!important;line-height:1.02!important;text-wrap:balance}
html body:not(#hb) .v2-heros .v4-ici__tete .v4-sur{color:#cfe6ff!important}
html body:not(#hb) .v2-heros .v4-choix .v4-note{color:rgba(255,255,255,.86)!important}

/* ---------- v1.4.0 : accueil France épuré */
/* un seul champ de recherche (celui du haut trouve communes et départements) */
html body:not(#hb) .v2-heros--fr .v2-heros__frise:has(> .v2-choix:only-child){display:none!important}
/* la liste des départements par région quitte la page France (le choix reste dans l'en-tête et sur la carte) */
html body:not(#hb) .v2:has(.v2-heros--fr) > #departements{display:none!important}
/* la petite température de l'en-tête fait doublon */
html body:not(#hb) .v2-tete .hm-meteo{display:none!important}
/* onglet choisi de la carte : le dégradé du logo, comme sur le radar */
html body:not(#hb):not(.x) .v2-heros .v2-carte__modes button[aria-pressed="true"],html body:not(#hb):not(.x) .v2-heros .v2-carte__modes .est-actif{background:linear-gradient(100deg,#0a4fbf,#1477d6 55%,#15a85a)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 6px 14px -8px rgba(10,79,191,.7)!important}
html body:not(#hb) .v2-heros .v2-carte__modes,html body:not(#hb) .v2-heros .v2-alterne{border-radius:14px!important}
html body:not(#hb) .v2-heros .v2-carte__modes.v2-alterne button[aria-pressed="true"]::after{background:#fff!important}

/* ---------- v1.5.0 : disque radar du menu — une cellule suivie, sa trajectoire, son cône et sa grêle */
.hb-suivi .hx-d-echo{display:none}
.hb-st-trace{fill:none;stroke:#c2410c;stroke-opacity:.55;stroke-width:1.6;stroke-dasharray:2 4;stroke-linecap:round}
.hb-st-cone{fill:#ffb347;fill-opacity:.28;stroke:#ffb347;stroke-opacity:.6;stroke-width:1;stroke-dasharray:3 3}
.hb-st-grele-c{fill:none;stroke:#b07cff;stroke-opacity:.45;stroke-width:7;stroke-linecap:round}
.hb-st-z1{fill:#ffd400;fill-opacity:.85}
.hb-st-z2{fill:#ff7a00}
.hb-st-z3{fill:#e3141b}
.hb-st-gr{fill:#fff;stroke:#7a4fd0;stroke-width:.6}
.hb-st-cel2 .hb-st-z1{fill:#ffe46b;fill-opacity:.7}
.hb-st-cel2 .hb-st-z2{fill:#ffb000}
/* panneau Stations sur deux colonnes, comme Prévisions */
html body:not(#hb) .v2-nav li[data-hx="observer"] .hx-sm--large .hx-sm__liens{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
html body:not(#hb) .v2-tiroir .hx-tg--large .msl-mn-col{min-width:0}