.grid .webcam-container{padding:8px}.webcam-container .webcam-content{background:#fff;border-radius:5px;box-shadow:0 2px 4px 0 #e6e6e6}.webcam-container .webcam-city{font-size:1em;font-weight:700;margin-bottom:.4em;overflow:hidden;padding:1em;text-overflow:ellipsis;white-space:nowrap}.webcam-container img{height:auto;transition:.4s;width:100%}.webcam-container ul{float:right;list-style:none;text-align:right}.webcam-container a{display:flex;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webcam-container.first{align-self:flex-end}@media only screen and (min-width:601px){.webcam-container.last{display:none}}.webcam-container .webcam-img{border-top-left-radius:5px;border-top-right-radius:5px;position:relative}.webcam-container .webcam-extra-info{align-items:center;display:flex;font-size:.8em;font-weight:400;justify-content:space-between;margin-top:5px}.webcam-container .webcam-extra-info .last-update{align-items:center;display:flex;flex-direction:row;height:22px}.webcam-container .webcam-extra-info .up-to-date{background:#66d11f;border-radius:100%;content:"";height:7px;margin-bottom:1px;margin-right:4px;width:7px}.webcam-container .webcam-extra-info .semi-up-to-date{background:#e0e401;border-radius:100%;content:"";height:7px;margin-bottom:1px;margin-right:4px;width:7px}.webcam-container .webcam-extra-info .almost-out-of-date{background:#df9100;border-radius:100%;content:"";height:7px;margin-bottom:1px;margin-right:4px;width:7px}.webcam-container .webcam-extra-info .out-of-date{background:#b9b9b9;border-radius:100%;content:"";height:7px;margin-bottom:1px;margin-right:4px;width:7px}.webcam-container .webcam-extra-info .distance{text-align:right}.webcam-container .webcam-extra-info>span{min-width:40%}.webcam-container .webcam-extra-info>div{min-width:20%}.webcam-container .activate-embed{align-items:center;cursor:pointer;display:flex;height:22px;justify-content:center;opacity:.65;transition:opacity .1s;width:28px}.webcam-container .activate-embed.activated{cursor:not-allowed;filter:invert(61%) sepia(39%) saturate(6607%) hue-rotate(62deg) brightness(98%) contrast(85%)}.webcam-container .activate-embed.activated:hover{opacity:.65}.webcam-container .activate-embed.activated:hover span{transform:scale(1)}.webcam-container .activate-embed span{transition:transform .2s}.webcam-container .activate-embed:hover{opacity:1}.webcam-container .activate-embed:hover span{transform:scale(1.2)}.webcams-wrapper-all{display:flex;flex-flow:row wrap}.col-6.flex{display:flex;padding:8px}@media only screen and (max-width:600px){.col-6.flex{margin:0}}.current-wind:before{content:"|"}.current-temperature{background:#eee;background:linear-gradient(0deg,#e0e0e0 0,#f0f0f0 70%,#fbfbfb);border-radius:32px;color:#000;font-size:2.7em;font-weight:400;margin:3px 0;padding:4px 0;text-align:center}.current-weather.webcams{aspect-ratio:400/222;border-radius:10px;color:#231f20;display:flex;flex-direction:column;margin:0;min-height:190px;transition:.4s;width:100%}@media only screen and (min-width:601px){.current-weather.webcams{padding-top:2em}}.current-weather.webcams:hover{text-decoration:none}.current-weather.webcams .current-picto-and-temperature{align-self:center;display:flex;gap:8px}.current-weather.webcams .current-picto-and-temperature .current-block{color:#3f3f3f;flex-grow:2;margin-left:.4em;min-width:140px;text-align:center}.current-weather.webcams .current-picto-and-temperature .current-block:hover .current-temperature{background:linear-gradient(0deg,#ebebeb 0,#f7f7f7 70%,#fdfdfd)}@media only screen and (max-width:600px){.current-weather.webcams{height:207px}}@media only screen and (max-width:840px){.current-weather.webcams{min-height:215px}}@media only screen and (min-width:601px){.current-weather.webcams{padding-bottom:4px}}@media only screen and (max-width:980px){.current-weather.webcams .current-picto-and-temperature .h1{font-size:2.7em;font-weight:700;line-height:1.4em;max-width:100%;padding:0;text-rendering:optimizelegibility}}.current-weather.webcams .current-webcams{display:flex;flex-direction:column;margin-top:1.5em}.current-weather.webcams .current-webcams .current-description{display:flex;height:20px;justify-content:center;width:100%}.current-weather.webcams .current-webcams .current-description span:not(:first-of-type){margin-left:5px}.current-weather.webcams .current-webcams .current-description .picto-description{display:block}.current-weather.webcams .current-webcams .current-description .picto-description:before{display:none}.current-weather.webcams .current-pictogram{align-items:center;border-radius:100%;display:flex;height:90px;justify-content:center;width:90px}.current-weather.webcams .current-pictogram.night{background-color:#193f57}.current-weather.webcams .current-pictogram.day{background-color:#88b7df}.current-weather.webcams .current-pictogram img{width:70px}.current-weather.webcams .webcam-crosslinks{margin-left:auto;margin-right:auto;margin-top:1em;text-align:left}.current-weather.webcams .webcam-crosslinks .webcam-crosslink{color:#124673;display:block;margin-bottom:.4em}.current-weather.webcams .webcam-crosslinks .webcam-crosslink:hover{color:#124673;text-decoration:underline}.current-weather.webcams .webcam-crosslinks .webcam-crosslink:before{background-repeat:no-repeat;content:"";display:inline-block;filter:invert(27%) sepia(85%) saturate(455%) hue-rotate(152deg) brightness(95%) contrast(89%);height:19px;margin-right:.5em;position:relative;top:4px;width:19px}.current-weather.webcams .webcam-crosslinks .webcam-crosslink.crosslink-seven-day:before{background-image:url(/assets/images/menu/7_day_weather.svg)}.current-weather.webcams .webcam-crosslinks .webcam-crosslink.crosslink-sat-radar:before{background-image:url(/assets/images/menu/maps.svg)}.current-weather.webcams a{color:#231f20;text-decoration:none;text-overflow:ellipsis}@media only screen and (max-width:600px){.current-weather.webcams a{padding:10px 0 0}}.current-weather.webcams a:hover{text-decoration:none}.no-webcams{align-items:center;aspect-ratio:400/222;border-radius:10px;color:#231f20;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:225px;transition:.4s;width:100%}.no-webcams div:first-of-type{font-size:1.3em}.no-webcams .h3{text-align:center}.lightgallery{display:flex;flex-flow:row wrap;width:100%}@media only screen and (min-width:601px){.lightgallery{margin-top:15px}}.link-margin{margin-top:30px}