diff --git a/custom.css b/custom.css
index 25ff40a..ba64c39 100644
--- a/custom.css
+++ b/custom.css
@@ -91,11 +91,11 @@ header nav a:hover {
   top: auto !important;
 }
 
-/* Quadrant 4 (en bas à droite) - TRÈS REMONTÉ pour la légende */
+/* Quadrant 4 (en bas à droite) - DESCENDU tout en bas */
 [class*="Radar_radar"] [class*="Label_label"][class*="Label_position-4"],
 [class*="Label_position-4"] {
   right: 10px !important;
-  bottom: 240px !important;
+  bottom: 10px !important;
   left: auto !important;
   top: auto !important;
 }
@@ -120,26 +120,26 @@ header nav a:hover {
   margin-bottom: 6px !important;
 }
 
-/* Sur les grands écrans, positionner la légende tout en bas à droite */
+/* Sur les grands écrans, positionner la légende PLUS HAUT (à la place de l'ancien quadrant 4) */
 @media (min-width: 1200px) {
   [class*="Radar_radar"] [class*="Legend_legend"],
   [class*="Legend_legend"] {
     right: 10px !important;
-    bottom: 10px !important;
+    bottom: 220px !important;
     left: auto !important;
     top: auto !important;
     transform: none !important;
   }
 }
 
-/* Sur les écrans moyens, centrer la légende en bas */
+/* Sur les écrans moyens, centrer la légende PLUS HAUT */
 @media (min-width: 768px) and (max-width: 1199px) {
   [class*="Radar_radar"] [class*="Legend_legend"],
   [class*="Legend_legend"] {
     left: 50% !important;
     right: auto !important;
     transform: translateX(-50%) !important;
-    bottom: 10px !important;
+    bottom: 220px !important;
     top: auto !important;
   }
 }