diff --git a/Bootstrap_new/css/help-center.css b/Bootstrap_new/css/help-center.css
new file mode 100644
index 0000000..b0dff8c
--- /dev/null
+++ b/Bootstrap_new/css/help-center.css
@@ -0,0 +1,90 @@
+/* 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;
+}
+
+#helpButton:hover { transform: scale(1.1); }
+
+/* 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);
+}
+
+/* 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;
+}
+
+/* É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-title {
+    color: #004a99;
+    margin-top: 0;
+    font-size: 22px;
+}
+
+#helpModal .help-grid {
+    display: flex;
+    gap: 20px;
+    margin-top: 25px;
+}
+
+#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-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
diff --git a/Docs/Docs/Guide-Demarrage-FR.pdf b/Docs/Docs/Guide-Demarrage-FR.pdf
new file mode 100644
index 0000000..cc27959
Binary files /dev/null and b/Docs/Docs/Guide-Demarrage-FR.pdf differ
diff --git a/Docs/Docs/Manuel-Utilisateur-FR.pdf b/Docs/Docs/Manuel-Utilisateur-FR.pdf
new file mode 100644
index 0000000..42f54b1
Binary files /dev/null and b/Docs/Docs/Manuel-Utilisateur-FR.pdf differ
diff --git a/Docs/Docs/Quick-Start-EN.pdf b/Docs/Docs/Quick-Start-EN.pdf
new file mode 100644
index 0000000..6cc97f7
Binary files /dev/null and b/Docs/Docs/Quick-Start-EN.pdf differ
diff --git a/Docs/Docs/User-Manual-EN.pdf b/Docs/Docs/User-Manual-EN.pdf
new file mode 100644
index 0000000..7d0dbb6
Binary files /dev/null and b/Docs/Docs/User-Manual-EN.pdf differ
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 28aa55b..2a7e256 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -127,8 +127,9 @@ $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/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
-
+        
         <!-- Charts -->
         <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 		<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
@@ -237,7 +238,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     </div>
                     <?php endif; ?>
                     <!-- -->
-                    <i class="bi bi-list toggle-sidebar-btn" onclick="toggleSidebar()" style="cursor: pointer;"></i>
+                    <i class="bi bi-list toggle-sidebar-btn me-2" onclick="toggleSidebar()" style="cursor: pointer;"></i>
                 </div>
                 
                
@@ -249,14 +250,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                 </nav>
                 
                 <div class="header-controls">
-                    <!-- Notifications
-                    <button class="header-btn notification-btn" onclick="appNotifications().showMessagesModal()" 
-                            aria-label="Notifications" title="<?= _('Voir les notifications') ?>">
-                        <i class="bi bi-bell"></i>
-                        <span class="notification-badge" id="notificationCount" aria-live="polite">0</span>
-                    </button>
-                    -->
-
+                    
                     <!-- Logo Assureur -->
 		            <div id="lienlogo">
 			            <img src="<?= $_SESSION['lienLogo'] ?>" alt="Logo Assureur">
@@ -620,28 +614,54 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
             </div>
         </div>
 
-        <!--<button class="d-none" id="btn_police" data-bs-toggle="modal" data-bs-target="#pop_police"></button>-->
-        <!-- Polices Modal -->
-        <div class="modal fade" id="pop_police" role="dialog">
-			<div class="modal-dialog modal-lg">
-					<div class="modal-content">
-                        <div class="modal-header">
-                            <button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
-                            <h4 class="modal-title"> <?= _("Sélectionner une police") ?> </h4>
-                        </div>
+        <!-- Help Modal -->
+        <button id="helpButton" title="<?php echo est_anglophone() ? 'Help' : 'Aide'; ?>">?</button>
 
-                        <div class="modal-body">
-                            <div id="div_police">
-
-                            </div>
+        <div id="helpModal" class="help-modal-container">
+            <div class="help-modal-content">
+                <span class="help-close-button">&times;</span>
+                
+                <?php if (est_anglophone()): ?>
+                    <div id="helpContentEN" class="help-lang-section">
+                        <h2 class="help-title">Help Center</h2>
+                        <p class="help-subtitle">How to use your documentation?</p>
+                        <div class="help-grid">
+                            <a href="<?= $racineWeb ?>Docs/Docs/Quick-Start-EN.pdf" target="_blank" class="help-card">
+                                <span class="help-icon">🚀</span>
+                                <strong class="help-card-title">Quick Start Guide</strong>
+                                <small class="help-card-info">Essentials in 15 pages</small>
+                            </a>
+                            <a href="<?= $racineWeb ?>Docs/Docs/User-Manual-EN.pdf" target="_blank" class="help-card">
+                                <span class="help-icon">📖</span>
+                                <strong class="help-card-title">Full User Manual</strong>
+                                <small class="help-card-info">Technical details (61 pages)</small>
+                            </a>
                         </div>
-
-                        <div class="modal-footer">
-                            <button type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
+                    </div>
+                <?php else: ?>
+                    <div id="helpContentFR" class="help-lang-section">
+                        <h2 class="help-title">Centre d'Aide</h2>
+                        <p class="help-subtitle">Comment utiliser votre documentation ?</p>
+                        <div class="help-grid">
+                            <a href="<?= $racineWeb ?>Docs/Docs/Guide-Demarrage-FR.pdf" target="_blank" class="help-card">
+                                <span class="help-icon">🚀</span>
+                                <strong class="help-card-title">Guide de démarrage</strong>
+                                <small class="help-card-info">L'essentiel en 15 pages</small>
+                            </a>
+                            <a href="<?= $racineWeb ?>Docs/Docs/Manuel-Utilisateur-FR.pdf" target="_blank" class="help-card">
+                                <span class="help-icon">📖</span>
+                                <strong class="help-card-title">Manuel Complet</strong>
+                                <small class="help-card-info">Détails techniques (63 pages)</small>
+                            </a>
                         </div>
-					</div>
-			</div>
-		</div>
+                    </div>
+                <?php endif; ?>
+                
+                <div class="help-modal-footer">
+                    <p><?php echo est_anglophone() ? 'Contact Support' : 'Contact Support'; ?>: info@ebene.info</p>
+                </div>
+            </div>
+        </div>
 
     <div id="div_ajaxgabarit">							
     </div>
@@ -824,10 +844,10 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                 /* ================================
                 4) Dropdown utilisateur
                 ================================= */
