/* Hexagone Météo — webcams du département [msl-webcams-dep] v1.0.0 */
.wd-defile{position:relative}
.wd-fl{position:absolute;top:50%;transform:translateY(-62%);z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#0b4fbf;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px -8px rgba(8,40,100,.7)}
.wd-fl svg{width:18px;height:18px}
.wd-fl:hover{background:#fff;color:#0a3f9c}
.wd-fl--g{left:-4px}.wd-fl--d{right:-4px}
@media (hover:hover) and (pointer:fine){.wd-fl{display:inline-flex}.wd-fl[hidden]{display:none}}
.wd-tout{display:inline-block;margin-right:8px;font-weight:800;color:#0b4fbf!important;text-decoration:none!important}
.wd-tout:hover{text-decoration:underline!important}

.wd-sec{width:100%;order:3}
.wd-sec[hidden]{display:none!important}
.wd-int{max-width:var(--v2-large,1240px);margin:0 auto;padding:clamp(22px,3vw,40px) 20px;box-sizing:border-box}
.wd-sur{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b4fbf}
.wd-tete h2{margin:4px 0 2px!important;font-size:clamp(22px,2.4vw,30px)!important;line-height:1.15}
.wd-n{margin:0 0 14px;font-size:13.5px;color:var(--v2-doux,#58626d)}
.wd-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.wd-grille{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.wd-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.wd-carte{position:relative;display:block;border-radius:14px;overflow:hidden;background:#dfe8f2;aspect-ratio:16/9;text-decoration:none!important;color:#fff!important;box-shadow:0 10px 24px -18px rgba(8,40,100,.7)}
.wd-carte img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.wd-carte:hover img{transform:scale(1.04)}
.wd-lieu{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 7px;background:linear-gradient(transparent,rgba(5,20,45,.78));display:flex;flex-direction:column;line-height:1.2}
.wd-lieu b{font-size:13.5px}
.wd-lieu small{font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-badge{position:absolute;top:7px;left:7px;font-style:normal;font-size:11px;font-weight:700;background:rgba(5,20,45,.6);padding:3px 7px;border-radius:999px}
.wd-pied{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}
.wd-plus{border:1px solid #cfd9e6;background:#fff;color:#0b4fbf;font-weight:700;font-size:14px;font-family:inherit;border-radius:999px;padding:9px 16px;cursor:pointer}
.wd-plus[hidden]{display:none}
.wd-credit{margin:0;font-size:11px;color:var(--v2-doux,#58626d)}
.wd-credit a{color:inherit}
html.msl-sombre .wd-plus,html.msl-sombre .wd-fl{background:#151c25;color:#9cc4ff;border-color:#2b3644}