diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index c857efb..4dae0dc 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -360,7 +360,8 @@ content-area {
 
 .card-body {
     padding: 5px;
-    background-color: #fafafa; /* Couleur légère harmonieuse */
+    background-color: var(--office-common); /* Couleur légère harmonieuse */
+    width: 100%;
 }
 
 /* Bordure subtile en haut pour lier visuellement avec nav-bar */
@@ -799,9 +800,6 @@ content-area {
         margin: 0 0 16px 0;
     }
     
-    .card-body {
-        padding: 20px;
-    }
 }
 
 /* Correction pour les écrans larges */
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 09d9f42..5f68f67 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.10" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.22.11" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================