diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index 03791ca1..badd880d 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -1785,19 +1785,22 @@ select[class*="selectpicker"],
     color: #fff !important;
 }
 
-/* --- LE FIX JQUERY UI (Z-INDEX) --- */
+/* 1. On ne force JAMAIS le display:block ici, sinon il reste visible en bas de page */
 #ui-datepicker-div {
-    /* On doit être au-dessus du header (1000) */
-    z-index: 9999 !important; 
-}
-
-/* --- LE FIX Z-INDEX (Correctif SUPERIORITÉ) --- */
-#ui-datepicker-div {
-    z-index: 2000 !important; /* Supérieur au header (1000) */
+    z-index: 99999 !important; /* Priorité absolue sur le header et les modals */
+    display: none; /* Laisse jQuery UI le contrôler */
+    
+    /* Design SaaS Neutral Pro */
+    background: #ffffff !important;
+    border: 1px solid #212e53 !important;
+    border-radius: 12px !important;
+    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
+    padding: 10px !important;
+    font-family: inherit;
 }
 
 /* --- LE DATEPICKER "NEUTRAL PRO" (jQuery UI) --- */
-/* 1. Conteneur principal : Plus grand, plus aéré, ombre premium */
+/* Conteneur principal : Plus grand, plus aéré, ombre premium */
 .ui-datepicker {
     font-size: 10pt !important; /* Police plus lisible */
     background: #fff !important; /* Fond blanc pur */
@@ -1808,13 +1811,11 @@ select[class*="selectpicker"],
     width: 280px !important; /* Largeur fixe pour la lisibilité */
 }
 
-/* 2. En-tête (Mois/Année) : Police forte, icônes masquées */
 .ui-datepicker-header {
-    background: #f8f9fa !important; /* Fond d'en-tête léger */
+    background: #f8f9fa !important;
     border: none !important;
-    padding: 0 0 10px 0 !important;
     border-bottom: 1px solid #eee !important;
-    margin-bottom: 10px !important;
+    border-radius: 8px 8px 0 0 !important;
 }
 
 .ui-datepicker-title {
@@ -1827,7 +1828,7 @@ select[class*="selectpicker"],
 /* Masquage des flèches par défaut */
 .ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { display: none; }
 
-/* 3. Jours de la semaine : Gris légers, en majuscules */
+/* Jours de la semaine : Gris légers, en majuscules */
 .ui-datepicker-calendar th {
     font-weight: bold;
     color: #888;
@@ -1836,7 +1837,7 @@ select[class*="selectpicker"],
     padding-bottom: 10px;
 }
 
-/* 4. Tableau des jours : Cellules plus grandes, sans bordures lourdes */
+/* Tableau des jours : Cellules plus grandes, sans bordures lourdes */
 .ui-datepicker-calendar {
     border-collapse: collapse;
 }
@@ -1845,7 +1846,7 @@ select[class*="selectpicker"],
     padding: 2px;
 }
 
-/* 5. Style des Jours Standards : Pas de bordures, fond blanc */
+/* Style des Jours Standards : Pas de bordures, fond blanc */
 .ui-datepicker .ui-state-default {
     background: #fff !important;
     color: #555 !important;
@@ -1862,7 +1863,7 @@ select[class*="selectpicker"],
     color: #212e53 !important;
 }
 
-/* 6. Jours Désactivés (Passés/Futurs) : Gris léger */
+/* Jours Désactivés (Passés/Futurs) : Gris léger */
 .ui-state-disabled {
     opacity: 0.35 !important;
 }
@@ -1953,14 +1954,11 @@ select[class*="selectpicker"],
     border: none !important;
 }
 
-/* Nettoyage des artefacts SVG invisibles de bibliothèque */
-#SvgjsSvg1001, 
-[id^="SvgjsSvg"] {
-    display: none !important;
-    visibility: hidden !important;
-    position: absolute !important;
-    top: -100% !important;
-    left: -100% !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
+/* On s'assure que les jours sont propres */
+.ui-datepicker th { color: #888 !important; text-transform: uppercase; font-size: 8pt; }
+.ui-datepicker td span, .ui-datepicker td a {
+    border: none !important;
+    background: none !important;
+    text-align: center !important;
+    border-radius: 6px !important;
 }
\ No newline at end of file