diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index b3486c5..dd5db9b 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -687,29 +687,23 @@ body {
     font-weight: 600;
 }
 
-/* Patch global pour forcer le modal au-dessus de tout */
-body.modal-open {
-  overflow: hidden !important;
+/* Ne pas toucher à display: Bootstrap gère. */
+/* Monter le modal uniquement quand il est visible */
+.modal.show {
+  position: fixed;
+  z-index: 2000; /* au-dessus de vos éléments fixes */
 }
 
-/* Backdrop toujours derrière le modal */
-.modal-backdrop {
-  position: fixed !important;
-  z-index: 9998 !important;
+/* Backdrop juste en dessous, uniquement quand visible */
+.modal-backdrop.show {
+  position: fixed;
+  z-index: 1999;
 }
 
-/* Modal lui-même */
-.modal {
-  position: fixed !important;
-  z-index: 9999 !important;
-  display: block !important;
-}
-
-/* Dialog et contenu */
-.modal-dialog,
-.modal-content {
-  position: relative !important;
-  z-index: 10000 !important;
+/* Si certains contenus internes sont recouverts, montez-les aussi */
+.modal.show .modal-dialog,
+.modal.show .modal-content {
+  z-index: 2000;
 }
 
 /* ============================================
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index a27801d..90850a7 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.05" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.29.06" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================