diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index f833f85..6f4565a 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -865,9 +865,22 @@ h1 { margin-bottom: 20px; }
     box-shadow: 0 2px 6px rgba(0,0,0,.05);
 }
 .card h3 { margin: 0 0 10px; font-size: 14px; color: #666; }
-.card .value { font-size: 20px; font-weight: bold; }
+.card .value { font-size: 2rem; font-weight: bold; }
 
-/*.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:20px; margin-top:25px; }*/
+/* Modification du nom pour plus de clarté (optionnel) ou modification directe */
+.grid-2 { 
+    display: grid; 
+    grid-template-columns: repeat(3, 1fr); /* Crée 3 colonnes de taille égale */
+    gap: 20px; 
+    margin-top: 25px; 
+}
+
+/* Optionnel : Rendre le tout responsive pour les petits écrans */
+@media (max-width: 1024px) {
+    .grid-2 {
+        grid-template-columns: 1fr; /* Repasse sur une seule colonne sur mobile/tablette */
+    }
+}
 
 ul { list-style:none; padding:0; margin:0; }
 li { padding:10px 0; border-bottom:1px solid #eee; }
@@ -876,7 +889,7 @@ li i { margin-right:10px; color:#007bff; }
 .alert i { color:#ff9800; }
 
 .chart {
-    height:180px;
+    height:300px;
     background:#eef2f7;
     border-radius:6px;
     display:flex;
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 9df00c7..dfa67fb 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.23.10" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.23.11" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================