From f739629b489d0334bffd11d953e2386ca1c924b1 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 5 Jan 2026 11:11:15 +0000
Subject: [PATCH 1/5] ft

---
 Bootstrap_new/css/style_office.css |  5 +++++
 Vue/gabarit.php                    | 30 +++++++++++++++++++++++++-----
 2 files changed, 30 insertions(+), 5 deletions(-)
diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index 4c46a06..e804e7f 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -253,6 +253,11 @@ body {
     margin-left: var(--sidebar-width);
 }
 
+.nav-bar.collapsed {
+  left: var(--sidebar-collapsed);
+}
+
+
 .toggle-sidebar-btn {
   font-size: 20px;
   padding-left: 15px;
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 9ac91a3..dd7aed2 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -123,7 +123,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <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.05.01" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.05.02" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================
@@ -204,7 +204,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <meta name="twitter:image" content="<?= $racineWeb ?>Bootstrap_new/images/new/favicon.png">
     </head>
 
-    <body class="toggle-sidebar">
+    <body class="d-flex">
         <!-- Header -->
         <header class="app-header">
             <div class="header-content">
@@ -222,7 +222,12 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     </div>
                     <?php endif; ?>
 
-                    <i class="bi bi-list toggle-sidebar-btn"></i>
+                    <i class="bi bi-list toggle-sidebar-btn"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#sidebar"
+                        aria-controls="sidebar"
+                        aria-expanded="true"
+                        aria-label="Basculer le menu"></i>
                 </div>
                 
                 <!-- -->
@@ -295,7 +300,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         </header>
 
         <!-- Sidebar -->
-        <aside class="app-sidebar sidebar" id="sidebar">
+        <aside class="app-sidebar collapse show" id="sidebar">
             <nav class="sidebar-nav" aria-label="Navigation principale">
                 <div class="nav-section">
                     <?php foreach ($menus as $key0 => $menuParent): 
@@ -360,7 +365,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         </aside>
 
         <!-- Main Content -->
-        <main class="app-main" id="mainContent">
+        <main class="app-main flex-grow-1" id="mainContent">
             <INPUT class="sr-only"  TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['vue']) ? $_SESSION['vue'] : ""; ?>">
             <input class="sr-only" type="text" id="codeSociete" name="codeSociete" value="<?= $_SESSION['codeSociete'] ?>">		
             <!-- Navigation Tabs -->
@@ -751,6 +756,21 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
             });
         </script>
 
+        <script>
+            document.addEventListener("DOMContentLoaded", function () {
+                const toggleBtn = document.querySelector(".toggle-sidebar-btn");
+                const sidebar = document.querySelector(".app-sidebar");
+                const main = document.querySelector(".app-main");
+                const navBar = document.querySelector(".nav-bar");
+
+                toggleBtn.addEventListener("click", function () {
+                    sidebar.classList.toggle("collapsed");
+                    main.classList.toggle("collapsed");
+                    navBar?.classList.toggle("collapsed"); // <-- déplacé ici
+                });
+            });
+        </script>
+
 
     </body>
 </html>

From 147995546a05784fd08fc9274f4ec583be2c8ec3 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 5 Jan 2026 11:12:56 +0000
Subject: [PATCH 2/5] e

---
 Vue/gabarit.php | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index dd7aed2..1d51368 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -729,6 +729,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         </script>
 
         <script>
