From 3ecbbb40bd6a5c2fe3c9d37a965e11191c5be7bf Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 22 Dec 2025 23:32:14 +0000
Subject: [PATCH] des

---
 Bootstrap_new/css/style_office.css | 37 +++++++++++++++---------------
 Vue/gabarit.php                    |  2 +-
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index 0520603..f6ef98b 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -310,28 +310,24 @@ content-area {
 /* ============================================
    CONTENT AREA - SIMPLIFIÉ
    ============================================ */
-.content-area {
-    padding-top: calc(var(--header-height) + 56px + 16px); /* Header + nav-bar + espace */
-    padding-left: 24px;
-    padding-right: 24px;
-    padding-bottom: 24px;
-    max-width: 1400px;
-    margin: 0 auto;
-    width: 100%;
+.content-area.content-area {
+    padding: calc(var(--header-height) + 56px + 16px) 0 0 0 !important;
+    max-width: 100vw !important;
+    margin: 0 !important;
+    width: 100vw !important;
+    overflow-x: hidden;
 }
 
 /* ============================================
    CONTENT CARD - SIMPLE ET PROPRE
    ============================================ */
 .content-card {
-    background-color: white;
-    border-radius: 8px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-    border: 1px solid var(--office-border);
-    margin-bottom: 24px;
-    overflow: hidden;
-    width: 100%;
-    max-width: 1400px;
+    border: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+    margin: 0 !important;
+    width: 100vw !important;
+    max-width: 100vw !important;
 }
 
 
@@ -360,10 +356,13 @@ content-area {
 }
 
 .card-body {
-    padding: 5px;
-    background-color: var(--office-light); /* Couleur légère harmonieuse */
-    width: 100% !important;
+    padding: 30px !important;
+    background-color: var(--office-light);
     border: none !important;
+    width: 100vw !important;
+    max-width: 100vw !important;
+    margin: 0 !important;
+    min-height: calc(100vh - var(--header-height) - 56px - 16px) !important;
 }
 
 /* Bordure subtile en haut pour lier visuellement avec nav-bar */
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 69d65d2..15d8b68 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.13" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.22.14" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================