diff --git a/VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor b/VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor
new file mode 100644
index 0000000..1929977
--- /dev/null
+++ b/VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor
@@ -0,0 +1,42 @@
+@page "/NavBar"
+
+<h3>NavBarPrincipale</h3>
+
+
+<Bar Breakpoint="Breakpoint.Desktop"
+     Background="Background.Light"
+     ThemeContrast="ThemeContrast.Light">
+    <BarBrand>
+        VeraxShield
+    </BarBrand>
+    <BarToggler />
+    <BarMenu>
+        <BarStart>
+            <BarItem>
+                <BarLink To="#home">Utilisateurs</BarLink>
+            </BarItem>
+            <BarItem>
+                <BarLink To="#docs">Articles</BarLink>
+                @* <BarDropdown>
+                    <BarDropdownToggle>Dropdown</BarDropdownToggle>
+                    <BarDropdownMenu>
+                    <BarDropdownItem>Action</BarDropdownItem>
+                    <BarDropdownDivider />
+                    <BarDropdownItem>Another action</BarDropdownItem>
+                    </BarDropdownMenu>
+                </BarDropdown> *@
+            </BarItem>
+            <BarItem>
+                <BarLink To="#docs">Modérateurs</BarLink>
+            </BarItem>
+        </BarStart>
+        <BarBrand>
+            role/nom
+        </BarBrand>
+        <BarEnd>
+            <BarItem>
+                <Button Color="Color.Primary">Deconnexion</Button>
+            </BarItem>
+        </BarEnd>
+    </BarMenu>
+</Bar>
\ No newline at end of file
diff --git a/VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor.cs b/VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor.cs
new file mode 100644
index 0000000..3bb07df
--- /dev/null
+++ b/VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor.cs
@@ -0,0 +1,7 @@
+namespace VeraxShield.composants.affichages.navBar
+{
+    public partial class NavBarPrincipale
+    {
+
+    }
+}
diff --git a/VeraxShield/VeraxShield/pages/Index.razor b/VeraxShield/VeraxShield/pages/Index.razor
index 389d7ef..8cd2665 100644
--- a/VeraxShield/VeraxShield/pages/Index.razor
+++ b/VeraxShield/VeraxShield/pages/Index.razor
@@ -4,6 +4,8 @@
 
 <button type="button" class="btn btn-link ml-md-auto" @onclick="@SeConnecter">Connexion</button>
 
+<button type="button" class="btn btn-link ml-md-auto" @onclick="@NavBar">NavBar</button>
+
 
 <AuthorizeView>
     <h1> Adiu :  @context.User.Identity.Name!</h1>
diff --git a/VeraxShield/VeraxShield/pages/Index.razor.cs b/VeraxShield/VeraxShield/pages/Index.razor.cs
index 0ed27c7..dcc252a 100644
--- a/VeraxShield/VeraxShield/pages/Index.razor.cs
+++ b/VeraxShield/VeraxShield/pages/Index.razor.cs
@@ -19,5 +19,10 @@ namespace VeraxShield.pages
         {
             NavigationManager.NavigateTo("/connexion");
         }
+
+        private async Task NavBar()
+        {
+            NavigationManager.NavigateTo("/NavBar");
+        }
     }
 }
\ No newline at end of file