diff --git a/app/ui/header.js b/app/ui/header.js
index 93c8717d..c296b5bd 100644
--- a/app/ui/header.js
+++ b/app/ui/header.js
@@ -23,49 +23,60 @@ class Header extends Component {
         class="main-header relative flex-none flex flex-row items-center justify-between px-6 md:px-8 z-20 bg-transparent"
       >
         <!-- Chapril banner code: starting… -->
-        <div id="chapril-banner">
-          <div id="chapril-banner-zone">
-            <div id="chapril-banner-logo">
-              <a href="https://www.chapril.org/"
-                ><img
-                  src="/Chapril-banner/v1/chapril-logo-small.png"
-                  alt="Logo Chapril"
-              /></a>
-            </div>
-            <div id="chapril-banner-menu">
-              <ul>
-                <li><a href="https://www.chapril.org/">Accueil Chapril</a></li>
-                <li>
-                  <a href="https://www.chapril.org/services.html"
-                    >Services libres</a
-                  >
-                </li>
-                <li>
-                  <a href="https://pouet.april.org/@aprilorg">Nous suivre</a>
-                </li>
-                <li><a href="https://www.chapril.org/cgu.html">CGU</a></li>
-                <li>
-                  <a href="https://www.chapril.org/a-propos.html"
-                    >Mentions légales</a
-                  >
-                </li>
-                <li>
-                  <a href="https://www.chapril.org/contact.html"
-                    >Nous contacter</a
-                  >
-                </li>
-              </ul>
-            </div>
-            <div id="chapril-banner-aprillogo">
-              <a href="https://www.april.org/"
-                ><img
-                  src="/Chapril-banner/v1/april-logo-small.png"
-                  class="chapril-banner-logo"
-                  alt="Logo April"
-              /></a>
-            </div>
+        <nav class="chapril-banniere-Nav">
+          <div class="chapril-banniere-Logo" aria-hidden="true">
+            <a href="https://www.chapril.org"
+              ><img alt="" src="/Chapril-banner/v2/chapril-banner-logo.png"
+            /></a>
           </div>
-        </div>
+          <div class="chapril-banniere-Menu" aria-hidden="true">
+            <details>
+              <summary>
+                <span></span>
+                <span></span>
+                <span></span>
+              </summary>
+              <div><a href="https://www.chapril.org/">Accueil Chapril</a></div>
+              <div>
+                <a href="https://www.chapril.org/services.html"
+                  >Services libres</a
+                >
+              </div>
+              <div>
+                <a href="https://pouet.april.org/@aprilorg">Nous suivre</a>
+              </div>
+              <div><a href="https://www.chapril.org/cgu.html">CGU</a></div>
+              <div>
+                <a href="https://www.chapril.org/a-propos.html"
+                  >Mentions légales</a
+                >
+              </div>
+              <div>
+                <a href="https://www.chapril.org/contact.html"
+                  >Nous contacter</a
+                >
+              </div>
+            </details>
+          </div>
+          <div class="chapril-banniere-Entree">
+            <a href="https://www.chapril.org/">Accueil Chapril</a>
+          </div>
+          <div class="chapril-banniere-Entree">
+            <a href="https://www.chapril.org/services.html">Services libres</a>
+          </div>
+          <div class="chapril-banniere-Entree">
+            <a href="https://pouet.april.org/@aprilorg">Nous suivre</a>
+          </div>
+          <div class="chapril-banniere-Entree">
+            <a href="https://www.chapril.org/cgu.html">CGU</a>
+          </div>
+          <div class="chapril-banniere-Entree">
+            <a href="https://www.chapril.org/a-propos.html">Mentions légales</a>
+          </div>
+          <div class="chapril-banniere-Entree">
+            <a href="https://www.chapril.org/contact.html">Nous contacter</a>
+          </div>
+        </nav>
         <!-- Chapril banner code: done. -->
       </header>
     `;
diff --git a/server/layout.js b/server/layout.js
index 734cd49b..843ff761 100644
--- a/server/layout.js
+++ b/server/layout.js
@@ -39,7 +39,11 @@ module.exports = function(state, body = '') {
             --color-primary-accent: ${state.ui.colors.accent};
           }
         </style>
-        <link rel="stylesheet" type="text/css" href="/chapril.css" />
+        <link
+          rel="stylesheet"
+          type="text/css"
+          href="/Chapril-banner/v2/chapril-banner.css"
+        />
         <link
           rel="stylesheet"
           type="text/css"