diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index d5b5c8a..1ac13c1 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -235,10 +235,18 @@ body {
     margin-left: var(--sidebar-width);
     padding-top: var(--header-height);
     min-height: 100vh;
-    transition: margin-left var(--transition-speed) ease;
+    transition: margin-left var(--transition-speed) ease, width var(--transition-speed) ease;
     background-color: var(--office-light);
+    width: calc(100% - var(--sidebar-width));
 }
 
+/* Quand le sidebar est réduit */
+body.sidebar-collapsed .app-main {
+    margin-left: var(--sidebar-collapsed) !important;
+    width: calc(100% - var(--sidebar-collapsed)) !important;
+}
+
+
 .toggle-sidebar-btn {
   font-size: 20px;
   padding-left: 10px;
@@ -343,9 +351,6 @@ body.sidebar-collapsed .app-sidebar {
   width: var(--sidebar-collapsed) !important;
 }
 
-body.sidebar-collapsed .app-main {
-  margin-left: var(--sidebar-collapsed) !important;
-}
 
 body.sidebar-collapsed .nav-bar {
   left: var(--sidebar-collapsed) !important;
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 7dca7d5..685f492 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -126,7 +126,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.12" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.05.13" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================