/**
 * Carte d'isochrones. L'image d'origine etait le scan d'une carte routiere
 * papier en 900 px, avec le logo chrome colle dessus. Elle est remplacee par un
 * trace vectoriel : les anneaux concentriques de la marque deviennent les
 * isochrones de trajet. Le SVG est genere a partir des villes saisies.
 */
.dec-iso{position:relative;background:var(--calque);border-radius:var(--r-l);padding:22px;
 overflow:hidden;margin:0}
.dec-iso svg{width:100%;height:auto;display:block}
.dec-iso .anneau{fill:none;stroke:var(--olive);stroke-opacity:.26}
.dec-iso .anneau.pleine{fill:var(--olive);fill-opacity:.045}
.dec-iso .lab{font-family:var(--mono);font-size:9px;letter-spacing:.14em;fill:var(--gris);
 text-transform:uppercase}
.dec-iso .ville{font-size:11.5px;font-weight:600;fill:var(--encre2)}
.dec-iso .pt{fill:var(--encre2)}
.dec-iso .siege{fill:var(--olive)}
.dec-iso .siege-halo{fill:var(--lime);fill-opacity:.35}
.dec-iso .nom-siege{font-size:12.5px;font-weight:800;fill:var(--encre);letter-spacing:-.02em}
.dec-iso .axe{stroke:var(--trait);stroke-width:1;stroke-dasharray:3 4}
.dec-iso .iso-leg{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;padding-top:14px;
 border-top:1px solid var(--trait)}
.dec-iso .iso-leg span{display:inline-flex;align-items:center;gap:7px;
 font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
 color:var(--gris)}
.dec-iso .iso-leg i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--olive);
 flex:none}
.dec-iso .iso-leg i.plein{background:var(--olive)}