diff --git a/templates/custom/footer.tmpl b/templates/custom/footer.tmpl
index fd4a99e..e278727 100644
--- a/templates/custom/footer.tmpl
+++ b/templates/custom/footer.tmpl
@@ -1,21 +1,27 @@
 <!-- CHAPRIL BANNER -->
-<header 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>
+<nav class="chapril-banniere-Nav">
+    <div class="chapril-banniere-Logo" aria-hidden="true">
+        <a href="https://www.chapril.org"><img alt="Logo Chapril" src="/Chapril-banner/v2/chapril-banner-logo.png"/></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 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 id="chapril-banner-aprillogo">
-      <a href="https://www.april.org/"><img src="/Chapril-banner/v1/april-logo-small.png" alt="Logo April" /></a>
-    </div>
-  </div>
-</header>
+    <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>
diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl
index 3365251..5b155bb 100644
--- a/templates/custom/header.tmpl
+++ b/templates/custom/header.tmpl
@@ -1 +1 @@
-<link rel="stylesheet" type="text/css"  href="/Chapril-banner/v1/chapril-banner.css" />
+<link rel="stylesheet" type="text/css"  href="/Chapril-banner/v2/chapril-banner.css" />