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
-
-
-
${displayOutPowerGuessed}
-
détails
-`;
+ // contenu de la popup
+ let html = `
${displayOutPowerGuessed}
+
+
+
+ `
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 += '
'
+ count_features_in_table++;
+ }
+ }
+ })
+ table_details += '
'
+
+ if (!count_features_in_table) {
+ table_details += '
Aucune information renseignée
'
+ }
+ content += `
${displayOutPowerGuessed}
+
+
🚗
+
🚴♀️
+
👠
+
+
+
✏️
+
JOSM
+
+
+
+
+
+ ${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 += '' + elem + ' ' + feature.properties.tags[elem] + ' ';
- ii++;
- })
- content += ' ' +
- '
'
-
- 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