diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index 51102f24..9895814e 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -25,11 +25,13 @@ body {
 }
 
 /* Modernisation du Scrollmenu de body_main */
+/* Style des pilules de navigation (Niveau 3) */
 .scrollmenu {
-    overflow: auto;
     white-space: nowrap;
-    padding: 10px 0;
-    scrollbar-width: none; /* Firefox */
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    gap: 10px;
+    border: 1px solid rgba(0,0,0,0.05);
 }
 .scrollmenu::-webkit-scrollbar { display: none; } /* Chrome */
 .scrollmenu a {
@@ -50,6 +52,27 @@ body {
     color: white;
 }
 
+.nav-pill-link {
+    padding: 8px 20px;
+    border-radius: 50px;
+    text-decoration: none;
+    color: var(--primary);
+    font-size: 0.85rem;
+    font-weight: 600;
+    transition: all 0.3s ease;
+}
+
+.nav-pill-link.active {
+    background: var(--accent);
+    color: white !important;
+    box-shadow: 0 4px 12px var(--accent-glow);
+}
+
+.nav-pill-link:hover:not(.active) {
+    background: #f0f4f8;
+    color: var(--accent);
+}
+
 /* Barre de contexte latérale */
 .sidenav {
     height: 100%;
diff --git a/Vue/includes/head-meta.php b/Vue/includes/head-meta.php
index 3321ad89..00c3beaa 100644
--- a/Vue/includes/head-meta.php
+++ b/Vue/includes/head-meta.php
@@ -13,4 +13,4 @@
 <link href="Bootstrap_new/css/select2.min.css" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
 
-<link href="Bootstrap_new/css/theme-modern.css?ver=2026.02.23.00" rel="stylesheet">
\ No newline at end of file
+<link href="Bootstrap_new/css/theme-modern.css?ver=2026.02.23.01" rel="stylesheet">
\ No newline at end of file
diff --git a/Vue/includes/main-navigation.php b/Vue/includes/main-navigation.php
new file mode 100644
index 00000000..c30b7b60
--- /dev/null
+++ b/Vue/includes/main-navigation.php
@@ -0,0 +1,23 @@
+<?php 
+// Protection et récupération des données comme dans ton fichier 04 original
+if(isset($menusvue) && count($menusvue) > 0): 
+    $current_url = $_SERVER['REQUEST_URI']; 
+?>
+<div class="main-navigation-wrapper mb-4">
+    <div class="scrollmenu shadow-sm p-2 rounded-pill bg-white d-inline-flex">
+        <?php foreach ($menusvue as $menu): 
+            $isActive = (basename($menu['lienMenu']) == basename($current_url));
+        ?>
+            <a title="<?= $menu['descriptionMenu']; ?>" 
+               href="<?= $menu['lienMenu']; ?>" 
+               class="nav-pill-link <?= $isActive ? 'active' : '' ?>">
+               <?= $menu['libeleMenu'] ?>
+            </a>
+        <?php endforeach; ?>
+    </div>
+</div>
+<?php endif; ?>
+
+<input class="sr-only d-none" type="text" id="vue" name="vue" value="<?= $_SESSION['vue'] ?? '' ?>">
+<input class="sr-only d-none" type="text" id="racineWeb" name="racineWeb" value="<?= $racineWeb ?>">
+<input class="sr-only d-none" type="text" id="dureeSession" name="dureeSession" value="<?= $_SESSION['dureeSession'] ?>">
\ No newline at end of file
diff --git a/Vue/includes/sidebar.php b/Vue/includes/sidebar.php
new file mode 100644
index 00000000..ad30926e
--- /dev/null
+++ b/Vue/includes/sidebar.php
@@ -0,0 +1,46 @@
+<aside id="sidebar" class="sidebar shadow-lg">
+    <ul class="sidebar-nav" id="sidebar-nav">
+        <?php foreach ($menus as $key0 => $menuParent): 
+            $menuChildrenLevelOne = $gabary->get_menus_by_parent_code($menuParent['vue']); 
+            $hasChildren = (count($menuChildrenLevelOne) > 0);
+            $parentID = "menu-" . $menuParent['codeMenu'] . $key0;
+            
+            // Logique d'activation (Basée sur ton fichier 03)
+            $isActiveParent = (strtolower($menuParent['libeleMenu']) == strtolower($activeLevel1));
+        ?>
+            <li class="nav-item">
+                <?php if ($hasChildren): ?>
+                    <a class="nav-link <?= $isActiveParent ? '' : 'collapsed' ?>" 
+                       data-bs-target="#<?= $parentID ?>" 
+                       data-bs-toggle="collapse" href="#">
+                        <i class="<?= $menuParent['icone'] ?> fs-5"></i>
+                        <span><?= $menuParent['libeleMenu'] ?></span>
+                        <i class="bi bi-chevron-down ms-auto"></i>
+                    </a>
+                    <ul id="<?= $parentID ?>" 
+                        class="nav-content collapse <?= $isActiveParent ? 'show' : '' ?>" 
+                        data-bs-parent="#sidebar-nav">
+                        <?php foreach ($menuChildrenLevelOne as $menuChild): 
+                            $link_clean = explode('/', $menuChild['lienMenu'])[0];
+                            $isSubActive = ($link_clean == $_SESSION['firstLevelMenu']);
+                        ?>
+                            <li>
+                                <a href="<?= $menuChild['lienMenu'] ?>" 
+                                   class="<?= $isSubActive ? 'active-submenu' : '' ?>">
+                                    <i class="bi bi-circle"></i>
+                                    <span><?= $menuChild['libeleMenu'] ?></span>
+                                </a>
+                            </li>
+                        <?php endforeach; ?>
+                    </ul>
+                <?php else: ?>
+                    <a class="nav-link <?= $isActiveParent ? '' : 'collapsed' ?>" 
+                       href="<?= $menuParent['lienMenu'] ?>">
+                        <i class="<?= $menuParent['icone'] ?> fs-5"></i>
+                        <span><?= $menuParent['libeleMenu'] ?></span>
+                    </a>
+                <?php endif; ?>
+            </li>
+        <?php endforeach; ?>
+    </ul>
+</aside>
\ No newline at end of file