*,:after,:before,html{box-sizing:border-box}#title,.baseMapsSelector{transform:translateX(-50%);position:absolute}#map,#title,#title span,.baseMapsSelector,.networksSelector{position:absolute}#cartel h2,#title{font-family:Arial,sans-serif;letter-spacing:-.25vw}*,:after,:before{margin:0;padding:0}*{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:0}html{font-size:62.5%;font-size:calc(1em * .625)}body{font-size:2vw;background-color:#000;color:#fff;font-family:Arial,sans-serif;line-height:2.5vw;text-align:center;overflow:hidden}.leaflet-container a{-webkit-tap-highlight-color:rgba(255,102,153,.4);color:#F69}.leaflet-control-attribution{color:#fff;background:rgba(0,0,0,.5)!important}#cartel strong,#title{color:#F69;font-weight:700}#title{z-index:10;top:0;left:50%;font-size:75px;line-height:75px;cursor:pointer}#title span{right:0;top:35px;font-size:15px;letter-spacing:normal;cursor:pointer}#map{z-index:1;top:0;left:0;right:0;bottom:0}.baseMapsSelector{z-index:2;height:6vw;min-height:8vh;width:calc(6*6vw + 3vw + .5vw*6);min-width:calc(6*8vh + 4vh + .5vw*6);left:50%;bottom:20px;text-align:center;white-space:nowrap}.baseMapsSelector .baseMap{display:inline-block;float:left;height:6vw;min-height:8vh;width:6vw;min-width:8vh;margin-right:.5vw;cursor:pointer;background-repeat:no-repeat;background-size:cover;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.baseMapsSelector .baseMap:last-child{margin-right:0}.baseMapsSelector .baseMap.selected{height:3vw;min-height:4vh;width:3vw;min-width:4vh;transform:translateY(50%);background:rgba(255,102,153,.75)!important;border-color:rgba(255,102,153,.95);box-shadow:0 0 2px 0 rgba(0,0,0,.5)}.networksSelector{z-index:2;width:7vh;top:50%;transform:translateY(-50%);left:1.5vh}.networksSelector .network{display:block;position:relative;float:left;height:7vh;width:7vh;margin-bottom:1.5vh;cursor:pointer;background-repeat:no-repeat;background-size:60% 60%;background-position:50% 25%;background-image:url(../img/icon-unknow.svg);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 5px 0 rgba(0,0,0,.5);opacity:.9}#network-open-data-orleans-tramway-geojson{background-image:url(../img/icon-tramway.svg)}#network-open-data-orleans-arbres-geojson{background-image:url(../img/icon-tree.svg)}#network-open-data-orleans-incendie-geojson{background-image:url(../img/icon-fire-hydrant.svg)}.networksSelector .network:last-child{margin-bottom:0}.networksSelector .network.loading{opacity:1;background-position:50% 20%;background-size:75% 75%;background-image:url(../img/icon-loading.svg)!important}.networksSelector .network.show{transform:translateX(4vh)}.networksSelector .network.show:before{display:block;position:absolute;top:50%;left:0;content:"";width:2.5vh;height:2.5vh;background:rgba(255,102,153,.75);border:2px solid rgba(255,102,153,.95);transform:translateX(-165%) translateY(-50%);box-shadow:0 0 2px 0 rgba(0,0,0,.5)}.networksSelector .network:hover{opacity:1}.networksSelector .network .info{position:absolute;display:block;z-index:2;bottom:.5vh;left:0;width:100%;height:25%;text-align:center;overflow:hidden;white-space:nowrap;font-size:1.4vh;line-height:1.4;font-weight:700;cursor:pointer}.networksSelector .network.loading,.networksSelector .network.loading .info{cursor:wait}#cartel,#cartel *,#logo-labomedia,#logo-labomedia *{cursor:pointer}.networksSelector .network .progressBar{display:none;position:absolute;top:50%;transform:translateY(-50%);left:8vh;height:4vh;width:25vw;opacity:.75}#cartel.show,#logo-labomedia,.loading #loading-progress,.networksSelector .network.loading .progressBar{display:block}.networksSelector .network .progressBar:hover,.networksSelector .network:hover .progressBar{opacity:.9}.networksSelector .network .progressBar .bar{position:absolute;height:100%;width:0%}.networksSelector .network .progressBar .percent{position:absolute;top:50%;left:1%;transform:translateY(-45%);font-size:2.5vh;font-weight:700;line-height:1}.labomedia-marker{background:url(../img/logo-labomedia.svg) 50% 50% no-repeat;background-size:contain}.labomedia-marker:after{content:"";position:absolute;border-radius:50%;height:150%;width:150%;left:-25%;top:-30%;animation:pulsate 1.5s ease-out;animation-iteration-count:infinite;opacity:0;border:2px solid #f69;animation-delay:2.5s}#cartel,#loading-result{position:absolute;left:50%;opacity:0}@keyframes pulsate{0%{transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2,1.2);opacity:0}}#cartel{display:none;z-index:10;top:50%;width:70%;transform:translateX(-50%) translateY(-50%);background:rgba(0,0,0,.7);color:#fff;padding:2vw;font-size:1.5vw;line-height:1.8vw}#cartel.show{animation:fadeIn 2s ease-in-out both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#cartel h2{text-align:left;font-size:3vw;line-height:2vw;margin-bottom:5vh}#cartel p{margin-top:2vh;text-align:justify}#loading{position:absolute;z-index:1000;height:4vw;right:3vw;bottom:20px}#loading-progress{display:none;position:absolute;z-index:1;bottom:1.2vw;left:5%;transform:translateX(-75%);color:#fff;font-size:.8vw;line-height:1vw;font-weight:700}#loading-progress:after{position:absolute;display:block;content:"%";bottom:0;right:0;transform:translateX(125%);line-height:.9vw;font-size:.6vw;font-weight:400}#loading-result{top:0;transform:translateX(-1.5vw) rotateZ(45deg);width:3vw;height:3vw;transition:opacity 2s}.loading #loading-result{opacity:1}#loading-result .cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}#loading-result .cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f69;animation:loading-labomedia 2.4s infinite linear both;transform-origin:100% 100%}#loading-result .cube-2{transform:scale(1.1) rotateZ(90deg)}#loading-result .cube-3{transform:scale(1.1) rotateZ(180deg)}#loading-result .cube-4{transform:scale(1.1) rotateZ(270deg)}#loading-result .cube-2:before{animation-delay:.3s}#loading-result .cube-3:before{animation-delay:.6s}#loading-result .cube-4:before{animation-delay:.9s}@keyframes loading-labomedia{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}}#logo-labomedia{position:absolute;top:0;left:50%;transform:translateX(-2vw);width:4vw;height:4vw;opacity:1;transition:opacity 2s}.loading #logo-labomedia{opacity:0}@media only screen and (max-width:1000px),only screen and (max-height:700px){#title{font-size:50px;line-height:50px}#title span{top:25px;font-size:12px}}@media only screen and (max-width:500px),only screen and (max-height:350px){#title{font-size:30px;line-height:30px}#title span{top:18px;font-size:10px}}