From 2358c567ac90e6c6e2f8ce33d239e3a036a7f880 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sat, 3 Jan 2026 12:16:26 +0000
Subject: [PATCH] f

---
 Bootstrap_new/css/style_office.css |  4 ++-
 Vue/gabarit.php                    | 46 +++++++++++++++---------------
 2 files changed, 26 insertions(+), 24 deletions(-)
diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index 7a6a5a5..74d8e6b 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -697,6 +697,9 @@ body {
     z-index: 1055 !important;
 }
 
+.modal.show { z-index: 2000; }
+.modal-backdrop.show { z-index: 1999; }
+
 /* ============================================
    RESPONSIVE DESIGN
    ============================================ */
@@ -708,7 +711,6 @@ body {
         margin-left: var(--sidebar-collapsed);
     }
 
-    
     .nav-text,
     .nav-title,
     .nav-badge,
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 0803ece..3e76d1e 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=2026.01.03.01" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.03.02" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================
@@ -681,34 +681,34 @@ $activeChildId = $menuData['child'];
         </script>
 
         <script>
-            //
             document.addEventListener('DOMContentLoaded', function () {
-                // 1) Pass initial: déplacer tous les modals existants sous <body>
-                document.querySelectorAll('.modal').forEach(function (m) {
-                    if (m.parentNode !== document.body) document.body.appendChild(m);
-                });
+            // 1) Déplacer immédiatement tous les modals existants sous <body>
+            document.querySelectorAll('.modal').forEach(function (m) {
+                if (m.parentNode !== document.body) document.body.appendChild(m);
+            });
 
-                // 2) Intercepter tous les clics sur triggers avant Bootstrap (capture)
-                document.addEventListener('click', function (e) {
-                    const trigger = e.target.closest('[data-bs-toggle="modal"][data-bs-target]');
-                    if (!trigger) return;
-                    const targetSelector = trigger.getAttribute('data-bs-target');
-                    const modal = document.querySelector(targetSelector);
-                    if (modal && modal.parentNode !== document.body) {
-                    document.body.appendChild(modal);
-                    }
-                }, true);
+            // 2) Intercepter tous les clics sur triggers AVANT Bootstrap (phase capture)
+            document.addEventListener('click', function (e) {
+                const trigger = e.target.closest('[data-bs-toggle="modal"][data-bs-target]');
+                if (!trigger) return;
+                const targetSelector = trigger.getAttribute('data-bs-target');
+                const modal = document.querySelector(targetSelector);
+                if (modal && modal.parentNode !== document.body) {
+                document.body.appendChild(modal);
+                }
+            }, true);
 
-                // 3) Fallback: si un modal s'ouvre autrement, garantir le déplacement
-                document.addEventListener('show.bs.modal', function (event) {
-                    const modal = event.target;
-                    if (modal && modal.parentNode !== document.body) {
-                    document.body.appendChild(modal);
-                    }
-                });
+            // 3) Fallback: si un modal s'ouvre autrement, garantir le déplacement
+            document.addEventListener('show.bs.modal', function (event) {
+                const modal = event.target;
+                if (modal && modal.parentNode !== document.body) {
+                document.body.appendChild(modal);
+                }
+            });
             });
         </script>
 
+
     </body>
 </html>
 
