.legendArea{background:#061f31}.legendArea .links{margin:30px 0}.legendArea .links a{padding:10px 30px;font-size:14px;background-color:#00a1e0;margin-bottom:15px;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;display:inline-block;border-radius:50px}.legendArea .links a:nth-of-type(2n){background-color:initial;border:2px solid #00a1e0;color:#00a1e0}.legendArea .asterisque{margin-top:10px;color:#fff}.legend{font-family:Archivo;font-size:13px;font-style:normal;line-height:17px;text-align:left;color:#77cedf;bottom:0;right:0;padding:0 20px}.legend ul{list-style:none;padding:0}.legend ul li{display:grid;grid-template-columns:1fr 8fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;align-items:center}.legend ul li span{display:inline-block;height:28px;width:39px}.legend ul li p{margin:.7em}.legend ul li .LegendUpDown{display:inline-block;height:auto;width:60px}.legend ul li .LegendUpDown svg{max-width:100%}.legend .source{color:#fff}@media (max-width: 768px){.legend{position:initial}}.regionWrapper{background-color:#13334a;position:absolute;top:0;left:100%;width:100%;height:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr 3fr 2fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}.regionWrapper.is-open{left:0}.regionWrapper .closeArea{grid-area:1/1/2/2;padding:40px;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#1a1a25;position:relative;cursor:pointer}.regionWrapper .closeArea .backIcon{position:absolute;transform:translate(50%,-50%);right:0;top:50%;width:20%}.regionWrapper .mapArea{grid-area:1/2/2/3;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;padding:20px 0}.regionWrapper .mapArea .regionWrapperTitle{width:100%;position:absolute;top:100px}.regionWrapper .mapArea .regionWrapperTitle h2{font-size:30px;font-weight:600}.regionWrapper .mapArea .regionWrapperTitle p{color:#77cedf;font-weight:400}.regionWrapper .mapArea svg{max-height:440px}.regionWrapper .legendArea{grid-area:1/3/2/4;text-align:right;position:relative;padding:20px}@media (max-width: 768px){.regionWrapper{display:none;height:auto}.regionWrapper.is-open{display:block}.regionWrapper .closeArea{position:absolute;height:60px;width:60px;padding:15px;z-index:100}.regionWrapper .mapArea{display:block;padding-top:120px}.regionWrapper .mapArea .regionWrapperTitle{position:absolute;top:80px}.regionWrapper .mapArea .regionWrapperTitle h2{font-size:20px}.regionWrapper .legendArea{position:initial}}@media (max-width: 768px){.regionWrapper .legendArea{text-align:center}}.popupDatas{z-index:100;max-width:400px;position:fixed;background-color:#16293b;border:2px solid #00a1e0;border-radius:6px;padding:0;text-align:left}.popupDatas ul{margin:0}.popupDatas ul li{display:grid;grid-template-columns:2fr 5fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;align-items:center;padding:20px 40px;border-bottom:1px solid #00a1e0;min-height:40px}.popupDatas ul li:last-of-type{border-bottom:0}.popupDatas ul li:nth-child(4n+1){color:#afff00}.popupDatas ul li:nth-child(4n+2){color:#32ffff}.popupDatas ul li:nth-child(4n+3){color:#f8cd46}.popupDatas ul li:nth-child(4n+4){color:#61d9c7}@media (max-width: 768px){.popupDatas{max-width:95vw}}.timeline{display:flex;background-color:#061f31;padding:30px 50px;border-radius:5px;grid-area:2/1/3/2}.sliderTimeline{display:flex;align-items:center;gap:30px;padding:20px;border-radius:5px;border:1px solid #265273;grid-area:2/1/3/2;background-color:#1c4461e5;z-index:10;text-wrap:nowrap}.sliderTimeline button{background-image:url(./bgcolor.png);background-size:cover;background-color:#ffffff83;color:#fff;border:none;padding:15px;border-radius:50px;cursor:pointer;text-transform:uppercase}.sliderTimeline button svg{color:#13334a}@media (max-width: 500px){.sliderTimeline button{padding:11px 14px}}.sliderTimeline .periodSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;padding:10px;background-color:#13334a;border:2px solid white;border-radius:2px;outline:none;color:#fff;position:relative}.sliderTimeline .select-box{position:relative}.sliderTimeline .select-box:after{content:" ";position:absolute;top:46%;right:10%;border-top:5px solid white;border-right:5px solid transparent;border-left:5px solid transparent}.sliderTimeline .chakra-slider__thumb{transition:all .2s linear 0s;z-index:0}.sliderTimeline .chakra-slider__thumb:after{content:" ";width:40px;height:20px;background-image:url(./cursor.png);background-size:cover}@media screen and (max-width: 768px){.sliderTimeline{margin:20px 0}}.period{position:relative;background-color:#29526f;width:40px;height:40px;border-radius:5px;margin-right:5px;cursor:pointer}.period .date-content{position:absolute;top:-25px;left:50%;transform:translate(-50%);display:none;color:#fff;text-wrap:nowrap}.period:hover .date-content{display:block}.period:hover{background-color:#00a1e0}@media screen and (max-width: 500px){.sliderTimeline{display:grid;grid-template-columns:40px 1fr;grid-template-rows:repeat(2,1fr)}.sliderTimeline .select-box{grid-area:2/1/3/3}.sliderTimeline .select-box .periodSelect{width:100%}}.App{text-align:center}.mapContaigner{background-color:#13334a;padding:20px;position:relative;overflow:hidden;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:10px}.mapContaigner svg{margin:0 auto;max-width:630px;max-height:80vh}.mapContaigner>.mapArea{grid-area:1/1/2/2}.mapContaigner>.legendArea{grid-area:1/2/3/3;background:#061f31;text-align:right;position:relative;min-height:680px;border-radius:5px}.wattTheCarte{max-width:410px;margin-bottom:20px}.transition{transition:all .5s ease}@media (max-width: 768px){.mapContaigner>.legendArea{text-align:center}.mapContaigner{display:block;overflow:initial}.wattTheCarte{max-width:80%;margin:auto}}