diff --git a/index.html b/index.html
index fbebfe7..2521d31 100644
--- a/index.html
+++ b/index.html
@@ -116,46 +116,55 @@
                 ⚙️ Filtres:
             </h2>
             <div class="filter-group">
-                
-                <div class="filter-group">
-                    Montrer: 
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterCableAttached"> Prise avec câble attaché
-                    </label>
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterCCS"> Prise CCS
-                    </label>
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterType2"> Prise Type 2
-                    </label>
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterDomestic"> Prise domestique
-                    </label>
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterChademo"> Prise CHAdeMO
-                    </label>
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterType1"> Prise Type 1
-                    </label>
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterType3"> Prise Type 3
-                    </label>
-                    <hr>
-                    <label>
-                        <input type="checkbox" id="filterQuality"> Contrôle qualité
-                    </label>
-                    <br>
-                    <label>
-                        <input type="checkbox" id="filterUnkown"> ❓ kW max inconnu
-                    </label>
-                </div>
+                <h3>Types de prises</h3>
+                <label>
+                    <input type="checkbox" id="filterCableAttached">
+                    <span class="checkbox-custom"></span>
+                    <span>Prise avec câble attaché</span>
+                </label>
+                <label>
+                    <input type="checkbox" id="filterCCS">
+                    <span class="checkbox-custom"></span>
+                    <span>Prise CCS</span>
+                </label>
+                <label>
+                    <input type="checkbox" id="filterType2">
+                    <span class="checkbox-custom"></span>
+                    <span>Prise Type 2</span>
+                </label>
+                <label>
+                    <input type="checkbox" id="filterDomestic">
+                    <span class="checkbox-custom"></span>
+                    <span>Prise domestique</span>
+                </label>
+                <label>
+                    <input type="checkbox" id="filterChademo">
+                    <span class="checkbox-custom"></span>
+                    <span>Prise CHAdeMO</span>
+                </label>
+                <label>
+                    <input type="checkbox" id="filterType1">
+                    <span class="checkbox-custom"></span>
+                    <span>Prise Type 1</span>
+                </label>
+                <label>
+                    <input type="checkbox" id="filterType3">
+                    <span class="checkbox-custom"></span>
+                    <span>Prise Type 3</span>
+                </label>
+                <hr>
+                <h3>Qualité des données</h3>
+                <label>
+                    <input type="checkbox" id="filterQuality">
+                    <span class="checkbox-custom"></span>
+                    <span>Contrôle qualité</span>
+                </label>
+                <label>
+                    <input type="checkbox" id="filterUnkown">
+                    <span class="checkbox-custom"></span>
+                    <span>❓ kW max inconnu</span>
+                </label>
+            </div>
 <!--
                 <br>
                 <fieldset class="wip">
diff --git a/js/lcm_main.js b/js/lcm_main.js
index 3ce08f2..90b470e 100644
--- a/js/lcm_main.js
+++ b/js/lcm_main.js
@@ -342,7 +342,7 @@ function calculerPourcentage(partie, total, reduc) {
     return ((partie / total) * 100 * coef_reduction).toFixed(1)
 }
 
