*{margin:0;padding:0;box-sizing:border-box}header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#2e8b57;margin-bottom:2vh;border-radius:10px}.leaflet-control-zoom{display:none}.logo img{width:100px}header nav ul li a{font-family:"Calypso",sans-serif;font-size:18px;color:#ffffff}header nav ul li a:hover{text-decoration:underline}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{display:inline;margin-right:20px}nav ul li a{color:white;text-decoration:none;font-weight:bold}nav ul li a:hover{text-decoration:underline}@font-face{font-family:'terter';src:url('/static/fonts/Calder-LC.ttf?9a0abd0b2101') format('truetype');font-weight:normal;font-style:normal}body{font-family:'terter',sans-serif}#map{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;overflow:hidden}#logo_main{position:absolute;bottom:2vh;left:5vw;display:flex;justify-content:center;align-items:center;width:10vh;height:10vh;border-radius:50%;overflow:hidden;border:2px solid #000;background-color:#f0f0f0;z-index:999}.logo_main{width:121%;height:auto}.delete-btn{cursor:pointer;color:#14430F;font-size:11px;margin-right:5px}#bug-report{position:fixed;left:0;top:0;width:60px;height:100%;background-color:#267928;box-shadow:2px 0 5px rgba(0,0,0,0.2);display:flex;flex-direction:column;align-items:center;padding:10px 0;z-index:1000}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px;flex-grow:1}.menu-list li:last-child{margin-top:auto}.menu-icon{width:40px;height:40px;transition:transform 0.2s ease-in-out}.menu-icon:hover{transform:scale(1.2);cursor:pointer}.bug-report-link{margin-top:auto;color:#ecf0f1;text-decoration:none;font-size:0.8em;padding:5px;text-align:center;border:1px solid transparent;border-radius:5px;transition:all 0.3s ease-in-out}.bug-report-link:hover{background-color:#e74c3c;color:white;border:1px solid #e74c3c;cursor:pointer}.bug-report-link-portable{display:none}#login-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.3);padding:20px;z-index:2000}#login-popup .popup-content{text-align:center}#login-popup .close-popup{display:block;margin:10px auto 0;padding:5px 10px;background-color:#29843a;color:white;border:none;border-radius:4px;cursor:pointer}#login-popup .close-popup:hover{background-color:#206a2f}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1500}#feedback-banner{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:60%;background-color:#efebd9;color:#14430F;text-align:center;padding:5px 5px;z-index:1000;border-radius:20px}#feedback-banner p{margin:0;font-size:16px;display:inline-block}#feedback-banner button{background-color:#206a2f;color:white;border:none;padding:5px 10px;border-radius:4px;margin-left:10px;cursor:pointer;font-size:14px}#feedback-banner button:hover{background-color:#14561e}#toggle-test{position:fixed;top:50%;right:0;padding:10px;background-color:#1b8605;color:#fff;cursor:pointer;border-radius:5px 0 0 5px;font-size:20px;transform:translateY(-50%);z-index:10;display:flex;align-items:center}.click-counter{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#E88A26;color:white;border-radius:50%;font-size:12px;margin-right:5px;position:absolute;top:-7px;left:-7px}.notification-banner{position:fixed;top:2vh;left:50%;transform:translateX(-50%);padding:10px 20px;background-color:rgba(0,0,0,0.7);color:white;border-radius:5px;z-index:100000;display:none;font-size:16px}#trajet3{position:absolute;top:2vh;right:-500px;max-height:95vh;width:450px;border-radius:50px;background-color:#ffffff;box-shadow:0 4px 10px rgba(0,0,0,0.2);border:1px solid #00000069;box-sizing:border-box;overflow-y:hidden;transition:right 0.3s ease-in-out}#trajet3.show{right:3%}#trajet-header{background-color:#85bd42;max-height:10vh;width:100%;padding-top:5px;box-sizing:border-box;overflow-y:auto;position:relative;top:50%;left:50%;transform:translate(-50%);overflow-x:hidden;border-bottom:2px solid #00000059}#coord-list-container{width:100%;min-height:0;max-height:80vh;box-sizing:border-box;padding-top:5px;overflow-y:auto;overflow-x:hidden;position:relative;height:80vh}.ville{position:relative;border-bottom:2px solid #efebd9;border-top:2px solid #efebd9;padding-top:5px;padding-bottom:5px;padding-right:-5px;margin:auto auto;width:90%;height:45px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding-right:5px}.ville-nom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;flex:1;font-size:2.5vh;color:#14430f}.clicks_length{background-color:#e88a26;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;color:white;font-weight:bold}.drag-handle{cursor:grab;margin-right:5px;margin-left:5px;font-size:1.5em;touch-action:manipulation;user-select:none}.dragging{cursor:grabbing}.bouton-info{width:25px;height:25px;cursor:pointer;margin-left:5px}.popup-info{display:none;position:fixed;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;font-size:0.8vw;z-index:1000;box-shadow:0px 4px 6px rgba(0,0,0,0.1);word-wrap:break-word;overflow-y:auto}.popup-info.active{display:block}#removeLastStopBtn{background-color:#ffffff;color:#000000;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;transition:background-color 0.3s;margin:auto;position:relative}.step{margin-bottom:10px}.cadre-container{padding-left:10px;padding-right:10px;height:auto;display:flex;justify-content:space-between;align-items:center;position:relative}.cadre{border-radius:10px;padding:10px;text-align:left;color:#ffffff;font-size:1.5em;position:relative}.marker-icon{background-color:#E88A26;color:#ffffff;font-size:15px;width:26px!important;height:26px!important;border-radius:50%;display:flex!important;justify-content:center;align-items:center;text-align:center;line-height:20px}.search-container{display:flex;align-items:center;height:auto;padding:2px;width:100px;position:absolute;top:2vh;left:100px;z-index:1}.search-box-container{flex:1;position:relative}.search-box{width:400px;padding-left:15px;height:60px;font-size:1.3em;border-radius:100px;border:0px solid #000000;box-shadow:0px 6px 10px rgba(0,0,0,0.3)}#search-button{position:absolute;right:7%;top:50%;transform:translateY(-50%);background-color:#e88a26;color:white;border:none;border-radius:5px;cursor:pointer;width:70px;height:30px;font-size:20px}#search-button:hover{background-color:#fad10d}.suggestions-box{display:none;position:absolute;width:400px;max-height:200px;overflow-y:auto;top:90px;left:108px;background-color:#FFFFFF;border:1px solid #000000;border-radius:20px;z-index:1000;box-shadow:0 0 5px rgba(0,0,0,0.1)}.suggestion{padding:10px;border-bottom:1px solid #006613;cursor:pointer}.suggestion:hover{background-color:#ADD8E6}.default-label{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#999999;font-style:italic;pointer-events:none}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}.error-message{color:red;margin-top:10px}.error-message.shake{display:block;animation:shake 0.5s}.icon-img{width:5px;height:5px;vertical-align:left}.icon-small{width:16px;height:16px;vertical-align:middle}[id^="transport-buttons"]{display:flex;align-items:center;width:90%;margin:auto;margin-top:10px;padding-top:3px}.transport-button{padding:5px;background-color:#ffffff;border:0px solid #ccc;border-top-left-radius:20px;border-top-right-radius:20px;cursor:pointer;flex:1;box-shadow:inset 0px 0px 0px #efebd9;border:1px solid #efebd9}.transport-button:hover{background-color:#85bd42}.transport-button.selected{box-shadow:inset 3px 3px 5px #efebd9}.transport-button.selected:hover{box-shadow:inset 0px 0px 0px #efebd9}[id^="transport-content"]{border:1px solid #efebd9;box-shadow:inset 3px 3px 5px #efebd9;width:90%;margin:auto;padding:10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}[id^="transport-info"]{margin:auto}.trajet-container{display:flex}.trajet-container.selected{border:2px solid green!important}[id^="more-filters-button"]{padding:7px 15px;font-size:16px;border:none;border-radius:10px;background-color:#14430F;color:white;cursor:pointer;width:100%;font-family:'terter',sans-serif}[id^="validate-button"]{padding:7px 20px;font-size:16px;border:none;border-radius:10px;background-color:#E88A26;color:white;cursor:pointer;box-shadow:0px 2px 5px rgba(0,0,0,0.1);font-family:'terter',sans-serif}[id^="departure-date"]{width:95%;padding:7px;font-size:18px;border-radius:10px;border:1px solid #EFEBD9;color:#14430F;background-color:rgba(239,235,217,0.3);box-shadow:0px 2px 5px rgba(0,0,0,0.1);text-align:center}.calendar-container{margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:90%}.trajet-image img{width:50px;height:50px;margin-right:10px}.trajet-details{flex-grow:1}.trajet-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.select-button{padding:10px 2px;background-color:#85BD42;color:white;border:none;border-radius:8px;cursor:pointer}.select-button button:hover{background-color:#14430F}.redirect-button{position:absolute;border-radius:8px;overflow:hidden}.hidden{display:none}.flatpickr-calendar{width:100%;font-size:16px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.2);max-width:none}.flatpickr-day:hover{background-color:#e6e6e6;cursor:pointer}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background-color:#007bff;color:white;border-radius:50%}.flatpickr-time{font-size:18px}.calendar-container label{font-family:Montserrat,sans-serif;font-size:12px}.calendar-container input{display:block;margin-top:5px}input[type="date"]{font-family:Montserrat,sans-serif;font-size:12px;margin-top:10px;padding:5px}.toggle-section{position:relative;z-index:1;margin-bottom:10px}.toggle-button{color:#14430F;padding:10px;cursor:pointer;border-radius:10px;border:1px solid #EFEBD9;background-color:#FFFFFF;width:95%;margin:0 auto;z-index:2;position:relative}.toggle-button.selected{border:2px solid green!important}.toggle-content{display:none;max-height:100%;width:95%;margin:0 auto;border:1px solid #cccccc;overflow:hidden;transition:max-height 0.15s ease;background-color:rgba(35,194,14,0.067);border-radius:8px;padding:10px;margin-top:-15px;z-index:0}.toggle-section.active .toggle-content{max-height:100%}.correspondance-info{text-align:center;color:#A9A9A9;font-size:0.8em;position:relative;left:0%;width:40%}.line-container{width:68%;flex-grow:1;height:0.2em;margin:0 0em}.line{flex-grow:1;height:0.2em;background-color:#fad10d}.circle-left{margin-left:84%;width:0.6em;height:0.6em;position:relative;top:0px;border:0.2em solid #fad10d;background-color:#ffffff;border-radius:50%}.circle-right{width:0.6em;height:0.6em;position:relative;top:0px;border:0.2em solid #fad10d;background-color:#ffffff;border-radius:50%}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.8);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:9999}#loading-container{text-align:center;font-family:Arial,sans-serif}#loading-gif{width:100px;height:100px}#loading-container p{font-size:18px;color:#333}.switch{position:relative;display:inline-block;width:55px;height:25px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;transition:0.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4.5px;bottom:4.5px;background-color:white;border-radius:50%;transition:0.4s}input:checked + .slider{background-color:#007bff}input:checked + .slider:before{transform:translateX(31px)}.filter-container{position:fixed;top:0;right:0;width:500px;height:100vh;overflow-y:auto;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,0.1);z-index:1000;padding:20px;transition:transform 0.3s ease;transform:translateX(100%)}.filter-container.active{transform:translateX(0)}.transport-selector.selected,.velo-selector.selected,.train-selector.selected{border:2px solid green!important}#legend-button{position:fixed;bottom:30px;left:80px;width:50px;height:50px;border-radius:50%;border:1px solid #14430f;background-color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.2);text-decoration:none}#legend-button .menu-icon{width:24px;height:24px}#custom-legend{position:fixed;top:0;right:0px;width:500px;height:100vh;overflow-y:auto;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,0.1);z-index:1000;padding:20px;transition:transform 0.3s ease;transform:translateX(100%);display:flex;flex-direction:column;gap:20px}#custom-legend.active{z-index:5;transform:translateX(0)}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center}.layer-container{display:flex;flex-direction:column;align-items:center}.layer-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;padding:0;border:1px solid #14430f;border-radius:5px;background:#ffffff00;cursor:pointer;transition:background-color 0.3s ease}.layer-button.active{background:#d1e7dd}.layer-button img{width:90%;height:90%;margin-bottom:5px}.layer-text{margin-top:5px;font-size:14px;color:#333;text-align:center}.close-button{cursor:pointer;margin-top:20px;padding:10px;border:none;border-radius:5px;background-color:#e88a26;color:#fff}.close-button:hover{background-color:#fad10d}.button-container{display:flex;justify-content:center;gap:10px}.button-item{display:flex;flex-direction:column;align-items:center}.train-selector{padding:10px;border:none;background:#f1f1f1;cursor:pointer;width:80px;height:80px}.train-selector img{width:90%;height:90%}.train-selector-text{font-size:14px;color:#333;text-align:center}.velo-button-container{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.velo-button-item{display:flex;flex-direction:column;align-items:center}.velo-selector{padding:10px;border:none;background:#f1f1f1;cursor:pointer;width:80px;height:80px}.velo-selector img{width:90%;height:90%}.velo-selector-text{font-size:14px;color:#333;text-align:center}.fancy-text{font-family:'Calypso',Arial,sans-serif;font-size:16px;color:#222;text-shadow:1px 1px 2px rgba(0,0,0,0.1)}iframe{max-width:560px;width:70%;height:315px;border:none}.iframe-container{text-align:center;margin-top:20px}.fade-up{opacity:0!important;transform:translateY(-10px);transition:all 0.3s ease}.speed-selector{font-size:1.2em;padding:7px;border-radius:10px;border:1px solid #EFEBD9;background-color:rgba(239,235,217,0.3);margin-right:20px;margin-left:20px;color:#14430F;font-family:'terter',sans-serif}.time-display{font-size:0.8em;color:#14430F}.additional-text{font-size:0.8em;color:#14430F}.msg-display{font-size:0.8em;color:#E88A26}.top-container{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.right-container{display:flex;flex-direction:column;align-items:flex-end;margin-right:20px}.canvas-graph{width:90%;margin:auto}@media (max-width:740px){.logo img{width:0px}#map{width:100dvw;height:100dvh}#logo_main{bottom:50vh;left:50vw;width:0;height:0;overflow:hidden;border:0px solid #000}.logo_main{width:0%}#bug-report{width:100%;height:65px}.menu-list{flex-direction:initial;gap:20px}.menu-list li{display:flex;justify-content:center;align-items:center;z-index:1}.menu-icon{width:30px;height:30px}.bug-report-link{display:none}.bug-report-link-portable{display:block;margin-top:auto;color:#ecf0f1;text-decoration:none;font-size:0.8em;padding:5px;text-align:center;border:1px solid transparent;border-radius:5px;transition:all 0.3s ease-in-out}.bug-report-link-portable:hover{background-color:#e74c3c;color:white;border:1px solid #e74c3c;cursor:pointer}#trajet3{position:fixed;bottom:0dvh;top:10dvh;right:0%;max-height:80dvh;width:0%;transform:translateX(100%)}#trajet3.show{right:5dvw;height:85dvh;width:90dvw;z-index:5;transform:translateX(0)}#trajet-header{top:0%}#coord-list-container{max-height:74dvh}#custom-legend{bottom:0;width:100vw;height:70dvh;transform:translateY(100dvh);box-sizing:border-box}#custom-legend.active{z-index:9000;transform:translateY(30dvh)}.filter-container{bottom:0;right:0;width:100vw;height:75dvh;transform:translateY(100dvh);box-sizing:border-box}.filter-container.active{z-index:9000;transform:translateY(25dvh)}.search-container{justify-content:center;align-items:flex-end;height:8dvh;width:100dvw;top:90dvh;left:0;z-index:2}.search-box-container{flex:0;max-height:8dvh}.search-box{width:90dvw;height:7dvh}.suggestions-box{position:fixed;width:calc(100% - 2px);max-height:30dvh;top:calc(100dvh - 38dvh);left:0;z-index:1200}#legend-button{top:80px;left:auto;right:20px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow:auto}.modal-content{background-color:#fff;margin:10% auto;padding:2rem;border-radius:10px;width:90%;max-width:500px;box-shadow:0 4px 6px rgba(0,0,0,0.1);position:relative}.close{position:absolute;right:15px;top:10px;font-size:24px;font-weight:bold;color:#777;cursor:pointer}.close:hover{color:#333}#loged-info{text-align:center;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;color:#14430f}.form-group input{width:100%;padding:0.75rem;border:1px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color 0.3s}.form-group input:focus{outline:none;border-color:#14430f}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#777}.login-button{width:100%;padding:0.75rem;background-color:#e88a26;color:white;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color 0.3s}.login-button:hover{background-color:#fad10d}.error-message{color:#e88a26;font-size:0.875rem;margin-top:0.5rem;text-align:center}.modal-footer{margin-top:1.5rem;text-align:center;font-size:0.9rem;border:1px solid;padding:0.75rem;border-radius:5px;border-color:#14430f}.register-link{color:#14430f;text-decoration:none}.register-link:hover{text-decoration:underline}#logout-button,#user-page-button{width:100%;padding:0.75rem;margin-top:0.5rem;background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color 0.3s}#logout-button:hover,#user-page-button:hover{background-color:#e9ecef}#logout-button{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}#logout-button:hover{background-color:#f1c1c4}#save_clicks{background-color:inherit;border:none;cursor:pointer;padding:5px;transition:transform 0.2s ease}#save_clicks:hover{transform:scale(1.2)}