diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index e41ee43..c5ec7fc 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -32,6 +32,10 @@
     --office-card-highlight: #fff9f8;
     --content-margin-left: calc(var(--sidebar-width) + 24px);
     --content-margin-right: 24px;
+
+    --container-max: 1400px;
+    --container-pad: 24px;
+
 }
 
 /* ============================================
@@ -248,14 +252,6 @@ body {
 }
 
 
-content-area {
-    padding: 0 24px 24px 24px; 
-    max-width: 1400px;
-    margin: 0 auto;
-    position: relative;
-    padding-top: calc(var(--header-height) + 56px + 16px); /* Espace pour header + nav-bar + marge */
-}
-
 /* ============================================
    NAVIGATION TABS
    ============================================ */
@@ -280,9 +276,9 @@ content-area {
 /* Conteneur pour centrer le contenu */
 .nav-bar > .nav-tabs {
     width: 100%;
-    max-width: 1400px; /* Même largeur max que le contenu */
+    max-width: var(--container-max);
     margin: 0 auto;
-    padding: 0 24px;
+    padding: 0 var(--container-pad);
     height: 100%;
     display: flex;
     align-items: center;
@@ -325,7 +321,7 @@ content-area {
 
 /* Content area fluide */
 .content-area {
-    padding: calc(var(--header-height) + 56px + 16px) 24px 24px 24px;
+    padding: calc(var(--header-height) + 56px + 8px) 24px 24px 24px; /* Réduction de +16px à +8px */
     max-width: 1400px;
     margin: 0 auto;
 }
@@ -335,7 +331,7 @@ content-area {
     background: var(--office-card);
     border-radius: 8px;
     box-shadow: 0 2px 6px rgba(0,0,0,.05);
-    /*margin-top: 24px;*/
+    margin-top: 8px; /* Ajout pour rapprocher visuellement la carte de la nav-bar */
 }
 
 
@@ -756,7 +752,7 @@ content-area {
     }
     
     .content-area {
-        padding: calc(var(--header-height) + 56px) 16px 16px 16px;
+        padding: calc(var(--header-height) + 56px + 8px) 16px 16px 16px;
         max-width: 100%;
     }
     
@@ -791,9 +787,9 @@ content-area {
     
     .content-card {
         border-radius: 8px;
-        margin: 0 0 16px 0;
+        margin: 8px 0 16px 0; /* 8px en haut, 16px en bas */
     }
-    
+
 }
 
 /* Correction pour les écrans larges */
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 008135d..ac9d07b 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.24.01" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.24.02" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================