diff --git a/index.html b/index.html index e797b3e..a3d62ba 100644 --- a/index.html +++ b/index.html @@ -75,7 +75,7 @@ - +

@@ -107,11 +107,10 @@ -
-

+

⚙️ Filtres:

@@ -186,6 +185,12 @@
+ +

🚀 Puissances des stations: 🔽

diff --git a/js/lcm_main.js b/js/lcm_main.js index 9c8c7c0..7758295 100644 --- a/js/lcm_main.js +++ b/js/lcm_main.js @@ -552,9 +552,9 @@ function displayPointsFromApi(points, convert_to_osm_json) { updateFilteredStationsCount(); } -function makePopupOfFeature(feature) { - let popupContent = '' +function displaySocketsList(feature) { + let popupContent = ''; popupContent += '
' let type2 = feature.properties.tags['socket:type2'] let type2_combo = feature.properties.tags['socket:type2_combo'] @@ -572,6 +572,11 @@ function makePopupOfFeature(feature) { } } popupContent += '
' + return popupContent; +} +function makePopupOfFeature(feature) { + let popupContent = '' + popupContent += '
' // ne montrer que certains champs dans la popup lcm_config.tags_to_display_in_popup.forEach(function (key) { @@ -665,17 +670,6 @@ function eachFeature(feature, layer, stats) { } } - if (lcm_config.filterQuality) { - // Vérifier si les informations minimales de qualité sont présentes - let hasQualityInfo = feature.properties.tags['operator'] || - feature.properties.tags['authentication:none'] || - feature.properties.tags['payment:none'] || - feature.properties.tags['opening_hours']; - if (!hasQualityInfo) { - stats.count_hidden_by_filters++; - return; - } - } if (outPowerGuessed) { displayOutPowerGuessed = outPowerGuessed + ' kW max'; if (display_unknown_max_power_station === 'show_only') { @@ -699,16 +693,12 @@ function eachFeature(feature, layer, stats) { const panoramaxLink = `https://api.panoramax.xyz/#focus=map&map=16.7/${feature.geometry.coordinates[1]}/${feature.geometry.coordinates[0]}&speed=250`; - let html = ` 🚗 -🚴‍♀️ -👠 -✏️ -JOSM - -icone -${displayOutPowerGuessed} - -${popupContent}`; + // contenu de la popup + let html = `${displayOutPowerGuessed} + + ${popupContent} + + ` let zoom = map.getZoom(); let radius = 20; @@ -827,6 +817,52 @@ function eachFeature(feature, layer, stats) { this.openPopup(); bindEventsOnJosmRemote(this.getPopup().getElement()); bindFullDetails(feature); + + // Remplir automatiquement #current_station_infos lors du clic + + let content = ''; + let table_details = ''; + let count_features_in_table = 0; + table_details += '
' + // ne montrer que certains champs dans la popup + lcm_config.tags_to_display_in_popup.forEach(function (key) { + if (lcm_config.tags_to_display_in_popup.indexOf(key)) { + let value = feature.properties.tags[key] + if (value) { + if (value.indexOf('http') !== -1) { + value = '' + value + '' + } + table_details += '
' + key + ' :' + value + '' + count_features_in_table++; + } + } + }) + table_details += '
' + + if (!count_features_in_table) { + table_details += '
Aucune information renseignée
' + } + content += ` ${displayOutPowerGuessed} + + 🚗 + 🚴‍♀️ + 👠 + + + ✏️ + JOSM + + icone + + +
+ ${displaySocketsList(feature)} +
+
+ ${table_details} +
+ ` + $('#current_station_infos').html(`

Détails

${content}
`); }, }); @@ -835,25 +871,12 @@ function eachFeature(feature, layer, stats) { function bindFullDetails(feature) { $('#fullDetails').on('click', () => { - console.log('details', feature) - console.log("$('#current_station_infos')", $('#current_station_infos')[0]) - let content = '' + - '' + '' - let ii = 0 - let keys = Object.keys(feature.properties.tags) - keys.forEach((elem, val) => { - console.log('elem, val', elem, val) - content += ''; - ii++; - }) - content += '' + - '
' + elem + '' + feature.properties.tags[elem] + '
' - - console.log('content', content) $('#current_station_infos')[0].innerHTML = `

Détails

-${content}` +${makePopupOfFeature(feature)} + +` }) } let isLoading = false @@ -899,6 +922,7 @@ function onMapMoveEnd() { let zoom = map.getZoom() let infos = `Lat: ${center.lat}, Lon: ${center.lng}, Zoom : ${zoom}` + updateURLWithMapCoordinatesAndZoom(); if (zoom < 10) { $('#zoomMessage').show() } else { @@ -915,7 +939,6 @@ function onMapMoveEnd() { // Stocker les dernières coordonnées connues if (!window.lastKnownPosition) { window.lastKnownPosition = center; - updateURLWithMapCoordinatesAndZoom(); } else { // Calculer la distance en km entre l'ancienne et la nouvelle position @@ -1190,22 +1213,27 @@ function searchOsmoseIssues(map) { proposedTags += `${tag.k}${tag.v}`; }); proposedTags += ''; - popupContent += `

Tags proposés :

${proposedTags}
`; + // popupContent += `

Tags proposés :

${proposedTags}
`; } // Construire le lien JOSM /import const josmFixUrl = `http://localhost:8111/import?url=https://osmose.openstreetmap.fr/api/0.3/issue/${storedIssueId}/fix/0`; - popupContent += ` + let josm_buttons = ` `; + popupContent += josm_buttons // Mettre à jour le contenu de la popup et s'assurer qu'elle est ouverte clickedMarker.setPopupContent(popupContent); // clickedMarker.openPopup(); // Rouvrir pour ajuster la taille si nécessaire + $('#current_station_infos').html(`

Analyse Osmose

${josm_buttons} + ${proposedTags} +
`); + // Lier l'événement au bouton JOSM DANS la popup bindEventsOnJosmRemote(clickedMarker.getPopup().getElement()); @@ -1287,6 +1315,7 @@ function init() { $('#setRandomView').on('click', function () { setRandomView(); loadOverpassQuery(); + geoDataPointsFromApi(); }); $('#filterUnkown').on('click', function () { display_unknown_max_power_station = cycleVariableState(display_unknown_max_power_station, '#filterUnkown'); diff --git a/styles/_filters.scss b/styles/_filters.scss index d70e562..0ed8583 100644 --- a/styles/_filters.scss +++ b/styles/_filters.scss @@ -39,7 +39,8 @@ $disabled-color: #adb5bd; } // Styles pour le groupe de filtres -.filter-group { +.filter-group, +.island { margin: 15px 0; padding: 15px; background: #f8f9fa; diff --git a/styles/main.scss b/styles/main.scss index 8e203ab..c22ae90 100644 --- a/styles/main.scss +++ b/styles/main.scss @@ -7,7 +7,7 @@ --text-color: #ddd; --icon-background: white; --icon-border: cornflowerblue; - --button-background: #497cd3; + --button-background: white; --button-hover-background: #0d377b; --button-border: #497cd3ff; --link-color: #38f; @@ -146,8 +146,7 @@ img.leaflet-marker-icon.tag-socket\:type2_yes { .edit-button { background: var(--button-background); padding: 0.5em 1em; - border-radius: 2em; - color: white !important; + border-radius: 0.5rem; border: solid 1px var(--button-border); float: right; } @@ -169,12 +168,13 @@ img.leaflet-marker-icon.tag-socket\:type2_yes { } .navigation-link { + background: white; background: white; border-radius: 0.25em; float: none; position: relative; - top: 5em; - right: 0; + top: -2.2em; + left: 18.7rem; &:hover { border: black; @@ -194,7 +194,7 @@ button:hover { .edit-button { &:hover { - background: var(--button-hover-background); + background: white; border: solid 1px #08285c; cursor: pointer; } @@ -292,7 +292,6 @@ a { border-radius: 2rem; display: block; position: relative; - top: -2rem; color: white; text-shadow: 0 0 0.5rem #222; clear: right; @@ -383,6 +382,10 @@ button { overflow: auto; width: 100%; display: block; + + .irve-details & { + max-height: 20rem; + } } .icon-img { @@ -469,7 +472,7 @@ header { top: 4.5rem; width: 71.2vw; border: 0; - height: 89.9vh; + height: 91.9vh; } } @@ -632,6 +635,32 @@ header { border: solid 1px grey; } +#current_station_infos { + .color-indication { + max-width: 10rem; + } +} + +.irve-details { + min-height: 14rem; + + .panoramax-link { + right: 3rem; + } + + .navigation-link { + margin-top: 1rem; + } + + .socket-list { + min-height: 2rem; + } + + .color-indication { + color: white; + } +} + @include meta.load-css('_osmose.scss'); @include meta.load-css('_recherche.scss'); @include meta.load-css('_filters.scss'); diff --git a/styles/style.css b/styles/style.css index 522e64e..c1a1684 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1 +1,1101 @@ -:root{--background-color: #222;--text-color: #ddd;--icon-background: white;--icon-border: cornflowerblue;--button-background: #497cd3;--button-hover-background: #0d377b;--button-border: #497cd3ff;--link-color: #38f;--popup-background: white;--zoom-message-background: rgba(255, 255, 255, 0.9);--zoom-message-border: #ff0000;--color-indication-background: #c0b1b1;--no-data-border: dodgerblue;--no-data-link-color: dodgerblue;--food-marker-color: #fff}*{box-sizing:border-box}html{height:100%;width:100%;background:var(--background-color);padding:0;margin:0}body{height:100vh;overflow:auto;width:100%;background:var(--background-color);padding:0;margin:0;padding:0;margin:0}html{font-family:Calibri,Roboto,Arial,"Ubuntu Mono";font-size:1rem}p{font-family:Calibri,Roboto,Arial,"Ubuntu Mono";font-size:.75rem}#map{height:95vh;width:100%;margin:0;border:solid 2px}.stats-table table{width:100% !important}.stats-table table tr td{padding-left:1rem !important;border-bottom:#ccc 1px solid}.stats-table table tr:nth-of-type(odd){background:#dedede}.padded{padding:1rem}#heading{background:#000;color:var(--text-color);min-height:5%;height:4rem;width:100%;padding-left:1em}.icon{width:.25rem !important;height:.25rem !important;display:inline-block;margin-right:1rem;background:var(--icon-background);border-radius:100%;padding:.25rem;margin-top:-0.5rem;float:left;border-color:var(--icon-border)}.title{margin-right:1em;line-height:1.5rem}h2{font-weight:normal;font-size:1.25rem}#overpass-api-controls{position:fixed;top:-0.5rem;left:4em;padding:10px;background-color:rgba(0,0,0,0);border:0;z-index:10}#overpass-api-controls a{display:inline}.has_output_of_irve_specified{box-shadow:0 0 15rem darkred}img.leaflet-marker-icon.tag-socket\:type2_yes{box-shadow:0 0 .5em #6495ed;border-color:#6495ed;border-width:3px}.rounded-button,.navigation-link,.panoramax-link,.edit-button{background:var(--button-background);padding:.5em 1em;border-radius:2em;color:#fff !important;border:solid 1px var(--button-border);float:right}.panoramax-link{top:7rem;position:absolute;right:1rem}.panoramax-link img{width:1rem;height:1rem}.side-panel button{min-width:3em;margin-bottom:.5em}.navigation-link{background:#fff;border-radius:.25em;float:none;position:relative;top:5em;right:0}.navigation-link:hover{border:#000;background:#96b1ea}#fullDetails{margin-top:-2rem}button:hover{background:var(--button-hover-background);border:solid 1px #08285c;cursor:pointer}.edit-button{margin-left:1ch}.edit-button:hover{background:var(--button-hover-background);border:solid 1px #08285c;cursor:pointer}.pull-left{float:left}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}a{color:var(--link-color)}.leaflet-control-custom{padding:1rem;background:var(--popup-background)}#spinning_icon{position:fixed;top:0;left:0;z-index:10;background:#fff;font-size:2rem}#spinning_icon svg{position:fixed;top:.45rem;left:1.5rem;background:#fff;border-radius:100%;width:3rem;height:3rem;animation:spin 2s linear infinite;opacity:.3}#footer{max-width:70ch;margin:0 auto}.leaflet-popup-content{min-width:15rem;word-break:break-all;word-wrap:break-word}.popup-content{width:100%;display:block;overflow:auto;min-width:10rem;max-width:20rem;min-height:5rem;max-height:10rem}.popup-key{width:57%;display:inline-block}.popup-value{width:42%;text-align:right;display:inline-block;padding-right:1rem}.bottom-content{padding:0 2rem 4rem}#star{left:10rem}.color-indication{padding:1rem;border-radius:2rem;display:block;position:relative;top:-2rem;color:#fff;text-shadow:0 0 .5rem #222;clear:right;min-width:7rem;max-width:5rem;height:3rem}.no-data{border-left:3px solid var(--no-data-border);padding:1em 2rem;min-height:4rem}.no-data a{color:var(--no-data-link-color)}.marker-demo{margin-right:1rem}.map-marker-circle-demo{border-radius:100%;display:inline-block;width:1rem;height:1rem;background:#fff}.color-unknown{background:var(--color-indication-background)}.map-marker-circle-demo.color-1{background:#36423d}.color-power-lesser-than-50,.map-marker-circle-demo.color-2{background:#4e8a8d}.color-power-lesser-than-100,.map-marker-circle-demo.color-3{background:#2999b3}.color-power-lesser-than-200,.map-marker-circle-demo.color-4{background:#1782dd}.color-power-lesser-than-300,.map-marker-circle-demo.color-5{background:#2900ff}.color-power-lesser-than-max,.map-marker-circle-demo.color-6{background:#8000ff}#found_charging_stations{margin-top:2rem}button{cursor:pointer;padding:.5rem;background:#fff}.bar{height:2em;text-align:right;padding:.35rem .25rem .35rem .35rem;float:left}.key-values{max-height:4rem;overflow:auto;width:100%;display:block}.icon-img{width:2rem;height:2rem;fill:#000}.sockets-list{margin-top:.25rem}.socket-counter{background:#dedede;margin-top:1rem;margin-left:-0.25rem;border-radius:1rem;padding:.25rem}#infos_carte{padding:1rem 0}button+button{margin-left:1rem}.leaflet-control-layers-toggle{background-size:contain}#round_power_legend{font-size:.8rem;margin-top:4rem}.side-panel{font-size:1rem;position:fixed;left:0;top:0;width:20vw;height:74vh;background:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.2);overflow-y:auto;padding:1rem 2rem;padding-bottom:15rem;z-index:1000;visibility:hidden;top:4.5rem;width:26vw}#toggleSidePanel{position:fixed;top:.7rem;right:1rem;z-index:10;background:#444;padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);border-color:#555}header{padding-left:1rem;color:#666}.side-panel-open .side-panel{visibility:visible;width:29vw;border-right:#ccc solid 1px;height:93vh}.side-panel-open #map{margin-left:28.8vw;top:4.5rem;width:71.2vw;border:0;height:89.9vh}#infos_carte{clear:both}#zoomMessage{position:fixed;bottom:5rem;left:50%;transform:translateX(-50%);background:var(--zoom-message-background);padding:1rem 2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);text-align:center;z-index:10;border-left:4px solid var(--zoom-message-border);animation:rainbow-border 4s linear infinite}header{background:#222;position:fixed;width:20vw}header h1{color:#fff;line-height:2rem;font-size:.8rem}header img{float:left;margin-right:1rem}#map{z-index:1;top:5.55rem}.side-panel #map{margin-left:26vw}.rounded-button{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background-color .3s}.rounded-button:hover{background-color:#0d377b}.filters-box{position:fixed;bottom:.7rem;right:25vw;z-index:100}.filters-box .rounded-button{margin-right:.5rem;margin-bottom:.5rem}.info .i{border-radius:100%;background:#dedede;padding:1ch;width:5ch;margin-left:1ch;display:inline-block;text-align:center}.info .tooltip{opacity:0}.info:hover .tooltip{opacity:1;transition:opacity .3s ease-in-out}.leaflet-popup-content{max-height:30vh;overflow:auto}.osmose-marker{font-size:20px;text-align:center;line-height:20px;background-color:hsla(0,0%,100%,.8);border-radius:50%;border:2px solid #ff6b6b}.osmose-marker-drop{position:relative;z-index:1000}.osmose-marker-inner{position:absolute;width:30px;height:40px;background-color:#8b00ff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px rgba(0,0,0,.3);border:2px solid #fff}.leaflet-osmose-layer::before{content:"⚡";transform:rotate(45deg);color:#fff;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.3);padding-left:1ch}#bars_power{position:fixed;top:4.3rem;width:126vw;z-index:10000;margin:0;height:.4rem;overflow:hidden}.small{font-size:.8rem}#count_features_fond{border:solid 1px gray}.osmose-marker-drop:hover .osmose-marker-inner{animation:bounce .5s ease infinite;background-color:#9f2bff}.osmose-counter{font-size:.85rem;color:#999}.proposed-tags-container{max-height:200px;overflow-y:auto;margin:10px 0;padding:5px;background-color:#f5f5f5;border-radius:4px}.proposed-tags{width:100%;border-collapse:collapse}.proposed-tags tr:nth-child(even){background-color:#fff}.proposed-tags td{padding:2px 5px;font-size:12px}.proposed-tags td:first-child{font-weight:bold;color:#666;width:45%}.action-buttons{margin-top:10px;display:flex;flex-direction:column;gap:5px}.action-buttons a{padding:5px 10px;text-decoration:none;border-radius:4px;text-align:center}.action-buttons a:hover{opacity:.9}.action-buttons .edit-button.josm{background-color:#4caf50;color:#fff}#searchLocation{width:93%;padding:.8rem 3rem;margin-bottom:10px;border:1px solid var(--button-border);border-radius:5px}#removeMarkers{margin-right:1rem;margin-left:1rem}#searchResults{display:inline-block;margin-top:-0.9rem;margin-left:0;width:100%;height:67%;border-top:1px}#searchResults option{cursor:pointer;padding:.55rem}#searchResults option:hover{background-color:var(--button-border)}#searchButton{margin-left:-1rem;margin-top:0;z-index:2;position:relative;background:var(--link-color);border-radius:3px;height:2.9rem}#count_features_fond{position:fixed;bottom:4.5rem;right:10px;z-index:10;background:#fff;padding:.85rem 1rem;border-radius:8px}.search-source-control{margin:5px 0;font-size:.9em}.search-source-control label{display:flex;align-items:center;gap:5px}.search-source-control input[type=checkbox]{margin:0}.close-results-button{border:0;border-radius:3px;position:absolute;left:-5px;background:#ccc;height:2.8rem;margin-top:-3.6rem}.filter-sockets label{width:45%;float:left;margin-right:1rem}#filter_max_output_slider{width:100%;height:10px;background:#ccc;border-radius:5px}.filter-stats{font-size:.8rem;color:#666}.filter-group{margin:15px 0;padding:15px;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-group h3{margin-bottom:10px;color:#495057;font-size:16px}.filter-group label{display:flex;align-items:center;padding:8px 0;cursor:pointer;transition:all .3s ease;border-radius:4px;margin:4px 0}.filter-group label:hover{background:#e9ecef}.filter-group input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.filter-group .checkbox-custom{position:relative;display:inline-block;width:20px;height:20px;background:#fff;border:2px solid #6c757d;border-radius:4px;margin-right:10px;transition:all .3s ease}label:hover .filter-group .checkbox-custom{border-color:rgb(84.3605150215,91.3905579399,97.6394849785)}.filter-group input[type=checkbox]:checked+.checkbox-custom{background:#28a745;border-color:#28a745;animation:checkboxPop .3s ease}.filter-group input[type=checkbox]:checked+.checkbox-custom::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-group hr{margin:15px 0;border:0;height:1px;background:#dee2e6}.filter-group span{font-size:14px;color:#495057;transition:color .3s ease}.filter-group label:hover span{color:rgb(49.73125,54.5,59.26875)}.filter-group input[type=checkbox]:disabled+.checkbox-custom{background:#e9ecef;border-color:#adb5bd;cursor:not-allowed}.filter-group input[type=checkbox]:disabled+.checkbox-custom+span{color:#adb5bd;cursor:not-allowed}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@media(max-width: 700px){header h1{width:100vw;font-size:1.5rem}#searchButton{margin-top:0rem}#searchResults{display:inline-block;position:relative;margin-top:-0.9rem;margin-left:-1.6rem;width:90.4%;height:67%;left:-28px;border-top:1px}#bars_power{position:absolute;top:0;width:120%}#toggleSidePanel{position:fixed;top:.6rem;right:.6rem;z-index:10;background:#a9a9a9;padding:.2rem 1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);border:0;font-size:2rem}.side-panel-open .side-panel{position:static;transform:none;box-shadow:0 -2px 5px rgba(0,0,0,.2);margin:0;width:100vw}.side-panel.active{transform:none}.side-panel-open #map,#map{margin:0;left:0;top:0;width:100vw;height:90vh;height:55vh}header{position:static}.filters-box{position:static}.close-results-button{border:0;border-radius:3px;background:var(--button-border);margin:0;position:relative;top:-26.8vh;left:-1rem;height:2.9rem;z-index:10}#count_features_fond{position:static}}.leaflet-interactive{border:solid 3px #fff}.leaflet-control-layers.leaflet-control-layers-toggle{background:url("img/burger.png")}.leaflet-control-layers+.leaflet-control-layers{display:none}.leaflet-control-layers-list label{cursor:pointer}.leaflet-control-layers-list label:hover{background-color:var(--button-border);color:#fff}.leaflet-control-attribution{padding:10px;font-size:.7rem !important}.leaflet-control-layers.base-layers{background-image:url('data:image/svg+xml;utf8,');background-size:16px;background-position:6px center;background-repeat:no-repeat;padding-left:28px !important}.leaflet-control-layers.base-layers .leaflet-control-layers-toggle{background-image:none;width:auto;padding-right:10px}.leaflet-control-layers.base-layers::after{content:"Fonds";margin-left:5px;font-size:12px}.leaflet-control-layers.overlay-layers{background-image:url('data:image/svg+xml;utf8,');background-size:16px;background-position:6px center;background-repeat:no-repeat;padding-left:28px !important}.leaflet-control-layers.overlay-layers .leaflet-control-layers-toggle{background-image:none;width:auto;padding-right:10px}.leaflet-control-layers.overlay-layers::after{content:"Calques";margin-left:5px;font-size:12px}.leaflet-control-layers{background:#fff;padding:5px;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.4)}.leaflet-control-layers.base-layers .leaflet-control-layers-toggle{background-image:url("../img/burger.png") !important;background-size:20px 20px !important;background-position:center !important;background-repeat:no-repeat !important;width:30px !important;height:30px !important}.leaflet-control-layers.overlay-layers .leaflet-control-layers-toggle{background-image:url("../img/pizza.png") !important;background-size:20px 20px !important;background-position:center !important;background-repeat:no-repeat !important;background-color:#3f74aa !important;width:30px !important;height:30px !important}@keyframes rainbow-border{0%{border-left-color:red}17%{border-left-color:#ff8000}33%{border-left-color:#ff0}50%{border-left-color:lime}67%{border-left-color:blue}83%{border-left-color:#8000ff}100%{border-left-color:red}}@keyframes bounce{0%,100%{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(-5px)}}/*# sourceMappingURL=style.css.map */ +@charset "UTF-8"; +:root { + --background-color: #222; + --text-color: #ddd; + --icon-background: white; + --icon-border: cornflowerblue; + --button-background: white; + --button-hover-background: #0d377b; + --button-border: #497cd3ff; + --link-color: #38f; + --popup-background: white; + --zoom-message-background: rgba(255, 255, 255, 0.9); + --zoom-message-border: #ff0000; + --color-indication-background: #c0b1b1; + --no-data-border: dodgerblue; + --no-data-link-color: dodgerblue; + --food-marker-color: #fff; +} + +* { + box-sizing: border-box; +} + +html { + height: 100%; + width: 100%; + background: var(--background-color); + padding: 0; + margin: 0; +} + +body { + height: 100vh; + overflow: auto; + width: 100%; + background: var(--background-color); + padding: 0; + margin: 0; + padding: 0; + margin: 0; +} + +html { + font-family: Calibri, Roboto, Arial, "Ubuntu Mono"; + font-size: 1rem; +} + +p { + font-family: Calibri, Roboto, Arial, "Ubuntu Mono"; + font-size: 0.75rem; +} + +#map { + height: 95vh; + width: 100%; + margin: 0; + border: solid 2px; +} + +.stats-table table { + width: 100% !important; +} +.stats-table table tr td { + padding-left: 1rem !important; + border-bottom: #ccc 1px solid; +} +.stats-table table tr:nth-of-type(odd) { + background: #dedede; +} + +.padded { + padding: 1rem; +} + +#heading { + background: #000; + color: var(--text-color); + min-height: 5%; + height: 4rem; + width: 100%; + padding-left: 1em; +} + +.icon { + width: 0.25rem !important; + height: 0.25rem !important; + display: inline-block; + margin-right: 1rem; + background: var(--icon-background); + border-radius: 100%; + padding: 0.25rem; + margin-top: -0.5rem; + float: left; + border-color: var(--icon-border); +} + +.title { + margin-right: 1em; + line-height: 1.5rem; +} + +h2 { + font-weight: normal; + font-size: 1.25rem; +} + +#overpass-api-controls { + position: fixed; + top: -0.5rem; + left: 4em; + padding: 10px; + background-color: transparent; + border: 0; + z-index: 10; +} +#overpass-api-controls a { + display: inline; +} + +.has_output_of_irve_specified { + box-shadow: 0 0 15rem darkred; +} + +img.leaflet-marker-icon.tag-socket\:type2_yes { + box-shadow: 0 0 0.5em cornflowerblue; + border-color: cornflowerblue; + border-width: 3px; +} + +.rounded-button, +.navigation-link, +.panoramax-link, +.edit-button { + background: var(--button-background); + padding: 0.5em 1em; + border-radius: 0.5rem; + border: solid 1px var(--button-border); + float: right; +} + +.panoramax-link { + top: 7rem; + position: absolute; + right: 1rem; +} +.panoramax-link img { + width: 1rem; + height: 1rem; +} + +.side-panel button { + min-width: 3em; + margin-bottom: 0.5em; +} + +.navigation-link { + background: white; + background: white; + border-radius: 0.25em; + float: none; + position: relative; + top: -2.2em; + left: 18.7rem; +} +.navigation-link:hover { + border: black; + background: #96b1ea; +} + +#fullDetails { + margin-top: -2rem; +} + +button:hover { + background: var(--button-hover-background); + border: solid 1px #08285c; + cursor: pointer; +} + +.edit-button { + margin-left: 1ch; +} +.edit-button:hover { + background: white; + border: solid 1px #08285c; + cursor: pointer; +} + +.pull-left { + float: left; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +a { + color: var(--link-color); +} + +.leaflet-control-custom { + padding: 1rem; + background: var(--popup-background); +} + +#spinning_icon { + position: fixed; + top: 0; + left: 0; + z-index: 10; + background: white; + font-size: 2rem; +} +#spinning_icon svg { + position: fixed; + top: 0.45rem; + left: 1.5rem; + background: white; + border-radius: 100%; + width: 3rem; + height: 3rem; + animation: spin 2s linear infinite; + opacity: 0.3; +} + +#footer { + max-width: 70ch; + margin: 0 auto; +} + +.leaflet-popup-content { + min-width: 15rem; + word-break: break-all; + word-wrap: break-word; +} + +.popup-content { + width: 100%; + display: block; + overflow: auto; + min-width: 10rem; + max-width: 20rem; + min-height: 5rem; + max-height: 10rem; +} + +.popup-key { + width: 57%; + display: inline-block; +} + +.popup-value { + width: 42%; + text-align: right; + display: inline-block; + padding-right: 1rem; +} + +.bottom-content { + padding: 0 2rem 4rem; +} + +#star { + left: 10rem; +} + +.color-indication { + padding: 1rem; + border-radius: 2rem; + display: block; + position: relative; + color: white; + text-shadow: 0 0 0.5rem #222; + clear: right; + min-width: 7rem; + max-width: 5rem; + height: 3rem; +} + +.no-data { + border-left: 3px solid var(--no-data-border); + padding: 1em 2rem; + min-height: 4rem; +} +.no-data a { + color: var(--no-data-link-color); +} + +/** +marqueurs + */ +.marker-demo { + margin-right: 1rem; +} + +.map-marker-circle-demo { + border-radius: 100%; + display: inline-block; + width: 1rem; + height: 1rem; + background: #fff; +} + +.color-unknown { + background: var(--color-indication-background); +} + +.map-marker-circle-demo.color-1 { + background: #36423d; +} + +.color-power-lesser-than-50, +.map-marker-circle-demo.color-2 { + background: #4e8a8d; +} + +.color-power-lesser-than-100, +.map-marker-circle-demo.color-3 { + background: #2999b3; +} + +.color-power-lesser-than-200, +.map-marker-circle-demo.color-4 { + background: #1782dd; +} + +.color-power-lesser-than-300, +.map-marker-circle-demo.color-5 { + background: #2900ff; +} + +.color-power-lesser-than-max, +.map-marker-circle-demo.color-6 { + background: #8000ff; +} + +#found_charging_stations { + margin-top: 2rem; +} + +button { + cursor: pointer; + padding: 0.5rem; + background: white; +} + +.bar { + height: 2em; + text-align: right; + padding: 0.35rem 0.25rem 0.35rem 0.35rem; + float: left; +} + +.key-values { + max-height: 4rem; + overflow: auto; + width: 100%; + display: block; +} +.irve-details .key-values { + max-height: 20rem; +} + +.icon-img { + width: 2rem; + height: 2rem; + fill: #000; +} + +.sockets-list { + margin-top: 0.25rem; +} + +.socket-counter { + background: #dedede; + margin-top: 1rem; + margin-left: -0.25rem; + border-radius: 1rem; + padding: 0.25rem; +} + +#infos_carte { + padding: 1rem 0; +} + +button + button { + margin-left: 1rem; +} + +.leaflet-control-layers-toggle { + background-size: contain; +} + +#round_power_legend { + font-size: 0.8rem; + margin-top: 4rem; +} + +.side-panel { + font-size: 1rem; + position: fixed; + left: 0; + top: 0; + width: 20vw; + height: 74vh; + background: white; + box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); + overflow-y: auto; + padding: 1rem 2rem; + padding-bottom: 15rem; + z-index: 1000; + visibility: hidden; + top: 4.5rem; + width: 26vw; +} + +#toggleSidePanel { + position: fixed; + top: 0.7rem; + right: 1rem; + z-index: 10; + background: #444; + padding: 0.5rem 1rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + border-color: #555; +} + +header { + padding-left: 1rem; + color: #666; +} + +.side-panel-open .side-panel { + visibility: visible; + width: 29vw; + border-right: #ccc solid 1px; + height: 93vh; +} +.side-panel-open #map { + margin-left: 28.8vw; + top: 4.5rem; + width: 71.2vw; + border: 0; + height: 91.9vh; +} + +#infos_carte { + clear: both; +} + +#zoomMessage { + position: fixed; + bottom: 5rem; + left: 50%; + transform: translateX(-50%); + background: var(--zoom-message-background); + padding: 1rem 2rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + text-align: center; + z-index: 10; + border-left: 4px solid var(--zoom-message-border); + animation: rainbow-border 4s linear infinite; +} + +header { + background: #222; + position: fixed; + width: 20vw; +} +header h1 { + color: white; + line-height: 2rem; + font-size: 0.8rem; +} +header img { + float: left; + margin-right: 1rem; +} + +#map { + z-index: 1; + top: 5.55rem; +} + +.side-panel #map { + margin-left: 26vw; +} + +.rounded-button { + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + cursor: pointer; + transition: background-color 0.3s; +} +.rounded-button:hover { + background-color: #0d377b; +} + +.filters-box { + position: fixed; + bottom: 0.7rem; + right: 25vw; + z-index: 100; +} +.filters-box .rounded-button { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} + +.info .i { + border-radius: 100%; + background: #dedede; + padding: 1ch; + width: 5ch; + margin-left: 1ch; + display: inline-block; + text-align: center; +} +.info .tooltip { + opacity: 0; +} +.info:hover .tooltip { + opacity: 1; + transition: opacity 0.3s ease-in-out; +} + +.leaflet-popup-content { + max-height: 30vh; + overflow: auto; +} + +.osmose-marker { + font-size: 20px; + text-align: center; + line-height: 20px; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 50%; + border: 2px solid #ff6b6b; +} + +.osmose-marker-drop { + position: relative; + z-index: 1000; +} + +.osmose-marker-inner { + position: absolute; + width: 30px; + height: 40px; + background-color: #8B00FF; + border-radius: 50% 50% 50% 0; + transform: rotate(-45deg); + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + border: 2px solid white; +} + +.leaflet-osmose-layer::before { + content: "⚡"; + transform: rotate(45deg); + color: white; + font-size: 16px; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); + padding-left: 1ch; +} + +#bars_power { + position: fixed; + top: 4.3rem; + width: 126vw; + z-index: 10000; + margin: 0; + height: 0.4rem; + overflow: hidden; +} + +.small { + font-size: 0.8rem; +} + +#count_features_fond { + border: solid 1px grey; +} + +#current_station_infos .color-indication { + max-width: 10rem; +} + +.irve-details { + min-height: 14rem; +} +.irve-details .panoramax-link { + right: 3rem; +} +.irve-details .navigation-link { + margin-top: 1rem; +} +.irve-details .socket-list { + min-height: 2rem; +} +.irve-details .color-indication { + color: white; +} + +.osmose-marker-drop:hover .osmose-marker-inner { + animation: bounce 0.5s ease infinite; + background-color: #9F2BFF; +} + +.osmose-counter { + font-size: 0.85rem; + color: #999; +} + +.proposed-tags-container { + max-height: 200px; + overflow-y: auto; + margin: 10px 0; + padding: 5px; + background-color: #f5f5f5; + border-radius: 4px; +} + +.proposed-tags { + width: 100%; + border-collapse: collapse; +} + +.proposed-tags tr:nth-child(even) { + background-color: #ffffff; +} + +.proposed-tags td { + padding: 2px 5px; + font-size: 12px; +} + +.proposed-tags td:first-child { + font-weight: bold; + color: #666; + width: 45%; +} + +.action-buttons { + margin-top: 10px; + display: flex; + flex-direction: column; + gap: 5px; +} + +.action-buttons a { + padding: 5px 10px; + text-decoration: none; + border-radius: 4px; + text-align: center; +} + +.action-buttons a:hover { + opacity: 0.9; +} + +.action-buttons .edit-button.josm { + background-color: #4CAF50; + color: white; +} + +#searchLocation { + width: 93%; + padding: 0.8rem 3rem; + margin-bottom: 10px; + border: 1px solid var(--button-border); + border-radius: 5px; +} + +#removeMarkers { + margin-right: 1rem; + margin-left: 1rem; +} + +#searchResults { + display: inline-block; + margin-top: -0.9rem; + margin-left: 0; + width: 100%; + height: 67%; + border-top: 1px; +} + +#searchResults option { + cursor: pointer; + padding: 0.55rem; +} + +#searchResults option:hover { + background-color: var(--button-border); +} + +#searchButton { + margin-left: -1rem; + margin-top: 0; + z-index: 2; + position: relative; + background: var(--link-color); + border-radius: 3px; + height: 2.9rem; +} + +#count_features_fond { + position: fixed; + bottom: 4.5rem; + right: 10px; + z-index: 10; + background: white; + padding: 0.85rem 1rem; + border-radius: 8px; +} + +.search-source-control { + margin: 5px 0; + font-size: 0.9em; +} + +.search-source-control label { + display: flex; + align-items: center; + gap: 5px; +} + +.search-source-control input[type=checkbox] { + margin: 0; +} + +.close-results-button { + border: 0; + border-radius: 3px; + position: absolute; + left: -5px; + background: #ccc; + height: 2.8rem; + margin-top: -3.6rem; +} + +.filter-sockets label { + width: 45%; + float: left; + margin-right: 1rem; +} + +#filter_max_output_slider { + width: 100%; + height: 10px; + background: #ccc; + border-radius: 5px; +} + +.filter-stats { + font-size: 0.8rem; + color: #666; +} + +.filter-group, +.island { + margin: 15px 0; + padding: 15px; + background: #f8f9fa; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.filter-group h3, +.island h3 { + margin-bottom: 10px; + color: #495057; + font-size: 16px; +} + +.filter-group label, +.island label { + display: flex; + align-items: center; + padding: 8px 0; + cursor: pointer; + transition: all 0.3s ease; + border-radius: 4px; + margin: 4px 0; +} + +.filter-group label:hover, +.island label:hover { + background: #e9ecef; +} + +.filter-group input[type=checkbox], +.island input[type=checkbox] { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; +} + +.filter-group .checkbox-custom, +.island .checkbox-custom { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + background: #fff; + border: 2px solid #6c757d; + border-radius: 4px; + margin-right: 10px; + transition: all 0.3s ease; +} + +label:hover .filter-group .checkbox-custom, +label:hover .island .checkbox-custom { + border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); +} + +.filter-group input[type=checkbox]:checked + .checkbox-custom, +.island input[type=checkbox]:checked + .checkbox-custom { + background: #28a745; + border-color: #28a745; + animation: checkboxPop 0.3s ease; +} + +.filter-group input[type=checkbox]:checked + .checkbox-custom::after, +.island input[type=checkbox]:checked + .checkbox-custom::after { + content: ""; + position: absolute; + left: 6px; + top: 2px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 2px 2px 0; + transform: rotate(45deg); +} + +.filter-group hr, +.island hr { + margin: 15px 0; + border: 0; + height: 1px; + background: #dee2e6; +} + +.filter-group span, +.island span { + font-size: 14px; + color: #495057; + transition: color 0.3s ease; +} + +.filter-group label:hover span, +.island label:hover span { + color: rgb(49.73125, 54.5, 59.26875); +} + +.filter-group input[type=checkbox]:disabled + .checkbox-custom, +.island input[type=checkbox]:disabled + .checkbox-custom { + background: #e9ecef; + border-color: #adb5bd; + cursor: not-allowed; +} + +.filter-group input[type=checkbox]:disabled + .checkbox-custom + span, +.island input[type=checkbox]:disabled + .checkbox-custom + span { + color: #adb5bd; + cursor: not-allowed; +} + +@keyframes checkboxPop { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +/* Style pour mobile ---------------------------------- */ +@media (max-width: 700px) { + header h1 { + width: 100vw; + font-size: 1.5rem; + } + #searchButton { + margin-top: 0rem; + } + #searchResults { + display: inline-block; + position: relative; + margin-top: -0.9rem; + margin-left: -1.6rem; + width: 90.4%; + height: 67%; + left: -28px; + border-top: 1px; + } + #bars_power { + position: absolute; + top: 0; + width: 120%; + } + #toggleSidePanel { + position: fixed; + top: 0.6rem; + right: 0.6rem; + z-index: 10; + background: #a9a9a9; + padding: 0.2rem 1rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + border: 0; + font-size: 2rem; + } + body { + /* border: solid 3px blue; */ + } + .side-panel-open .side-panel { + position: static; + transform: none; + box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); + margin: 0; + width: 100vw; + } + .side-panel.active { + transform: none; + } + .side-panel-open #map, + #map { + margin: 0; + left: 0; + top: 0; + width: 100vw; + height: 90vh; + height: 55vh; + } + header { + position: static; + } + .filters-box { + position: static; + } + .close-results-button { + border: 0; + border-radius: 3px; + background: var(--button-border); + margin: 0; + position: relative; + top: -26.8vh; + left: -1rem; + height: 2.9rem; + z-index: 10; + } + #count_features_fond { + position: static; + } +} +/** +overrides leaflet + */ +.leaflet-interactive { + border: solid 3px white; +} + +.leaflet-control-layers.leaflet-control-layers-toggle { + background: url("img/burger.png"); +} + +.leaflet-control-layers + .leaflet-control-layers { + display: none; +} + +.leaflet-control-layers-list label { + cursor: pointer; +} + +.leaflet-control-layers-list label:hover { + background-color: var(--button-border); + color: white; +} + +.leaflet-control-attribution { + padding: 10px; + font-size: 0.7rem !important; +} + +/* Styles pour les contrôles de couches */ +.leaflet-control-layers.base-layers { + background-image: url('data:image/svg+xml;utf8,'); + background-size: 16px; + background-position: 6px center; + background-repeat: no-repeat; + padding-left: 28px !important; +} + +.leaflet-control-layers.base-layers .leaflet-control-layers-toggle { + background-image: none; + width: auto; + padding-right: 10px; +} + +.leaflet-control-layers.base-layers::after { + content: "Fonds"; + margin-left: 5px; + font-size: 12px; +} + +.leaflet-control-layers.overlay-layers { + background-image: url('data:image/svg+xml;utf8,'); + background-size: 16px; + background-position: 6px center; + background-repeat: no-repeat; + padding-left: 28px !important; +} + +.leaflet-control-layers.overlay-layers .leaflet-control-layers-toggle { + background-image: none; + width: auto; + padding-right: 10px; +} + +.leaflet-control-layers.overlay-layers::after { + content: "Calques"; + margin-left: 5px; + font-size: 12px; +} + +.leaflet-control-layers { + background: white; + padding: 5px; + border-radius: 4px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); +} + +.leaflet-control-layers.base-layers .leaflet-control-layers-toggle { + background-image: url("../img/burger.png") !important; + background-size: 20px 20px !important; + background-position: center !important; + background-repeat: no-repeat !important; + width: 30px !important; + height: 30px !important; +} + +.leaflet-control-layers.overlay-layers .leaflet-control-layers-toggle { + background-image: url("../img/pizza.png") !important; + background-size: 20px 20px !important; + background-position: center !important; + background-repeat: no-repeat !important; + background-color: #3f74aa !important; + width: 30px !important; + height: 30px !important; +} + +@keyframes rainbow-border { + 0% { + border-left-color: #ff0000; + } + 17% { + border-left-color: #ff8000; + } + 33% { + border-left-color: #ffff00; + } + 50% { + border-left-color: #00ff00; + } + 67% { + border-left-color: #0000ff; + } + 83% { + border-left-color: #8000ff; + } + 100% { + border-left-color: #ff0000; + } +} +@keyframes bounce { + 0%, 100% { + transform: rotate(-45deg) translateY(0); + } + 50% { + transform: rotate(-45deg) translateY(-5px); + } +} + +/*# sourceMappingURL=style.css.map */ diff --git a/styles/style.css.map b/styles/style.css.map index e30fa29..81cd0e1 100644 --- a/styles/style.css.map +++ b/styles/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["main.scss","_osmose.scss","_recherche.scss","_filters.scss","_mobile.scss","_overrides.scss","_animations.scss"],"names":[],"mappings":"CAIA,MACE,yBACA,mBACA,yBACA,8BACA,6BACA,mCACA,2BACA,mBACA,0BACA,oDACA,+BACA,uCACA,6BACA,iCACA,0BAGF,EACE,sBAGF,KACE,YACA,WACA,mCACA,UACA,SAGF,KACE,aACA,cACA,WACA,mCACA,UACA,SACA,UACA,SAGF,KACE,+CACA,eAGF,EACE,+CACA,iBAGF,KACE,YACA,WACA,SACA,iBAKA,mBACE,sBAGE,yBACE,6BACA,6BAKJ,uCACE,mBAMN,QACE,aAGF,SACE,gBACA,wBACA,cACA,YACA,WACA,iBAGF,MACE,wBACA,yBACA,qBACA,kBACA,kCACA,mBACA,eACA,mBACA,WACA,gCAGF,OACE,iBACA,mBAGF,GACE,mBACA,kBAGF,uBACE,eACA,YACA,SACA,aACA,+BACA,SACA,WAEA,yBACE,eAIJ,8BACE,6BAGF,8CACE,4BACA,qBACA,iBAGF,8DAIE,oCACA,iBACA,kBACA,sBACA,sCACA,YAGF,gBACE,SACA,kBACA,WAEA,oBACE,WACA,YAIJ,mBACE,cACA,mBAGF,iBACE,gBACA,oBACA,WACA,kBACA,QACA,QAEA,uBACE,YACA,mBAIJ,aACE,iBAGF,aACE,0CACA,yBACA,eAGF,aAOE,gBANA,mBACE,0CACA,yBACA,eAMJ,WACE,WAGF,gBACE,GACE,uBAGF,KACE,0BAIJ,EACE,wBAGF,wBACE,aACA,mCAGF,eACE,eACA,MACA,OACA,WACA,gBACA,eAEA,mBACE,eACA,WACA,YACA,gBACA,mBACA,WACA,YACA,kCACA,WAIJ,QACE,eACA,cAGF,uBACE,gBACA,qBACA,qBAGF,eACE,WACA,cACA,cACA,gBACA,gBACA,gBACA,iBAGF,WACE,UACA,qBAGF,aACE,UACA,iBACA,qBACA,mBAGF,gBACE,oBAGF,MACE,WAGF,kBACE,aACA,mBACA,cACA,kBACA,UACA,WACA,2BACA,YACA,eACA,eACA,YAIF,SACE,4CACA,iBACA,gBAEA,WACE,gCAQJ,aACE,kBAGF,wBACE,mBACA,qBACA,WACA,YACA,gBAGF,eACE,8CAGF,gCACE,mBAGF,4DAEE,mBAGF,6DAEE,mBAGF,6DAEE,mBAGF,6DAEE,mBAGF,6DAEE,mBAGF,yBACE,gBAGF,OACE,eACA,cACA,gBAGF,KACE,WACA,iBACA,oCACA,WAGF,YACE,gBACA,cACA,WACA,cAGF,UACE,WACA,YACA,UAGF,cACE,kBAGF,gBACE,mBACA,gBACA,qBACA,mBACA,eAIF,aACE,eAGF,cACE,iBAGF,+BACE,wBAGF,oBACE,gBACA,gBAGF,YACE,eACA,eACA,OACA,MACA,WACA,YACA,gBACA,qCACA,gBACA,kBACA,qBACA,aACA,kBACA,WACA,WAGF,iBACE,eACA,UACA,WACA,WACA,gBACA,mBACA,kBACA,oCACA,kBAGF,OACE,kBACA,WAIA,6BACE,mBACA,WACA,4BACA,YAGF,sBACE,mBACA,WACA,aACA,SACA,cAIJ,aACE,WAGF,aACE,eACA,YACA,SACA,2BACA,0CACA,kBACA,kBACA,oCACA,kBACA,WACA,iDACA,4CAGF,OACE,gBACA,eACA,WAEA,UACE,WACA,iBACA,gBAGF,WACE,WACA,kBAIJ,KACE,UACA,YAGF,iBACE,iBAGF,gBACE,oBACA,mBACA,uBACA,eACA,eACA,gCAEA,sBACE,yBAIJ,aACE,eACA,aACA,WACA,YAEA,6BACE,mBACA,oBAOF,SACE,mBACA,mBACA,YACA,UACA,gBACA,qBACA,kBAGF,eACE,UAIA,qBACE,UACA,mCAKN,uBACE,gBACA,cAGF,eACE,eACA,kBACA,iBACA,oCACA,kBACA,yBAGF,oBACE,kBACA,aAGF,qBACE,kBACA,WACA,YACA,yBACA,4BACA,yBACA,aACA,mBACA,uBACA,kCACA,sBAMA,8BACE,YACA,wBACA,WACA,eACA,uCACA,iBAIJ,YACE,eACA,WACA,YACA,cACA,SACA,aACA,gBAGF,OACE,gBAGF,qBACE,sBCvnBF,+CACE,mCACA,yBAGF,gBACE,iBACA,WAGF,yBACE,iBACA,gBACA,cACA,YACA,yBACA,kBAGF,eACE,WACA,yBAEA,kCACE,sBAGF,kBACE,gBACA,eAGF,8BACE,iBACA,WACA,UAKJ,gBACE,gBACA,aACA,sBACA,QAEA,kBACE,iBACA,qBACA,kBACA,kBAEA,wBACE,WAIJ,kCACE,yBACA,WC3DJ,gBACE,UACA,mBACA,mBACA,sCACA,kBAGF,eACE,kBACA,iBAGF,eACE,qBACA,mBACA,cACA,WACA,WACA,eAEA,sBACE,eACA,eAEA,4BACE,sCAKN,cACE,kBACA,aACA,UACA,kBACA,6BACA,kBACA,cAGF,qBACE,eACA,cACA,WACA,WACA,gBACA,oBACA,kBAGF,uBACE,aACA,eAEA,6BACE,aACA,mBACA,QAGF,4CACE,SASJ,sBACE,SACA,kBACA,kBACA,UACA,gBACA,cACA,mBCnEA,sBACE,UACA,WACA,kBAIJ,0BACE,WACA,YACA,gBACA,kBAGF,cACE,gBACA,WAcF,cACE,cACA,aACA,mBACA,kBACA,oCAEA,iBACE,mBACA,MA7CS,QA8CT,eAGF,oBAtBA,aACA,mBAuBE,cACA,eApBF,wBAsBE,kBACA,aAEA,0BACE,WAxDK,QA4DT,mCACE,kBACA,UACA,eACA,SACA,QAGF,+BACE,kBACA,qBACA,WACA,YACA,gBACA,yBACA,kBACA,kBA9CF,wBAiDE,2CACE,4DAIJ,4DACE,WAxFY,QAyFZ,aAzFY,QA0FZ,+BAEA,mEACE,WACA,kBACA,SACA,QACA,UACA,YACA,kBACA,yBACA,wBAIJ,iBACE,cACA,SACA,WACA,mBAGF,mBACE,eACA,MAjHS,QAgCX,0BAqFA,+BACE,kCAIA,6DACE,WAzHK,QA0HL,aAzHW,QA0HX,mBAGF,kEACE,MA9HW,QA+HX,mBAMN,uBACE,GACE,mBAGF,IACE,qBAGF,KACE,oBCtJJ,yBACE,UACE,YACA,iBAGF,cACE,gBAGF,eAEE,qBACA,kBAEA,mBACA,oBACA,YACA,WACA,WACA,eAIF,YACE,kBACA,MACA,WAGF,iBACE,eACA,UACA,YACA,WACA,mBACA,mBACA,kBACA,oCACA,SACA,eAOF,6BACE,gBACA,eACA,qCACA,SACA,YAGF,mBACE,eAGF,2BAEE,SACA,OACA,MACA,YACA,YACA,YAIF,OACE,gBAGF,aACE,gBAGF,sBACE,SACA,kBACA,gCACA,SAEA,kBACA,YACA,WACA,cACA,WAIF,qBAEE,iBC1FJ,qBACE,sBAIA,sDACE,iCAGF,gDACE,aAKF,mCACE,eAEA,yCACE,sCACA,WAKN,6BACE,aACA,2BAKA,oCACE,wOACA,qBACA,+BACA,4BACA,6BAEA,mEACE,sBACA,WACA,mBAGF,2CACE,gBACA,gBACA,eAIJ,uCACE,yOACA,qBACA,+BACA,4BACA,6BAEA,sEACE,sBACA,WACA,mBAGF,8CACE,kBACA,gBACA,eAMN,wBAyBE,gBACA,YACA,kBACA,oCA1BE,mEACE,qDACA,qCACA,sCACA,uCACA,sBACA,uBAKF,sEACE,oDACA,qCACA,sCACA,uCACA,oCACA,sBACA,uBCnGN,0BACE,GACE,sBAGF,IACE,0BAGF,IACE,uBAGF,IACE,uBAGF,IACE,uBAGF,IACE,0BAGF,KACE,uBAIJ,kBAEE,QAEE,uCAGF,IACE","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["main.scss","_osmose.scss","_recherche.scss","_filters.scss","_mobile.scss","_overrides.scss","_animations.scss"],"names":[],"mappings":";AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKA;EACE;;AAGE;EACE;EACA;;AAKJ;EACE;;;AAMN;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;;AAMJ;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIA;EACE;EACA;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACnpBJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;;;AAEA;EACE;EACA;EACA;EACA;;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AC3DJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACE;EACA;;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEA;EACE;EACA;EACA;;;AAGF;EACE;;;AASJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAcF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEA;AAAA;EACE;EACA,OA9CS;EA+CT;;;AAGF;AAAA;EAvBA;EACA;EAwBE;EACA;EArBF;EAuBE;EACA;;;AAEA;AAAA;EACE,YAzDK;;;AA6DT;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EA/CF;;;AAkDE;AAAA;EACE;;;AAIJ;AAAA;EACE,YAzFY;EA0FZ,cA1FY;EA2FZ;;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EACE;EACA,OAlHS;EAgCX;;;AAsFA;AAAA;EACE;;;AAIA;AAAA;EACE,YA1HK;EA2HL,cA1HW;EA2HX;;;AAGF;AAAA;EACE,OA/HW;EAgIX;;;AAMN;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;ACxJJ;AACA;EACE;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;EAIF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;AACE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAGF;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;;EAIF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;;EAIF;IAEE;;;AC/FJ;AAAA;AAAA;AAKA;EACE;;;AAIA;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;;;AAGF;AAEE;EACE;EACA;EACA;EACA;EACA;;;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAMN;EAyBE;EACA;EACA;EACA;;;AA1BE;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnGN;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EAEE;IAEE;;EAGF;IACE","file":"style.css"} \ No newline at end of file