body,html{font-family:Bahnschrift,sans-serif;margin:0;padding:0;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}#map{height:90vh;width:100vw;position:absolute;left:0}#map2{height:90vh;width:50vw;position:absolute;display:none;right:0;border-left:20px solid white;margin-bottom:50px}#separator{height:90vh;width:.2vw;position:absolute;left:50vw;background-color:#fff;z-index:1000;display:none}#navbar{position:fixed;top:0;left:0;width:100%;height:10vh;background-color:#fff;color:#fff;border:5px solid white;display:flex;align-items:center;text-align:center;flex-direction:row;padding:0 20px;z-index:1100;font-family:Bahnschrift,sans-serif}.navbar-button{border:none;background:none;font-size:clamp(1rem,2vw,1.5rem);margin-left:30px;margin-right:30px;cursor:pointer;color:#333}.navbar-button:hover{border:none;background:none;outline:none;background-color:#d50528;color:#fff}.navbar-button.active{font-weight:700;border:none;background:none;outline:none;background-color:#d50528;color:#fff}#navbarbutton-container{top:200px;height:15%;width:100vw;display:flex;z-index:1000}#navbar-left{display:flex;gap:1rem;position:absolute;left:50%;transform:translate(-50%)}#logoMetLyon{height:100%;max-height:none}#navbar p{flex-grow:1;font-size:2em;font-family:Bahnschrift,sans-serif;color:#333}#logo{height:100%;max-height:none;margin-left:20px;position:absolute;right:60px}#sidepanel{position:fixed;top:22.3vh;right:0;width:6%;height:90vh;background-color:#8a8a8a;border-left:1px solid #ccc;border:4px solid white;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:20px;z-index:1200;font-family:Bahnschrift,sans-serif}#sidepanelContent{display:none;top:22.3vh;right:6%;height:90vh;width:400px;position:fixed;background-color:#fff;border-left:1px solid #ccc;border:4px solid white;z-index:1000;overflow:auto;pointer-events:auto;transform:translate(100%);transition:opacity .3s ease,transform .3s ease}#sidepanelContent.active{display:block;opacity:1;transform:translate(0)}.sidebar-btn{width:100%;background:none;border:none;color:#fff;padding:20px 5px;display:flex;flex-direction:column;align-items:center;font-size:15px;cursor:pointer;font-family:Bahnschrift,sans-serif}.sidebar-btn img{width:50px;height:50px;margin-bottom:5px}.sidebar-btn:hover{background-color:#cacaca}.sidebar-btn.active{background-color:#585855}.bandeau{position:fixed;top:10vh;width:50vw;height:12vh;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center;text-align:center;border:4px solid white;z-index:1000;font-family:Bahnschrift,sans-serif}.bandeau .btn{position:relative;padding:2vh 4vw;background-color:#8a8a8a;color:#fff;border:none;border:4px solid white;cursor:pointer;font-size:2vh;transition:background-color .3s ease;font-family:Bahnschrift,sans-serif;letter-spacing:.1em}.bandeau .btn:hover{background-color:#cacaca}#bandeauAnnee_left{left:0;border-right:1px solid #ccc;border:4px solid white}#bandeauAnnee_right{left:50%;border-left:1px solid #ccc;border:4px solid white}.bandeau .btn.active{background-color:#d50528;color:#fff}.bandeau .btn.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}#content_content{position:relative;display:flex}.contentItem{display:"none"}.Item{background:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:300px;margin:5px auto 20px;font-family:Bahnschrift,sans-serif}.Item h3{margin-top:0;text-align:center;color:#333;margin-bottom:5px;font-size:18px}.Item label{font-weight:700;color:#555;display:block;margin-top:10px;font-size:15px}.Item select{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:8px;background:white;font-size:14px}.Item select:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}button{background-color:#d50528;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;font-size:15px}button:hover{background-color:#660112}button:disabled{background-color:#ccc;cursor:not-allowed}.Item div{display:flex;justify-content:center;align-items:center;gap:10px}.rowContentItem{height:100%;width:100%}#methodologie_content,#info_content,#aide_content{display:none;background-color:#f8f9fa;padding:10px;border-radius:40px;box-shadow:0 10px 12px #0000001a;text-align:center;font-size:1.5em;color:#333;margin:0 auto 20px;width:95%;overflow:auto}#rowContent{position:relative;top:10%;height:90%;width:100%}#toggleSliderLabel{top:20px;margin-left:25%;font-size:20px;font-family:Bahnschrift,sans-serif;cursor:pointer;border:1px solid #ccc;border-radius:10px;padding:10px;margin-bottom:10px}#toggleSlider{margin-right:10px;transform:scale(1.5);cursor:pointer}#listLayer{list-style-type:none;padding:0;margin:10px 0;max-height:200px;overflow:auto}#listLayer li{display:flex;align-items:center;padding:5px;border-bottom:1px solid #ccc}#listLayer input[type=checkbox]{margin-right:10px;transform:scale(1.2);vertical-align:middle;margin-bottom:0}#listLayer label{font-family:Bahnschrift,sans-serif;font-size:16px;vertical-align:middle;cursor:pointer;margin-top:5px}#sidepanel,#sidepanelContent{transition:all .3s ease-in-out}#navbarbutton-container{transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility .4s}.hidden{opacity:0;transform:translateY(-20px);visibility:hidden;pointer-events:none}.bandeau{transition:opacity .3s ease-in-out,transform .3s ease-in-out}#legendContainer{margin-top:20px}.legend-item{display:flex;align-items:center;margin-top:10px}.legend-color{display:inline-block;width:20px;height:20px;margin-right:10px;border:1px solid #000}.chart-icons{display:flex;justify-content:center;gap:10px;margin-top:20px}.chart-icon{cursor:pointer;width:30px;height:30px;margin:3px auto;background-color:#eceeef;padding:10px;border:1px solid #eceeef;border-radius:10px}.chart-icon:hover,.chart-icon.active{background-color:#acacad;color:#fff}.graphTitle{font-family:Bahnschrift,sans-serif;margin-left:25%;font-size:15px}#divMethodology{display:flex;flex-direction:column;width:100%;height:100%;font-size:15px}#divfirstMethodology{display:flex;flex-direction:row;width:100%;height:100%}#textMethodology{display:flex;flex-direction:column;width:50%;height:95%;text-align:justify;font-size:18px}#text2_methodology{display:flex;flex-direction:column;width:98%;height:95%;text-align:justify;font-size:18px;margin-top:15%}#graphMethodology{margin-bottom:100px}#mapMethodology{display:flex;width:50%;height:95%}.itemeMethodology{margin-left:15px;margin-right:15px}#navbarMethodology{position:absolute;top:10px;height:10%;width:100%;background-color:#f8f9fa00;z-index:1200}#approach-right{position:absolute;right:0;width:20%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:8px;background:white;font-size:14px;margin-right:20px}#approach-left{position:absolute;left:0;width:20%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:8px;background:white;font-size:14px;margin-left:20px}#comparisonChart{width:80%!important;height:80%!important}#metricSelector{width:30%;height:50px;padding:15px;margin-top:5px;border:1px solid #ccc;border-radius:8px;background:white;font-size:15px}#mode_selection{margin-top:20px}#mode_selection button{margin-right:10px;padding:10px 20px;font-size:16px;cursor:pointer}.leaflet-magnifying-glass-container{pointer-events:none;border-radius:50%;box-shadow:0 0 15px #00000080;overflow:hidden;position:absolute;transform:translate(-50%,-50%)}#mode .Item img{max-width:40%;height:auto;display:block;margin:0 auto}#mode .Item{margin-top:10%;margin-bottom:10%;cursor:pointer;font-size:15px;justify-content:center;text-align:center}#info_popup{position:absolute;width:80%;height:45%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 0 10px #0000001a;z-index:1200;font-family:Bahnschrift,sans-serif;font-size:15px}#info_popup img{width:30%;height:30%;object-fit:cover;border-radius:10px}#close_popup{position:absolute;right:38%;cursor:pointer;bottom:5%}.aideContainer{display:flex;flex-direction:column;width:100%;height:100%;font-size:18px}.aide_content{display:flex;flex-direction:row;width:100%;height:100%;font-size:18px;margin-bottom:50px}.aide_content2{display:flex;flex-direction:row;width:50%;height:100%;font-size:18px}.aide_content2 img{height:100%}.aide_title{font-size:20px;font-weight:700;margin-top:0}#info_content p{font-size:19px}#equipe{display:flex;flex-direction:column;width:100%;height:100%;font-size:18px;text-align:left;font-size:19px}#equipe h4{font-size:20px;font-weight:700;margin-top:0;margin-bottom:5px}#logo_info{display:flex;flex-direction:row;justify-content:center;align-items:center}#logo_info img{max-width:100px;margin-left:100px;height:auto}#info2{display:flex;flex-direction:row;width:100%;height:100%;font-size:18px;text-align:left;font-size:19px}.leaflet-sbs-range{position:absolute;top:50%;width:100%;z-index:999}.leaflet-sbs-divider{position:absolute;top:0;bottom:0;left:50%;margin-left:-2px;width:4px;background-color:#fff;pointer-events:none;z-index:999}.leaflet-sbs-range{-webkit-appearance:none;display:inline-block!important;vertical-align:middle;height:0;padding:0;margin:0;border:0;background:rgba(0,0,0,.25);min-width:100px;cursor:pointer;pointer-events:none;z-index:999}.leaflet-sbs-range::-ms-fill-upper{background:transparent}.leaflet-sbs-range::-ms-fill-lower{background:rgba(255,255,255,.25)}.leaflet-sbs-range::-moz-range-track{opacity:0}.leaflet-sbs-range::-ms-track{opacity:0}.leaflet-sbs-range::-ms-tooltip{display:none}.leaflet-sbs-range::-webkit-slider-thumb{-webkit-appearance:none;margin:0;padding:0;background:#fff;height:40px;width:40px;border-radius:20px;cursor:ew-resize;pointer-events:auto;border:1px solid #ddd;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABlBMVEV9fX3///+Kct39AAAAAnRSTlP/AOW3MEoAAAA9SURBVFjD7dehDQAwDANBZ/+l2wmKoiqR7pHRcaeaCxAIBAL/g7k9JxAIBAKBQCAQCAQC14H+MhAIBE4CD3fOFvGVBzhZAAAAAElFTkSuQmCC);background-position:50% 50%;background-repeat:no-repeat;background-size:40px 40px}.leaflet-sbs-range::-ms-thumb{margin:0;padding:0;background:#fff;height:40px;width:40px;border-radius:20px;cursor:ew-resize;pointer-events:auto;border:1px solid #ddd;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABlBMVEV9fX3///+Kct39AAAAAnRSTlP/AOW3MEoAAAA9SURBVFjD7dehDQAwDANBZ/+l2wmKoiqR7pHRcaeaCxAIBAL/g7k9JxAIBAKBQCAQCAQC14H+MhAIBE4CD3fOFvGVBzhZAAAAAElFTkSuQmCC);background-position:50% 50%;background-repeat:no-repeat;background-size:40px 40px}.leaflet-sbs-range::-moz-range-thumb{padding:0;right:0;background:#fff;height:40px;width:40px;border-radius:20px;cursor:ew-resize;pointer-events:auto;border:1px solid #ddd;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABlBMVEV9fX3///+Kct39AAAAAnRSTlP/AOW3MEoAAAA9SURBVFjD7dehDQAwDANBZ/+l2wmKoiqR7pHRcaeaCxAIBAL/g7k9JxAIBAKBQCAQCAQC14H+MhAIBE4CD3fOFvGVBzhZAAAAAElFTkSuQmCC);background-position:50% 50%;background-repeat:no-repeat;background-size:40px 40px}.leaflet-sbs-range:disabled::-moz-range-thumb{cursor:default}.leaflet-sbs-range:disabled::-ms-thumb{cursor:default}.leaflet-sbs-range:disabled::-webkit-slider-thumb{cursor:default}.leaflet-sbs-range:disabled{cursor:default}.leaflet-sbs-range:focus{outline:none!important}.leaflet-sbs-range::-moz-focus-outer{border:0}