-                const btn = document.getElementById('userDropdownBtn');
-                if (btn) {
-                    const dropdown = new bootstrap.Dropdown(btn);
-                    btn.addEventListener('click', function(e) {
+                const btnDropdown = document.getElementById('userDropdownBtn');
+                if (btnDropdown) {
+                    const dropdown = new bootstrap.Dropdown(btnDropdown);
+                    btnDropdown.addEventListener('click', function(e) {
                         e.preventDefault();
                         e.stopPropagation();
                         dropdown.toggle();
@@ -835,9 +855,9 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                 }
 
                 document.addEventListener('click', function(e) {
-                    const btn = document.getElementById('userDropdownBtn');
-                    if (btn && !btn.contains(e.target)) {
-                        const instance = bootstrap.Dropdown.getInstance(btn);
+                    const btnDropdown = document.getElementById('userDropdownBtn');
+                    if (btnDropdown && !btnDropdown.contains(e.target)) {
+                        const instance = bootstrap.Dropdown.getInstance(btnDropdown);
                         if (instance) instance.hide();
                     }
                 });
@@ -852,6 +872,31 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     }
                 });
 
+                /* ================================
+                6) Gestion du Centre d'Aide (Spécifique)
+                ================================= */
+                const helpModal = document.getElementById("helpModal");
+                const helpBtn = document.getElementById("helpButton");
+                const helpClose = document.querySelector(".help-close-button");
+
+                if (helpBtn && helpModal) {
+                    helpBtn.addEventListener('click', function() {
+                        helpModal.style.display = "block";
+                    });
+
+                    if (helpClose) {
+                        helpClose.addEventListener('click', function() {
+                            helpModal.style.display = "none";
+                        });
+                    }
+
+                    window.addEventListener('click', function(event) {
+                        if (event.target == helpModal) {
+                            helpModal.style.display = "none";
+                        }
+                    });
+                }
+
             });
         </script>
     </body>