-function displayStatsFromGeoJson(resultAsGeojson) {
+function displayStatsFromGeoJson(resultAsGeojson, stats) {
     let count = resultAsGeojson.features.length;
     let count_station_output = 0;
     let count_ref_eu = 0;
@@ -355,7 +355,6 @@ function displayStatsFromGeoJson(resultAsGeojson) {
     let count_estimated_type2combo = 0;
     let count_found_type2combo = 0;
     let count_found_type2 = 0;
-    let count_hidden_by_filters = 0;
 
     // Compter les filtres désactivés
     let disabledFilters = 0;
@@ -363,7 +362,7 @@ function displayStatsFromGeoJson(resultAsGeojson) {
         if (!lcm_config.filterConfigs[filterId]) disabledFilters++;
     });
     
-    $('#count_features_fond').html('⚡' + count + ' stations' + (disabledFilters > 0 ? ` (${disabledFilters} filtre${disabledFilters > 1 ? 's' : ''} désactivé${disabledFilters > 1 ? 's' : ''}, ${count_hidden_by_filters} masqué${count_hidden_by_filters > 1 ? 's' : ''})` : ''));
+    $('#count_features_fond').html('⚡' + count + ' stations' + (disabledFilters > 0 ? ` (${disabledFilters} filtre${disabledFilters > 1 ? 's' : ''} désactivé${disabledFilters > 1 ? 's' : ''}, ${stats.count_hidden_by_filters} masqué${stats.count_hidden_by_filters > 1 ? 's' : ''})` : ''));
 
     resultAsGeojson.features.map(feature => {
         let found_type2_combo = false;
@@ -501,7 +500,11 @@ function displayPointsFromApi(points, convert_to_osm_json) {
         geojsondata = osmtogeojson(points);
     }
 
-    displayStatsFromGeoJson(geojsondata);
+    let stats = {
+        count_hidden_by_filters: 0
+    };
+
+    displayStatsFromGeoJson(geojsondata, stats);
 
     let resultLayer = L.geoJson(geojsondata, {
         style: function (feature) {
@@ -523,7 +526,9 @@ function displayPointsFromApi(points, convert_to_osm_json) {
             supprimerMarqueurs();
             displayPointsFromApi();
         },
-        onEachFeature: eachFeature,
+        onEachFeature: function(feature, layer) {
+            eachFeature(feature, layer, stats);
+        },
     });
 }
 
@@ -569,7 +574,7 @@ function makePopupOfFeature(feature) {
  * @param feature
  * @param layer
  */
-function eachFeature(feature, layer) {
+function eachFeature(feature, layer, stats) {
     let link_josm = createJOSMEditLink(feature);
 
     let popupContent = makePopupOfFeature(feature);
@@ -581,32 +586,32 @@ function eachFeature(feature, layer) {
 
     // Vérifier les filtres activés
     if (lcm_config.filterCCS && !feature.properties.tags['socket:type2_combo']) {
-        count_hidden_by_filters++;
+        stats.count_hidden_by_filters++;
         return;
     }
 
     if (lcm_config.filterType2 && !feature.properties.tags['socket:type2']) {
-        count_hidden_by_filters++;
+        stats.count_hidden_by_filters++;
         return;
     }
 
     if (lcm_config.filterDomestic && !feature.properties.tags['socket:typee']) {
-        count_hidden_by_filters++;
+        stats.count_hidden_by_filters++;
         return;
     }
 
     if (lcm_config.filterChademo && !feature.properties.tags['socket:chademo']) {
-        count_hidden_by_filters++;
+        stats.count_hidden_by_filters++;
         return;
     }
 
     if (lcm_config.filterType1 && !feature.properties.tags['socket:type1']) {
-        count_hidden_by_filters++;
+        stats.count_hidden_by_filters++;
         return;
     }
 
     if (lcm_config.filterType3 && !feature.properties.tags['socket:type3']) {
-        count_hidden_by_filters++;
+        stats.count_hidden_by_filters++;
         return;
     }
 
@@ -619,7 +624,7 @@ function eachFeature(feature, layer) {
             }
         });
         if (!hasCableAttached) {
-            count_hidden_by_filters++;
+            stats.count_hidden_by_filters++;
             return;
         }
     }
@@ -631,7 +636,7 @@ function eachFeature(feature, layer) {
                             feature.properties.tags['payment:none'] ||
                             feature.properties.tags['opening_hours'];
         if (!hasQualityInfo) {
-            count_hidden_by_filters++;
+            stats.count_hidden_by_filters++;
             return;
         }
     }
@@ -1316,11 +1321,11 @@ function init() {
     };
 
     // Créer deux contrôles de couches séparés
-    const baseLayerControl = L.control.layers(baseLayers, null, {
-        collapsed: true,
-        className: 'leaflet-control-layers base-layers',
-        id: 'base-layers-control'
-    }).addTo(map);
+    // const baseLayerControl = L.control.layers(baseLayers, null, {
+    //     collapsed: true,
+    //     className: 'leaflet-control-layers base-layers',
+    //     id: 'base-layers-control'
+    // }).addTo(map);
 
     const overlayControl = L.control.layers(null, overlayMaps, {
         collapsed: true,
diff --git a/styles/filters.scss b/styles/filters.scss
new file mode 100644
index 0000000..77928c9
--- /dev/null
+++ b/styles/filters.scss
@@ -0,0 +1,123 @@
+// Variables
+$primary-color: #28a745;
+$border-color: #6c757d;
+$hover-bg: #e9ecef;
+$text-color: #495057;
+$disabled-color: #adb5bd;
+
+// Mixins
+@mixin flex-center {
+  display: flex;
+  align-items: center;
+}
+
+@mixin transition($property: all, $duration: 0.3s, $timing: ease) {
+  transition: $property $duration $timing;
+}
+
+// Styles pour le groupe de filtres
+.filter-group {
+  margin: 15px 0;
+  padding: 15px;
+  background: #f8f9fa;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+  h3 {
+    margin-bottom: 10px;
+    color: $text-color;
+    font-size: 16px;
+  }
+
+  label {
+    @include flex-center;
+    padding: 8px 0;
+    cursor: pointer;
+    @include transition;
+    border-radius: 4px;
+    margin: 4px 0;
+
+    &:hover {
+      background: $hover-bg;
+    }
+  }
+
+  input[type="checkbox"] {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+  }
+
+  .checkbox-custom {
+    position: relative;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    background: #fff;
+    border: 2px solid $border-color;
+    border-radius: 4px;
+    margin-right: 10px;
+    @include transition;
+
+    label:hover & {
+      border-color: darken($border-color, 10%);
+    }
+  }
+
+  input[type="checkbox"]:checked + .checkbox-custom {
+    background: $primary-color;
+    border-color: $primary-color;
+    animation: checkboxPop 0.3s ease;
+
+    &::after {
+      content: '';
+      position: absolute;
+      left: 6px;
+      top: 2px;
+      width: 5px;
+      height: 10px;
+      border: solid white;
+      border-width: 0 2px 2px 0;
+      transform: rotate(45deg);
+    }
+  }
+
+  hr {
+    margin: 15px 0;
+    border: 0;
+    height: 1px;
+    background: #dee2e6;
+  }
+
+  span {
+    font-size: 14px;
+    color: $text-color;
+    @include transition(color);
+  }
+
+  label:hover span {
+    color: darken($text-color, 10%);
+  }
+
+  input[type="checkbox"]:disabled {
+    + .checkbox-custom {
+      background: $hover-bg;
+      border-color: $disabled-color;
+      cursor: not-allowed;
+    }
+
+    + .checkbox-custom + span {
+      color: $disabled-color;
+      cursor: not-allowed;
+    }
+  }
+}
+
+// Animation
+@keyframes checkboxPop {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.1); }
+  100% { transform: scale(1); }
+} 
\ No newline at end of file
diff --git a/styles/main.scss b/styles/main.scss
index a1d7579..ab93a00 100644
--- a/styles/main.scss
+++ b/styles/main.scss
@@ -400,46 +400,6 @@ button+button {
   margin-left: 1rem;
 }
 
-.filter-group button {
-  padding: 1rem 2rem;
-  border-radius: 0.25rem;
-
-  &:after {
-    position: relative;
-    float: right;
-    left: 1rem;
-    top: 1rem;
-    font-size: 0.9em;
-  }
-
-  &.filter-state-hide:after {
-    content: "cacher";
-    color: grey;
-  }
-
-  &.filter-state-show:after {
-    content: "montrer";
-    color: green;
-  }
-
-  &.filter-state-showOnly:after {
-    content: "montrer uniquement";
-    color: orange;
-  }
-
-  &.filter-state-hide {
-    background: #fff;
-  }
-
-  &.filter-state-show {
-    color: green;
-  }
-
-  &.filter-state-showOnly {
-    color: orange;
-  }
-}
-
 .leaflet-control-layers-toggle {
   background-size: contain;
 }
diff --git a/styles/style.css b/styles/style.css
index cbf7325..c2bd1ee 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1 +1,106 @@
 :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:100%;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:1rem;font-size:1rem}#map{height:95vh;width:100%;margin:0;border:solid 2px}table tr td{border-bottom:#ccc 1px solid}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}#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:2em;margin-bottom:.5em}.navigation-link{background:#fff;border-radius:.25em;float:none;position:relative;top:5em;right:-7.9rem}.navigation-link:hover{border:#000;background:#96b1ea}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:.5rem;right:3rem;background:#fff;border-radius:100%;width:3rem;height:3rem;animation:spin 2s linear infinite}#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:50%;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:3rem;height:3rem;fill:#000}.sockets-list{margin-top:.25rem}.socket-counter{background:#dedede;margin-top:1rem;margin-left:-0.25rem;border-radius:1rem;padding:.25rem}.leaflet-interactive{border:solid 3px #fff}#infos_carte{padding:1rem 0}button+button{margin-left:1rem}.filter-group button{padding:1rem 2rem;border-radius:.25rem}.filter-group button:after{position:relative;float:right;left:1rem;top:1rem;font-size:.9em}.filter-group button.filter-state-hide:after{content:"cacher";color:gray}.filter-group button.filter-state-show:after{content:"montrer";color:green}.filter-group button.filter-state-showOnly:after{content:"montrer uniquement";color:orange}.filter-group button.filter-state-hide{background:#fff}.filter-group button.filter-state-show{color:green}.filter-group button.filter-state-showOnly{color:orange}.leaflet-control-layers-toggle{background-size:contain}#round_power_legend{font-size:.8rem}.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:5.7rem;width:26vw}#toggleSidePanel{position:fixed;top:1rem;right:2rem;z-index:10;background:#fff;padding:1rem 2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2)}header{padding-left:2rem;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:5.55rem;width:71.2vw}#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{width:100vw;line-height:3rem}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}.search-input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--button-border);border-radius:5px}#count_features_fond{position:fixed;bottom:1rem;right:1rem;z-index:10;background:#fff;padding:1rem;border-radius:8px}#removeMarkers{margin-right:1rem}.filters-box{position:absolute;bottom:.7rem;right:25vw;z-index:100}.filters-box .rounded-button{margin-right:.5rem;margin-bottom:.5rem}#searchButton{margin-right:1rem}.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:400px;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:absolute;bottom:-16.7px;width:122.4%;z-index:10000;margin:1rem 0;height:.4rem;overflow:hidden}.osmose-marker-drop:hover .osmose-marker-inner{animation:bounce .5s ease infinite;background-color:#9f2bff}.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}.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 .edit-button.josm{background-color:#4caf50;color:#fff}.action-buttons a:hover{opacity:.9}#searchResults{width:100%}.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}@keyframes bounce{0%,100%{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(-5px)}}.leaflet-left .leaflet-control{margin-left:2rem}@media(max-width: 1200px){header h1{width:100vw;font-size:1.5rem}#toggleSidePanel{right:1rem;top:1.3rem}.side-panel-open .side-panel{position:static;transform:none;box-shadow:0 -2px 5px rgba(0,0,0,.2);margin:20px 0 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}}@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}}.leaflet-control-layers.base-layers{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 9l10-5 10 5-10 5-10-5zm0 6l10 5 10-5M2 12l10 5 10-5"/></svg>');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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>');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}/*# sourceMappingURL=style.css.map */
+
+/* Style pour les filtres */
+.filter-group {
+    margin: 15px 0;
+    padding: 15px;
+    background: #f8f9fa;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.filter-group 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 {
+    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 0.3s ease;
+}
+
+.filter-group label:hover .checkbox-custom {
+    border-color: #495057;
+}
+
+.filter-group input[type="checkbox"]:checked + .checkbox-custom {
+    background: #28a745;
+    border-color: #28a745;
+}
+
+.filter-group 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 {
+    margin: 15px 0;
+    border: 0;
+    height: 1px;
+    background: #dee2e6;
+}
+
+/* Animation pour les checkboxes */
+@keyframes checkboxPop {
+    0% { transform: scale(1); }
+    50% { transform: scale(1.1); }
+    100% { transform: scale(1); }
+}
+
+.filter-group input[type="checkbox"]:checked + .checkbox-custom {
+    animation: checkboxPop 0.3s ease;
+}
+
+/* Style pour le texte des labels */
+.filter-group label span {
+    font-size: 14px;
+    color: #495057;
+    transition: color 0.3s ease;
+}
+
+.filter-group label:hover span {
+    color: #212529;
+}
+
+/* Style pour les filtres désactivés */
+.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;
+}