.legendArea{padding:20px}.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}.legend{font-family:Archivo;font-size:13px;font-style:normal;font-weight:400;line-height:17px;letter-spacing:0em;text-align:left;color:#77cedf;max-width:630px;margin:auto}.legend .legend-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:#fff;margin-right:30px}.legend .legend-item .legend-color{width:50px;height:30px;background:#13334a;border:2px solid #fff;border-radius:5px;margin-right:20px}.legend .gradient{position:relative;height:85px}.legend .gradient .caption-first{color:#fff;position:absolute;padding-bottom:20px;text-indent:-5px}.legend .gradient .caption-first .caption-value{position:absolute;right:-10px;top:-19px}.legend .gradient .caption-first:after{content:"";height:20px;width:1px;background:#fff;position:absolute;left:0;top:0}.legend .gradient .caption{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch;color:#fff;list-style:none;margin:0;padding:0}.legend .gradient .caption li{flex-grow:1;text-align:right;flex-basis:0;padding-bottom:20px;position:relative;text-indent:5px;padding-left:10px;height:18px}.legend .gradient .caption li .caption-value{position:absolute;right:-10px;top:-19px}.legend .gradient .caption li:after{content:"";height:20px;width:1px;background:#fff;position:absolute;right:0;top:0}.legend .gradient svg{width:100%}.legend .gradient svg rect{width:100%;height:30px;border:2px solid #fff}.legend .source{color:#fff}@media (max-width: 768px){.legend{position:initial;padding:20px}.legend .legend-items{flex-direction:column;align-items:flex-start}}.regionWrapper{background-color:#13334a;position:absolute;top:0;left:100%;width:100%;height:100%;box-sizing:border-box;display:grid;grid-template-columns:20% 1fr;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 .WattTheCarte{position:absolute}.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;height:100%;background:#061f31;margin:0 20px;border-radius:5px}@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,.regionWrapper .legendArea{position:initial}}@media (max-width: 768px){.regionWrapper .legendArea{padding:0;text-align:center}.containeMap{width:100%!important;margin-bottom:30px}}.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%}}*{margin:0;padding:0;box-sizing:border-box}.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{max-width:630px;max-height:80vh;margin:auto}.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:70%;margin:auto}}