.legendArea{background:#061f31;border-radius:5px}.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;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;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:20px}.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,.regionWrapper .legendArea{position:initial}}@media (max-width: 768px){.regionWrapper .legendArea{padding:0;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}.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{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}}.highwayApp{position:relative}.highwayApp .react-transform-wrapper{margin:auto}.highwayApp .mapContaigner{background-color:#13334a}@media (max-width: 768px){.highwayApp .mapArea{padding-top:55px}}.highwayApp #highwaymap{width:900px;max-width:100%;max-height:80vh}@media (max-width: 768px){.highwayApp #highwaymap{height:50vh}}.highwayApp .highwayListBtn{position:absolute;top:20px;left:20px;color:#fff;text-decoration:underline;cursor:pointer;z-index:2}.highwayApp .highwayListBtn svg{margin-right:10px}.highwayApp .highwayListPopup{position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;background-color:#13334aeb}.highwayApp .highwayListPopup .select{position:relative;display:inline-block;width:80%;z-index:1;margin-bottom:50px}.highwayApp .highwayListPopup .select select{font-family:Arial;display:inline-block;width:100%;cursor:pointer;padding:15px 20px;outline:0;border:0px solid #000000;border-radius:0;background:#00a1e0;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none}.highwayApp .highwayListPopup .select select::-ms-expand{display:none}.highwayApp .highwayListPopup .select select:hover,.highwayApp .highwayListPopup .select select:focus{color:#fff;background:#00a1e0}.highwayApp .highwayListPopup .select select:disabled{opacity:.7;pointer-events:none}.highwayApp .highwayListPopup .select .select_arrow{position:absolute;top:19px;right:20px;width:0px;height:0px;border:solid #ffffff;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.highwayApp .highwayListPopup .select select:hover~.select_arrow,.highwayApp .highwayListPopup .select select:focus~.select_arrow{border-color:#fff}.highwayApp .highwayListPopup .select select:disabled~.select_arrow{border-top-color:#ccc}.highwayApp .highwayListPopup.mobile{background-color:#13334a;z-index:1}.highwayApp .highwayListPopup.mobile ul{padding:0}.highwayApp .highwayListPopup .listBtBack{position:absolute;top:0;left:0;width:70px;height:100vh;background-color:#0c2435;cursor:pointer;display:flex;justify-content:center;align-items:center}.highwayApp .highwayListPopup .tabs{display:flex;justify-content:flex-start;margin-bottom:30px;margin-left:30px;z-index:1}.highwayApp .highwayListPopup .tabs li{list-style:none;padding:20px;position:relative;margin-right:5px;cursor:pointer}.highwayApp .highwayListPopup .tabs li span{position:relative;z-index:1}.highwayApp .highwayListPopup .tabs li:before{content:" ";position:absolute;bottom:0;left:0;width:100%;height:7px;background-color:#00a1e0;transition-duration:.5s}.highwayApp .highwayListPopup .tabs li:hover:before{height:100%}.highwayApp .highwayListPopup .tabs li.actif:before{height:100%}.highwayApp .highwayListPopup .selector{border:1px solid white;color:#fff;width:100%;padding:10px;border-radius:5px;margin-bottom:15px;list-style:none;cursor:pointer}.highwayApp .highwayListPopup .selector:hover,.highwayApp .highwayListPopup .selector.actif{color:#000;background-color:#fff}.highwayApp .highwayListPopup .autoroute{list-style:none;cursor:pointer;text-decoration:underline;margin-bottom:15px;font-weight:700}.highwayApp .popupDatas{max-width:250px}.highwayApp .popupDatas ul li{padding:10px 30px}