diff --git a/templates/base.html.twig b/templates/base.html.twig
index 68885be..c1ab4bc 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -16,34 +16,11 @@
     {% endblock %}
 </head>
 <body>
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-    <div class="container-fluid">
-        <a class="navbar-brand" href="#">CC34</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
-                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="{{ path('app_index') }}">Home</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="{{ path('app_atelier_index') }}">Atelier</a>
-                </li>
-
-            </ul>
-        </div>
-        {% if app.user %}
-            <div class="me-2">
-                <span class="navbar-text">{{ app.user.nom }} {{ app.user.prenom }}</span>
-            </div>
-            <a class="btn btn-secondary" href="{{ path('app_logout') }}">Se déconnecter</a>
-        {% elseif not app.user %}
-            <a class="btn btn-success" href="{{ path('app_login') }}">Se connecter</a>
-        {% endif %}
-    </div>
-</nav>
+<header>
+    {% block topnavbar %}
+        {{ include('components/navbar.html.twig') }}
+    {% endblock %}
+</header>
 <div class="container">
     <main class="pt-4">
         {% block body %}{% endblock %}
diff --git a/templates/components/navbar.html.twig b/templates/components/navbar.html.twig
new file mode 100644
index 0000000..d157ffb
--- /dev/null
+++ b/templates/components/navbar.html.twig
@@ -0,0 +1,27 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="#">CC34</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="{{ path('app_index') }}">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ path('app_atelier_index') }}">Atelier</a>
+                </li>
+            </ul>
+        </div>
+        {% if app.user %}
+            <div class="me-2">
+                <span class="navbar-text">{{ app.user.nom }} {{ app.user.prenom }}</span>
+            </div>
+            <a class="btn btn-secondary" href="{{ path('app_logout') }}">Se déconnecter</a>
+        {% elseif not app.user %}
+            <a class="btn btn-success" href="{{ path('app_login') }}">Se connecter</a>
+        {% endif %}
+    </div>
+</nav>
\ No newline at end of file
