@charset "UTF-8";.containerDDF.isHomeOpened{display:block}.container__home{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"map map live" "map map weather";gap:0px;margin:0;background-color:var(--theme-primary-900)}.container__home .map__home{grid-area:map;height:100vh;overflow:hidden;margin:0}.container__home .live__home{display:none;grid-area:live}.container__home .live__home.liveLargeScreen,.container__home .live__home.liveMap{display:block;margin:0}.container__home .live__home.liveLargeScreen{overflow:visible!important}.container__home .live__home.liveLargeScreen .live{width:200%}.container__home .live__home.liveLargeScreen .live .video-container{background:transparent!important;width:50%}.container__home .live__home.liveLargeScreen .live .video-container video{z-index:1}.container__home .live__home.liveLargeScreen .live .imageTitle{z-index:3}.container__home .weather__home{grid-area:weather;z-index:1}.container__home .weather__home.weatherLargeScreen{display:block}.container__home .weather__home.weatherSmallScreen{display:none}.container__home .header__home{display:grid;position:absolute;top:0;left:0;min-height:100px;padding:1rem 1rem 0;justify-content:start;align-items:center;opacity:1;transition:opacity .3s ease,visibility .3s ease;z-index:2;filter:drop-shadow(0 0 2em var(--theme-primary-900));background-size:100% 100%;background-repeat:no-repeat;grid-template:"menu head" "menu date";grid-template-columns:auto auto}.container__home .header__home .menu{display:flex;grid-area:menu;align-items:center;color:var(--theme-primary-50);transition:color .3s ease;cursor:pointer}.container__home .header__home .menu::hover{color:var(--theme-color)}.container__home .header__home .viewTitle{display:flex;color:var(--theme-primary-50);font-size:1.4em;grid-area:head;cursor:pointer}.container__home .header__home .viewTitle .logo{height:66px}.container__home .btn__to_map{background-color:var(--theme-primary-50);color:var(--theme-color)}.container__home .btn__to_map:hover{background-color:var(--theme-color);color:var(--theme-primary-50)}.container__home .btn__to_webcams{border:none;background-color:#21212166;cursor:pointer;outline:0;color:var(--theme-primary-50);position:absolute;top:1rem;right:1rem;transition:transform .3s ease;padding:1rem;z-index:1300}.container__home .btn__to_webcams .picto{font-size:1.875rem}.container__home .btn__to_webcams:hover{background-color:var(--theme-color);color:var(--theme-primary-50)}.container__home .map__home{margin:0;height:100vh;z-index:2}.container__home .map__home .map-container{position:relative;height:100vh}.container__home .map__home .map-container .pt__webcam{display:flex;background-color:var(--theme-text-color);padding:5px;border-radius:50%;box-shadow:2px 2px 10px #0003;transition:background-color .3s ease;cursor:pointer}.container__home .map__home .map-container .pt__webcam span{color:var(--theme-primary-50);transition:color .3s ease}.container__home .map__home .map-container .pt__webcam:hover,.container__home .map__home .map-container .pt__webcam.active{background-color:var(--theme-primary-50)}.container__home .map__home .map-container .pt__webcam:hover span,.container__home .map__home .map-container .pt__webcam.active span{color:var(--theme-text-color)}.container__home .map__home .map-container .pt__webcam.active{animation:blinkPicto 2s infinite alternate}.container__home .map__home .map-container .pt__webcam.active span{animation:blink 2s infinite alternate}.container__home .live__home{margin:2px 0}.container__home .live__home .imageContainer{display:flex;position:relative;justify-self:stretch;align-self:stretch;height:100%;margin:0;padding:0;justify-content:flex-start;align-items:flex-end;color:var(--theme-primary-100);transition:color .3s ease,filter .3s ease;cursor:pointer}.container__home .live__home .imageContainer:hover:not(.meteo,.live){color:var(--theme-color);filter:sepia(1);background-size:150%!important}.container__home .live__home .imageContainer .imageTitle{display:flex;align-items:center;padding-left:4px;z-index:3}.container__home .live__home .imageContainer .imageTitle span{padding-right:4px}.container__home .live__home .imageContainer .imageTitle span.pictoLive{padding:0;margin-left:4px;color:var(--live-color);font-size:.8rem;animation:blink 1s infinite alternate}.container__home .live__home .imageContainer .video-container{position:absolute;top:0;left:0;right:0;height:100%}.container__home .live__home .imageContainer .video-container .MuiBackdrop-root{position:absolute}.container__home .weather__home{display:flex;position:relative;justify-self:stretch;align-self:stretch;height:100%;margin:0;padding:0;justify-content:flex-start;align-items:flex-end;color:var(--theme-primary-100);transition:color .3s ease,filter .3s ease}.container__home .weather__home .home__carousel .imageTitle{display:flex;align-items:center;padding-left:4px;z-index:1}.container__home .weather__home .home__carousel .imageTitle span{padding-right:4px}.container__home:not(.isTheme2) .map__home{border-top-left-radius:6px;border-bottom-left-radius:6px}.container__home:not(.isTheme2) .weather__home{border-bottom-right-radius:6px}.container__home:not(.isTheme2) .live__home{border-top-right-radius:6px;overflow:hidden}.container__home.isTheme2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"live weather" "map map" "map map"}.container__home.isTheme2 .map__home{height:66.6666666667vh;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.container__home.isTheme2 .map__home .map-container{height:66.6666666667vh}.container__home.isTheme2 .weather__home{border-top-right-radius:6px}.container__home.isTheme2 .live__home{border-top-left-radius:6px;overflow:hidden}.container__home.isError{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.drawerHomeMap .MuiPaper-root{background-color:#212121cc}.btn__to_map_container{display:none!important}@keyframes blinkPicto{to{background-color:var(--theme-text-color)}}@media (max-width: 1100px){.container__home .header__home .viewTitle .logo{height:55px}}@media (max-width: 720px){.container__home .live__home .imageContainer .imageTitle .picto,.weather__home .home__carousel .imageTitle .picto{font-size:1.2rem}.container__home .live__home .imageContainer .imageTitle .title,.weather__home .home__carousel .imageTitle .title{font-size:.65rem}.container__home .live__home .imageContainer .viewTitle,.weather__home .home__carousel .viewTitle{font-size:1rem}.container__home .header__home .viewTitle .logo{height:55px}}@media (max-width: 540px){.container__home,.container__home.isTheme2{grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;grid-template-areas:"live3" "weather" "live1" "live4" "live0" "live2" "live5"}.container__home.isDrawer,.container__home.isTheme2.isDrawer{grid-template-areas:"live" "map"}.container__home .live__home,.container__home .weather__home,.container__home.isTheme2 .live__home,.container__home.isTheme2 .weather__home{height:calc(33.3333333333vh - 4px);border-radius:0}.container__home .live__home.weatherSmallScreen,.container__home .weather__home.weatherSmallScreen,.container__home.isTheme2 .live__home.weatherSmallScreen,.container__home.isTheme2 .weather__home.weatherSmallScreen{grid-area:weather;display:block}.container__home .live__home.weather__home,.container__home .weather__home.weather__home,.container__home.isTheme2 .live__home.weather__home,.container__home.isTheme2 .weather__home.weather__home{height:100%}.container__home .live__home .liveLargeScreen .MuiBackdrop-root,.container__home .live__home .weather__carousel .MuiBackdrop-root,.container__home .weather__home .liveLargeScreen .MuiBackdrop-root,.container__home .weather__home .weather__carousel .MuiBackdrop-root,.container__home.isTheme2 .live__home .liveLargeScreen .MuiBackdrop-root,.container__home.isTheme2 .live__home .weather__carousel .MuiBackdrop-root,.container__home.isTheme2 .weather__home .liveLargeScreen .MuiBackdrop-root,.container__home.isTheme2 .weather__home .weather__carousel .MuiBackdrop-root{display:none}.container__home .live__home,.container__home.isTheme2 .live__home{display:block}.container__home .live__home.liveLargeScreen,.container__home.isTheme2 .live__home.liveLargeScreen{display:none}.container__home .live__home.live0,.container__home.isTheme2 .live__home.live0{grid-area:live0}.container__home .live__home.live1,.container__home.isTheme2 .live__home.live1{grid-area:live1}.container__home .live__home.live2,.container__home.isTheme2 .live__home.live2{grid-area:live2}.container__home .live__home.live3,.container__home.isTheme2 .live__home.live3{grid-area:live3}.container__home .live__home.live4,.container__home.isTheme2 .live__home.live4{grid-area:live4}.container__home .live__home.live5,.container__home.isTheme2 .live__home.live5{grid-area:live5}.container__home .map__home,.container__home.isTheme2 .map__home{border-radius:0}.btn__to_map_container{display:inline-flex!important}.viewOnlyLargeScreen{display:none}.container__home .live__home .imageContainer .imageTitle .picto,.weather__home .home__carousel .imageTitle .picto{font-size:1.4rem}.container__home .live__home .imageContainer .imageTitle .title,.weather__home .home__carousel .imageTitle .title{font-size:.9rem}.container__home .live__home .imageContainer .viewTitle,.weather__home .home__carousel .viewTitle{font-size:1rem}.container__home .header__home .viewTitle .logo{height:44px}}