From a9e381ab79be943084d4b74d2e1ebf5cfad4f51d Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Wed, 18 Feb 2026 11:37:43 +0000
Subject: [PATCH] vaf

---
 Bootstrap_new/css/help-center.css | 174 ++++++++++++++++--------------
 Vue/gabarit.php                   |   2 +-
 2 files changed, 93 insertions(+), 83 deletions(-)

diff --git a/Bootstrap_new/css/help-center.css b/Bootstrap_new/css/help-center.css
index b0dff8c..7533b27 100644
--- a/Bootstrap_new/css/help-center.css
+++ b/Bootstrap_new/css/help-center.css
@@ -1,90 +1,100 @@
-/* Bouton flottant spécifique */
-#helpButton {
-    position: fixed;
-    bottom: 25px;
-    right: 25px;
-    width: 55px;
-    height: 55px;
-    background-color: #004a99; /* Bleu Inter Santé */
-    color: white;
-    border: none;
-    border-radius: 50%;
-    font-size: 26px;
-    font-weight: bold;
-    cursor: pointer;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
-    z-index: 9999; /* Toujours au dessus */
-    transition: transform 0.2s;
-}
+/* Style isolé pour le centre d'aide - Position GAUCHE */
+    #helpButton {
+        position: fixed; 
+        bottom: 25px; 
+        left: 25px; /* Changé de right à left pour libérer le bouton de session */
+        width: 55px; 
+        height: 55px;
+        background: #004a99; 
+        color: #fff; 
+        border: none; 
+        border-radius: 50%;
+        font-size: 26px; 
+        font-weight: bold; 
+        cursor: pointer; 
+        z-index: 9999;
+        box-shadow: 0 5px 15px rgba(0,0,0,0.3); 
+        transition: 0.2s;
+    }
+    
+    #helpButton:hover { 
+        transform: scale(1.1); 
+        background: #003366; /* Un bleu un peu plus foncé au survol */
+    }
 
-#helpButton:hover { transform: scale(1.1); }
+    /* Le reste du modal reste inchangé mais bien isolé */
+    #helpModal.help-modal-container {
+        display: none; 
+        position: fixed; 
+        z-index: 10000; 
+        left: 0; 
+        top: 0;
+        width: 100%; 
+        height: 100%; 
+        background: rgba(0,0,0,0.6); 
+        backdrop-filter: blur(3px);
+    }
+    
+    #helpModal .help-modal-content {
+        background: #fff; 
+        margin: 12% auto; 
+        padding: 30px; 
+        border-radius: 15px;
+        width: 450px; 
+        position: relative; 
+        box-shadow: 0 15px 40px rgba(0,0,0,0.5);
+        font-family: sans-serif;
+    }
 
-/* Container du modal isolé */
-#helpModal.help-modal-container {
-    display: none; 
-    position: fixed;
-    z-index: 10000;
-    left: 0; top: 0; width: 100%; height: 100%;
-    background-color: rgba(0,0,0,0.6); /* Fond assombri */
-    backdrop-filter: blur(3px);
-}
+    #helpModal .help-close-button {
+        position: absolute; 
+        top: 15px; 
+        right: 20px; 
+        font-size: 30px;
+        cursor: pointer; 
+        color: #888; 
+        line-height: 1;
+    }
 
-/* Fenêtre de contenu isolée */
-#helpModal .help-modal-content {
-    background-color: #ffffff;
-    margin: 12% auto;
-    padding: 30px;
-    border-radius: 15px;
-    width: 450px;
-    position: relative;
-    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
-    font-family: Arial, sans-serif;
-}
+    #helpModal .help-grid { 
+        display: flex; 
+        gap: 20px; 
+        margin-top: 25px; 
+    }
 
-/* Éléments internes préfixés */
-#helpModal .help-close-button {
-    position: absolute;
-    top: 15px; right: 20px;
-    font-size: 30px; cursor: pointer; color: #888;
-}
+    #helpModal .help-card {
+        flex: 1; 
+        text-decoration: none; 
+        color: #333; 
+        padding: 20px;
+        border: 2px solid #f0f0f0; 
+        border-radius: 10px; 
+        text-align: center; 
+        transition: 0.3s;
+    }
 
-#helpModal .help-title {
-    color: #004a99;
-    margin-top: 0;
-    font-size: 22px;
-}
+    #helpModal .help-card:hover { 
+        border-color: #004a99; 
+        background: #f9fcff; 
+    }
 
-#helpModal .help-grid {
-    display: flex;
-    gap: 20px;
-    margin-top: 25px;
-}
+    #helpModal .help-icon { 
+        font-size: 35px; 
+        display: block; 
+        margin-bottom: 10px; 
+    }
 
-#helpModal .help-card {
-    flex: 1;
-    text-decoration: none;
-    color: #333;
-    padding: 20px;
-    border: 2px solid #f0f0f0;
-    border-radius: 10px;
-    text-align: center;
-    transition: all 0.3s;
-}
+    #helpModal .help-title { 
+        color: #004a99; 
+        margin: 0 0 10px 0; 
+        font-size: 22px; 
+    }
 
-#helpModal .help-card:hover {
-    border-color: #004a99;
-    background-color: #f9fcff;
-}
-
-#helpModal .help-icon { font-size: 35px; display: block; margin-bottom: 10px; }
-#helpModal .help-card-title { display: block; font-size: 14px; margin-bottom: 5px; }
-#helpModal .help-card-info { color: #666; font-size: 11px; }
-
-#helpModal .help-modal-footer {
-    margin-top: 25px;
-    padding-top: 15px;
-    border-top: 1px solid #eee;
-    text-align: center;
-    font-size: 12px;
-    color: #999;
-}
\ No newline at end of file
+    #helpModal .help-modal-footer {
+        margin-top: 25px; 
+        padding-top: 15px; 
+        border-top: 1px solid #eee;
+        text-align: center; 
+        font-size: 12px; 
+        color: #999;
+    }
\ No newline at end of file
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 2a7e256..2e0b665 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -127,7 +127,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         
         <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
         <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.02.05.00" rel="stylesheet">
-        <link href="<?= $racineWeb ?>Bootstrap_new/css/help-center.css?ver=2026.02.18.00" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/help-center.css?ver=2026.02.18.01" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
         
         <!-- Charts -->