.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:BarlowSemiCondensed;src:url(../../static/media/BarlowSemiCondensed-Regular.28bce4c4.ttf)}@font-face{font-family:BarlowSemiCondensedMedium;src:url(../../static/media/BarlowSemiCondensed-Medium.7283b608.ttf)}@font-face{font-family:BarlowSemiCondensedBold;src:url(../../static/media/BarlowSemiCondensed-Bold.032312af.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:BarlowSemiCondensed}* a,* li,* ul{text-decoration:none;list-style-type:none}.home-page-wrapper{background-color:#00a8af}.home-page-container.show{opacity:1}.home-page-container.hide{opacity:0}.home-page-container{transition:all .3s;background-color:#00a8af;height:100vh;min-height:600px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:25px;color:#fff}.home-page-container h1{position:relative;font-weight:400;font-size:32px;line-height:32px;text-align:center;text-transform:uppercase;padding-bottom:15px}.home-page-container h1 strong{display:block;font-family:BarlowSemiCondensedBold;font-weight:400;font-size:32px;line-height:32px}.home-page-container h1:after{content:"";width:25%;height:5px;position:absolute;bottom:0;left:0;background-color:#ffe501;-webkit-transform:translateX(150%);transform:translateX(150%)}.home-page-container p{font-size:18px;line-height:24px;text-align:center;padding:0 5px}.home-page-container p strong{font-family:BarlowSemiCondensedMedium;font-weight:400;display:block}.home-page-container a{background-color:#e1523d;font-family:BarlowSemiCondensedMedium;text-transform:uppercase;text-align:center;font-size:16px;line-height:19px;border-radius:5px;border:none;padding:15px 20px;width:calc(100% - 20px);color:#fff}.loader-wrapper{width:100%;height:100%;background-color:#00a8af}.loader-container.show{opacity:1}.loader-container.hide{opacity:0}.loader-container{transition:all .3s;background-color:#00a8af;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;min-height:600px;max-width:427px;margin:auto;padding:0 35px;font-weight:500}.loader-container video{max-width:100%;height:0 auto}.loader-container .raining-house{max-width:320px}.loader-container .roulette-container{display:flex;justify-content:space-around;align-items:center;width:305px;box-shadow:inset 0 2px 2px rgba(0,0,0,.0816567);background-color:#05959a;border-radius:20px}.loader-container .roulette-container .roulette{width:100%;height:100px;position:relative;border-radius:15px;background:#fff;border:2px solid #067174;box-shadow:inset 0 4px 10px rgba(0,0,0,.506566);margin:18px 18px 18px 0;overflow:hidden}.loader-container .roulette-container .roulette .card{height:47px;margin:10px 13px 0;padding:2px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.loader-container .roulette-container .roulette .card span{font-weight:600;font-size:14px;line-height:17px}.loader-container .roulette-container .roulette .card img{width:100%;height:auto}.loader-container .roulette-container .roulette .first-container,.loader-container .roulette-container .roulette .second-container{position:absolute}.loader-container .roulette-container .roulette .first-container{-webkit-animation-name:animRollerDiv1;animation-name:animRollerDiv1;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader-container .roulette-container .roulette .second-container{-webkit-animation-name:animRollerDiv2;animation-name:animRollerDiv2;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader-container .roulette-container .roulette .green{color:#fff;background-color:#0fa9ae;border-radius:10px}.loader-container .roulette-container .roulette .orange{color:#fff;background-color:#ffb100;border-radius:10px}.loader-container .roulette-container .roulette .yellow{color:#000;background-color:#ffe501;border-radius:10px}.loader-container .roulette-container .roulette .red{color:#fff;background-color:#e1523d;border-radius:10px}.loader-container .roulette-container>:first-child{margin-left:18px}.loader-container>div{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.loader-container p{width:70%;font-size:22px;line-height:26px;text-align:center;color:#fff;margin-top:30px;text-transform:uppercase;font-family:BarlowSemiCondensedMedium}@-webkit-keyframes animRollerDiv1{0%{bottom:114px}50%{bottom:0}to{bottom:-114px}}@keyframes animRollerDiv1{0%{bottom:114px}50%{bottom:0}to{bottom:-114px}}@-webkit-keyframes animRollerDiv2{0%{bottom:0}50%{bottom:-114px}50.001%{bottom:114px}to{bottom:0}}@keyframes animRollerDiv2{0%{bottom:0}50%{bottom:-114px}50.001%{bottom:114px}to{bottom:0}}.floods-container button.floods-refresh-button{cursor:pointer;position:fixed;width:calc(100% - 40px);margin:0 20px;padding:12px 10px;bottom:20px;background-color:#e1523d;border:none;border-radius:5px;color:#fff;text-transform:uppercase;font-family:BarlowSemiCondensedMedium;font-size:16px;text-align:center;z-index:999}.mobile .header-container{align-items:center}.header-container{display:flex;flex-direction:column;justify-content:space-evenly;min-height:150px}.header-container li{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:3px}.header-container .icon-info{cursor:pointer}.header-container img{height:20px}.header-container h1{font-family:BarlowSemiCondensedBold;font-weight:400;font-size:20px;line-height:22px;text-transform:uppercase;margin-top:20px;padding-bottom:10px;position:relative;margin-bottom:5px;width:25ch;text-align:center}.header-container h1:after{content:"";position:absolute;bottom:0;left:0;width:25%;height:5px;-webkit-transform:translateX(150%);transform:translateX(150%);background-color:#e1523d}.header-container strong{margin:0 10px;font-family:BarlowSemiCondensedBold;font-weight:400}.header-container .header-more-info{text-align:center;padding:10px 20px 0}.header-container ul:last-of-type{margin-bottom:10px}.calendar-container{height:70vh;min-height:450px;width:100vw}.navigation-calendar-container{color:#fff;background-color:#00a8af;height:10%}.navigation-calendar-container ul{display:flex;justify-content:space-evenly;align-items:center;height:100%}.navigation-calendar-container li{padding:5px 8px;cursor:pointer;font-size:22px;line-height:26px;text-transform:uppercase;color:#fff}.navigation-calendar-container .active{background-color:#fff;color:#000;font-weight:600;border-radius:5px}.content-calendar-container{display:flex;flex-wrap:wrap;height:90%}.about-container{padding:25px;margin-bottom:50px;text-align:center}.about-container .about-container-paragraph2 a{color:#000;text-decoration:underline}.about-container p{text-align:left;font-size:16px;line-height:22px}.about-container .about-more-popup{z-index:500;margin-top:-60px}.about-container .about-more-popup .triangle-down{bottom:-30px}.about-container .about-title{display:flex;align-items:flex-end}.about-container .about-title img{margin-left:10px}.about-container h1{font-size:18px;line-height:22px;text-transform:uppercase;font-family:BarlowSemiCondensedBold}.about-container strong{font-weight:500px}.about-container p:first-of-type{margin-top:20px;margin-bottom:20px}.about-container :nth-child(3){margin-bottom:20px}.about-container button.about-more{border:1px solid #0fa9ae;border-radius:5px;color:#0fa9ae;text-transform:uppercase;font-weight:700;font-size:16px;cursor:pointer;text-align:center;width:100%;height:40px;background-color:#fff;margin:auto}.about-container button.about-more a{color:#0fa9ae}.card-calendar-container{border:1px solid #e4e4e4;display:flex;justify-content:center;align-items:center;height:10%;width:10%;font-size:14px;line-height:17px;position:relative}.past{color:#a5a5a5}.futur{color:#000}.has-pastfloods{color:#fff;cursor:pointer;-webkit-animation-name:blinking;animation-name:blinking;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.has-pastfloods>div{width:90%;height:90%;border-radius:5px;background-color:#00a9ae}.has-pastfloods>div div:first-child,.has-pastfloods>div div:nth-child(2){height:50%;width:100%;text-align:center}.has-pastfloods>div div:nth-child(2){background-color:#00a9ae;background-image:url(../../static/media/card-wave.96a757c7.svg);background-position:0 2px;background-repeat:no-repeat;background-size:cover;border-radius:5px;position:relative}.has-pastfloods>div div:nth-child(2):before{top:50%;height:3px;width:11px}.has-pastfloods>div div:nth-child(2):after,.has-pastfloods>div div:nth-child(2):before{position:absolute;left:50%;content:"";background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.has-pastfloods>div div:nth-child(2):after{top:30%;height:11px;width:3px}@-webkit-keyframes blinking{0%{opacity:.5}to{opacity:1}}@keyframes blinking{0%{opacity:.5}to{opacity:1}}.has-pastfloods.cent>div div:nth-child(2):after,.has-pastfloods.cent>div div:nth-child(2):before{background-color:#e1523d}.has-pastfloods.cinq>div div:nth-child(2):after,.has-pastfloods.cinq>div div:nth-child(2):before{background-color:#ffb100}.has-pastfloods.vingt>div div:nth-child(2):after,.has-pastfloods.vingt>div div:nth-child(2):before{background-color:#ffe501}.has-futurfloods{color:#fff}.has-futurfloods>div{width:90%;height:90%;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly}.has-futurfloods>div>div{min-height:60%;width:100%}.has-futurfloods>div>strong{max-height:40%;z-index:500}.centennale>div{background-color:#e1523d;text-align:center;overflow:hidden}.centennale>div>div{background:url(../../static/media/legende-crue-rouge.7eda6d62.svg) no-repeat 50%}.cinquantennale>div{background-color:#ffb100;text-align:center;overflow:hidden}.cinquantennale>div>div{background:url(../../static/media/legende-crue-orange.771ddee7.svg) no-repeat 50%}.vingtennale>div{background-color:#ffe501;color:#000;text-align:center;overflow:hidden}.vingtennale>div>div{background:url(../../static/media/legende-crue-jaune.1d077da6.svg) no-repeat 50%}.calendar-popup-mobile{position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.calendar-popup-mobile .calendar-popup-content-wrapper{overflow:auto;max-height:80vh;width:100%}.calendar-popup-mobile .calendar-popup-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.calendar-popup-mobile .close-popup-btn-wrapper{width:100%;height:100%}.calendar-popup-mobile .close-popup-btn{color:#fff;background-color:#000;border-radius:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:15px 15px 10px 12px;margin:15px}.calendar-popup-mobile .close-popup-btn div{height:2px;width:12px;margin-bottom:6px;background-color:#fff}.calendar-popup-mobile .close-popup-btn :first-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calendar-popup-mobile .close-popup-btn :nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.calendar-popup-mobile .header-popup-btn{height:25px;width:100%;background-color:#fff;position:relative;border-top-right-radius:15px;border-top-left-radius:15px;box-shadow:0 -10px 25px rgba(0,0,0,.140161)}.calendar-popup-mobile .header-popup-btn:before{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:10px;background-color:#fff}.calendar-popup-mobile .header-popup-btn:after{content:"";position:absolute;height:4px;width:20%;-webkit-transform:translateX(200%);transform:translateX(200%);background-color:#d8d8d8;bottom:0}.calendar-popup-mobile .calendar-popup-content{padding:20px;width:100%;background-color:#fff}.calendar-popup-desktop{z-index:1000;position:fixed;top:0;right:0;height:100%;width:100%;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:flex-end}.calendar-popup-desktop .close-popup-btn{color:#fff;background-color:#000;border-radius:40px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:15px 15px 10px 12px;margin-top:50px;-webkit-transform:translateX(90px);transform:translateX(90px)}.calendar-popup-desktop .close-popup-btn div{height:2px;width:12px;margin-bottom:6px;background-color:#fff}.calendar-popup-desktop .close-popup-btn :first-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calendar-popup-desktop .close-popup-btn :nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.calendar-popup-desktop .close-popup-btn-wrapper{width:65%;display:flex;justify-content:flex-end}.calendar-popup-desktop .calendar-popup-wrapper{width:35%;border-top-left-radius:25px;border-bottom-left-radius:25px;background-color:#fff;padding:120px 50px 50px;display:flex;flex-direction:column;justify-content:flex-start;grid-gap:50px;gap:50px;overflow:auto;box-shadow:0 10px 25px rgba(0,0,0,.140161)}.calendar-popup-desktop .year{font-family:BarlowSemiCondensedBold;font-size:34px;line-height:41px}.calendar-popup-desktop .month{font-size:26px;line-height:31.2px;margin-bottom:10px}.calendar-popup-desktop .streamAndcity{font-family:BarlowSemiCondensedBold;font-size:18px;line-height:22px;margin-bottom:25px}.calendar-popup-desktop .img{margin-right:15px}.calendar-popup-desktop .description{font-size:22px;line-height:30px}.calendar-popup-desktop .link{margin-top:25px}.calendar-popup-desktop .link a{padding:15px}.calendar-popup-desktop .link a,.year{text-transform:uppercase;font-family:BarlowSemiCondensedBold}.year{font-size:26px;line-height:31px}.month{font-size:18px;text-transform:uppercase;margin-bottom:10px}.streamAndcity{width:100%;height:56px;display:flex;align-items:center;background-color:#00a9ae;background-image:url(../../static/media/vague-bouton.c6524018.svg);background-position:0 20px;background-repeat:no-repeat;background-size:cover;border-radius:5px;color:#fff;padding:10px;margin-bottom:10px;font-size:14px;line-height:16px}.img{margin-right:10px}.description{font-size:16px;line-height:22px}.link{margin-top:10px;border:1px solid #0fa9ae;display:flex;justify-content:center;align-items:center;border-radius:5px}.link a{text-decoration:none;color:#0fa9ae;padding:5px;text-transform:uppercase;font-family:BarlowSemiCondensedBold}.desktop .header-popup{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.header-popup{position:absolute;bottom:0;-webkit-transform:translateY(-25px);transform:translateY(-25px);width:200px;padding:10px;border-radius:5px;text-align:center;background-color:#fff;box-shadow:0 4px 10px rgba(40,40,40,.2);z-index:1000;min-height:50px}.header-popup .triangle-down{position:absolute;bottom:-7px;left:0;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;-webkit-transform:translateX(450%);transform:translateX(450%)}.header-popup .header-popup-close{position:absolute;top:-4px;right:-4px;background-color:#000;color:#fff;border-radius:15px;width:15px;height:15px;justify-content:center;text-align:center;font-size:12px;cursor:pointer}.header-popup .header-popup-close .icon-container{height:100%;width:100%;border-radius:15px;position:relative}.header-popup .header-popup-close .icon-container:after,.header-popup .header-popup-close .icon-container:before{position:absolute;top:3px;left:7px;content:"";height:10px;width:1px;background-color:#fff}.header-popup .header-popup-close .icon-container:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header-popup .header-popup-close .icon-container:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header-popup.reverse{-webkit-transform:translateY(70px);transform:translateY(70px);box-shadow:0 -4px 10px rgba(40,40,40,.2)}.header-popup.reverse .triangle-down{-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:57px;left:94px}.type-info-popup{position:relative;display:flex;align-items:center;margin-bottom:20px}.type-info-popup .icon-info{cursor:pointer;margin-left:10px}.type-info-popup img{height:20px;margin-top:3px}.type-info-popup h1{font-family:BarlowSemiCondensedBold;font-weight:400;font-size:20px;line-height:22px;text-transform:uppercase;margin-top:20px;padding-bottom:10px;position:relative;margin-bottom:5px;width:25ch;text-align:center}.type-info-popup h1:after{content:"";position:absolute;bottom:0;left:0;width:25%;height:5px;-webkit-transform:translateX(150%);transform:translateX(150%);background-color:#e1523d}.type-info-popup span{text-transform:capitalize;margin:0 5px 0 15px}.type-info-popup strong{font-family:BarlowSemiCondensedBold;font-weight:400;font-size:22px;line-height:30px}.type-info-popup .header-more-info{text-align:center;padding:10px 20px 0}.mobile{display:none}.desktop{display:flex;flex-direction:column}.desktop.home-page-container{flex-direction:row;justify-content:space-evenly}.desktop.home-page-container h1:after{content:none}.desktop.home-page-container h1{text-align:left;font-size:52px;line-height:52px;width:22ch;padding-bottom:31px}.desktop.home-page-container h1 strong{font-size:52px;line-height:52px}.desktop.home-page-container p{text-align:left;max-width:43ch;font-size:22px;line-height:33px}.desktop.home-page-container a{font-size:22px;max-width:400px;margin-top:31px;line-height:27px}.desktop.home-page-container .home-page-container-left{display:flex;flex-direction:column}.desktop.home-page-container .home-page-container-right{width:40%}.desktop.home-page-container .home-page-container-right img{height:300px}.desktop.floods-container button.floods-refresh-button{position:relative;font-size:16px;margin:30px 0 0;padding:18px 25px}.desktop.floods-container .floods-container-desktop-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:70px;margin-bottom:50px}.desktop.floods-container .floods-container-desktop-wrapper .calendar-container{max-height:600px;min-height:500px;max-width:500px}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper{padding-left:100px;margin:0 30px;text-align:left;min-width:515px}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper h1{font-size:52px}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper .header-container{align-items:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper .header-container h1{width:13.5ch;font-size:52px;line-height:56px}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper .header-container p{font-size:22px;line-height:30px;margin-top:15px;margin-bottom:15px}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper .header-container strong{font-size:22px;line-height:30px}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper .header-container h1:after{-webkit-transform:none;transform:none}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper .header-container h1{padding-bottom:30px;margin-bottom:20px;text-align:left}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper .header-more-info{text-align:left;width:37ch;padding:15px 0 0;font-size:22px;line-height:30px}.desktop.floods-container .floods-container-desktop-wrapper .desktop-results-wrapper li{text-align:left;justify-content:flex-start;margin-top:10px}.desktop.floods-container .floods-container-desktop-wrapper .navigation-calendar-container{max-height:50px}.desktop.floods-container .floods-container-desktop-wrapper .navigation-calendar-container ul{-webkit-transform:translateX(0);transform:translateX(0)}.desktop.floods-container .floods-container-desktop-wrapper .navigation-calendar-container ul li{padding:5px 15px}.desktop.floods-container .floods-container-desktop-wrapper .content-calendar-container .card-calendar-container{font-size:16px}.desktop.floods-container .about-container{margin:50px auto;justify-content:center;border:1px solid #0fa9ae}.desktop.floods-container .about-container p{font-size:22px;line-height:30px;width:60ch}@media screen and (max-width:992px){.desktop{display:none}.mobile{display:flex;flex-direction:column}}
/*# sourceMappingURL=main.72971f05.chunk.css.map */