diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index ec0b287..b3486c5 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -687,22 +687,29 @@ body {
     font-weight: 600;
 }
 
-/* Forcer le modal à être au-dessus de tout */
-.modal {
-  position: fixed !important;
-  z-index: 9999 !important;
+/* Patch global pour forcer le modal au-dessus de tout */
+body.modal-open {
+  overflow: hidden !important;
 }
 
-/* Forcer le backdrop à être juste en dessous du modal */
+/* Backdrop toujours derrière le modal */
 .modal-backdrop {
   position: fixed !important;
   z-index: 9998 !important;
 }
 
-/* Optionnel : s'assurer que le contenu du modal suit */
+/* Modal lui-même */
+.modal {
+  position: fixed !important;
+  z-index: 9999 !important;
+  display: block !important;
+}
+
+/* Dialog et contenu */
 .modal-dialog,
 .modal-content {
-  z-index: 9999 !important;
+  position: relative !important;
+  z-index: 10000 !important;
 }
 
 /* ============================================
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 240a99f..1bfd032 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -119,7 +119,7 @@ $activeChildId = $menuData['child'];
         <link rel="manifest" href="<?= $racineWeb ?>manifest.json">
         
         <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
-        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.29.03" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.29.04" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================