diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index a53b146..59b5578 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -237,23 +237,23 @@ content-area {
    NAVIGATION TABS
    ============================================ */
 .nav-bar {
-    background-color: #ffffff;
+    background-color: white;
     border-radius: 8px;
-    box-shadow: 0 2px 8px rgba(183, 71, 42, 0.08);
-    border: 1px solid rgba(183, 71, 42, 0.15);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+    border: 1px solid var(--office-border);
     position: fixed;
     top: var(--header-height);
     left: var(--sidebar-width);
-    right: 24px; /* Au lieu de right: 0 */
+    right: 0;
     z-index: 1000;
-    margin: 0 24px 0 0; /* Marge à droite */
+    max-width: calc(1400px + 24px * 2);
+    margin: 0 auto;
     padding: 0 24px;
     overflow-x: auto;
     height: 56px;
     display: flex;
     align-items: center;
     transition: left var(--transition-speed) ease;
-    background: linear-gradient(135deg, #ffffff 0%, #fef8f7 100%);
 }
 
 .nav-tabs {
@@ -297,13 +297,6 @@ content-area {
     font-size: 16px;
 }
 
-@media (max-width: 1400px) {
-    .nav-bar {
-        right: 24px;
-        margin: 0 24px 0 0;
-    }
-}
-
 /* ============================================
    CONTENT AREA - AJUSTÉ POUR LA NAV-BAR FIXE
    ============================================ */
@@ -326,6 +319,12 @@ content-area {
     overflow: hidden;
 }
 
+/* Ajustement pour responsive */
+@media (max-width: 1200px) {
+    .content-card {
+        margin-top: calc(var(--header-height) + 56px);
+    }
+}
 
 .card-header {
     background-color: #fafafa;
@@ -713,12 +712,10 @@ content-area {
         right: -100%;
     }
 
+    /* Pour la version collapsed de la sidebar */
     .nav-bar {
         left: var(--sidebar-collapsed);
-        right: 24px;
-        margin: 0 24px 0 0;
     }
-    
 }
 
 /* Pour mobile */
@@ -759,17 +756,6 @@ content-area {
         left: 0;
         padding: 0 16px;
         max-width: 100%;
-        border-radius: 0;
-        top: var(--header-height);
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    }
-
-    .nav-bar {
-        left: 0;
-        right: 0;
-        margin: 0;
-        border-radius: 0;
-        padding: 0 16px;
     }
 }
 
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 6f6afa4..f9d2a91 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -145,7 +145,7 @@ console.groupEnd();
         <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.22.06" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.22.07" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================