+            
             document.addEventListener('DOMContentLoaded', function () {
             // 1) Déplacer immédiatement tous les modals existants sous <body>
             document.querySelectorAll('.modal').forEach(function (m) {
@@ -757,6 +758,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         </script>
 
         <script>
+            /*
             document.addEventListener("DOMContentLoaded", function () {
                 const toggleBtn = document.querySelector(".toggle-sidebar-btn");
                 const sidebar = document.querySelector(".app-sidebar");
@@ -769,9 +771,8 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     navBar?.classList.toggle("collapsed"); // <-- déplacé ici
                 });
             });
+            */
         </script>
-
-
     </body>
 </html>
 

From 4654d9e546b564f3e627841dd471eea441a28597 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 5 Jan 2026 11:14:36 +0000
Subject: [PATCH 3/5] d

---
 Bootstrap_new/css/style_office.css |  7 +------
 Vue/gabarit.php                    | 31 +++++-------------------------
 2 files changed, 6 insertions(+), 32 deletions(-)

diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index e804e7f..3404cb2 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -253,14 +253,9 @@ body {
     margin-left: var(--sidebar-width);
 }
 
-.nav-bar.collapsed {
-  left: var(--sidebar-collapsed);
-}
-
-
 .toggle-sidebar-btn {
   font-size: 20px;
-  padding-left: 15px;
+  padding-left: 10px;
   cursor: pointer;
 }
 
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 1d51368..1340c5e 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -123,7 +123,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <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.05.02" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.05.01" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================
@@ -204,7 +204,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <meta name="twitter:image" content="<?= $racineWeb ?>Bootstrap_new/images/new/favicon.png">
     </head>
 
-    <body class="d-flex">
+    <body>
         <!-- Header -->
         <header class="app-header">
             <div class="header-content">
@@ -222,12 +222,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     </div>
                     <?php endif; ?>
 
-                    <i class="bi bi-list toggle-sidebar-btn"
-                        data-bs-toggle="collapse"
-                        data-bs-target="#sidebar"
-                        aria-controls="sidebar"
-                        aria-expanded="true"
-                        aria-label="Basculer le menu"></i>
+                    <i class="bi bi-list toggle-sidebar-btn"></i>
                 </div>
                 
                 <!-- -->
@@ -300,7 +295,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         </header>
 
         <!-- Sidebar -->
-        <aside class="app-sidebar collapse show" id="sidebar">
+        <aside class="app-sidebar" id="sidebar">
             <nav class="sidebar-nav" aria-label="Navigation principale">
                 <div class="nav-section">
                     <?php foreach ($menus as $key0 => $menuParent): 
@@ -365,7 +360,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         </aside>
 
         <!-- Main Content -->
-        <main class="app-main flex-grow-1" id="mainContent">
+        <main class="app-main" id="mainContent">
             <INPUT class="sr-only"  TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['vue']) ? $_SESSION['vue'] : ""; ?>">
             <input class="sr-only" type="text" id="codeSociete" name="codeSociete" value="<?= $_SESSION['codeSociete'] ?>">		
             <!-- Navigation Tabs -->
@@ -729,7 +724,6 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         </script>
 
         <script>
-            
             document.addEventListener('DOMContentLoaded', function () {
             // 1) Déplacer immédiatement tous les modals existants sous <body>
             document.querySelectorAll('.modal').forEach(function (m) {
@@ -757,22 +751,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
             });
         </script>
 
-        <script>
-            /*
-            document.addEventListener("DOMContentLoaded", function () {
-                const toggleBtn = document.querySelector(".toggle-sidebar-btn");
-                const sidebar = document.querySelector(".app-sidebar");
-                const main = document.querySelector(".app-main");
-                const navBar = document.querySelector(".nav-bar");
 
-                toggleBtn.addEventListener("click", function () {
-                    sidebar.classList.toggle("collapsed");
-                    main.classList.toggle("collapsed");
-                    navBar?.classList.toggle("collapsed"); // <-- déplacé ici
-                });
-            });
-            */
-        </script>
     </body>
 </html>
 

From 9fd327557e743ec03dde83269b19e8c53bc18819 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 5 Jan 2026 11:17:42 +0000
Subject: [PATCH 4/5] r

---
 Vue/gabarit.php | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 1340c5e..74f9b82 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -751,7 +751,27 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
             });
         </script>
 
+        <script>
+            document.addEventListener("DOMContentLoaded", function () {
+                const toggleBtn = document.querySelector(".toggle-sidebar-btn");
+                const sidebar   = document.querySelector(".app-sidebar");
+                const main      = document.querySelector(".app-main");
+                const navBar    = document.querySelector(".nav-bar");
 
+                toggleBtn.addEventListener("click", function () {
+                    // Toggle sidebar
+                    sidebar.classList.toggle("collapsed");
+
+                    // Ajuster le main
+                    main.classList.toggle("collapsed");
+
+                    // Ajuster la nav-bar si elle existe
+                    if (navBar) {
+                        navBar.classList.toggle("collapsed");
+                    }
+                });
+            });
+        </script>
     </body>
 </html>
 

From 2664fbac5a42224de48440b304e7e5466e5856e0 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 5 Jan 2026 11:20:58 +0000
Subject: [PATCH 5/5] f

---
 Bootstrap_new/css/style_office.css |  5 ++++
 Vue/gabarit.php                    | 42 +++++++++++++++---------------
 2 files changed, 26 insertions(+), 21 deletions(-)

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>
 
