diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index c334a8fb..5ed5cb32 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -1787,4 +1787,30 @@ select[class*="selectpicker"],
     border-radius: 5px !important;
     color: #fff !important;
 }
+
+/* --- LE FIX JQUERY UI (Z-INDEX) --- */
+#ui-datepicker-div {
+    /* On doit être au-dessus du header (1000) */
+    z-index: 9999 !important; 
+}
+
+/* --- TON STYLE PERSONNALISÉ NETTOYÉ --- */
+.ui-datepicker {
+    background: #c9ebf2;
+    border: 1px solid #212e53;
+    padding: 5px;
+    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
+    font-family: inherit;
+}
+
+.ui-datepicker-calendar th { background: white; }
+.ui-datepicker .ui-state-default { color: grey; border: none; background: #fff; }
+.ui-datepicker-today { background: #FFF88D !important; }
+.ui-datepicker-today a { color: red !important; }
+.ui-datepicker-current-day { background: #0B5ED7 !important; }
+.ui-datepicker-current-day a { color: white !important; }
+.ui-datepicker td { border: 1px solid #eee; padding: 2px; }
+
+/* Masquer les icônes par défaut si tu ne les utilises pas */
+.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { display: none; }
   
\ No newline at end of file