diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index 3404cb2..363ef1f 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -259,6 +259,11 @@ body {
   cursor: pointer;
 }
 
+.nav-bar.collapsed {
+  left: var(--sidebar-collapsed);
+}
+
+
 /* ============================================
    NAVIGATION TABS
    ============================================ */
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 74f9b82..961a3ea 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -725,29 +725,29 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
 
         <script>
             document.addEventListener('DOMContentLoaded', function () {
-            // 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);
-            });
+                // 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 (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);
+                // 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>
 
