1 files changed, 35 insertions, 47 deletions
diff --git a/template.html b/template.html
index 0e2fe48..865a1e2 100644
--- a/template.html
+++ b/template.html
@@ -21,57 +21,45 @@
       </a>
     </header>
 
-    <header class="menu togglable">
-      <input type="checkbox" class="toggle" id="menu">
-      <img class="button open" src="images/menu.svg">
-      <img class="button close" src="images/close.svg">
-      <label for="menu">Menu</label>
-      <div class="content">
-        <nav>
-          <ol>
-            <li class="dropdown"><a href="quatuor.html">le quatuor</a>
-              <ul>
-                <li><a href="sophie.html">Sophie</a></li>
-                <li><a href="david.html">David</a></li>
-                <li><a href="hervé.html">Hervé</a></li>
-                <li><a href="enguerrand.html">Enguerrand</a></li>
-              </ul>
-            </li>
-            <li><a href="actualités.html">actualités</a></li>
-            <li><a href="programmes.html">programmes</a></li>
-            <li><a href="galerie.html">galerie</a></li>
-          </ol>
-        </nav>
-      </div>
+    <header class="menu">
+      <nav>
+        <ol>
+          <li class="dropdown"><a href="quatuor.html">le quatuor</a>
+            <ul>
+              <li><a href="sophie.html">Sophie</a></li>
+              <li><a href="david.html">David</a></li>
+              <li><a href="hervé.html">Hervé</a></li>
+              <li><a href="enguerrand.html">Enguerrand</a></li>
+            </ul>
+          </li>
+          <li><a href="actualités.html">actualités</a></li>
+          <li><a href="programmes.html">programmes</a></li>
+          <li><a href="galerie.html">galerie</a></li>
+        </ol>
+      </nav>
     </header>
 
 {MAIN}
 
-    <footer class="social togglable">
-      <input type="checkbox" class="toggle" id="social">
-      <img class="button open" src="images/share.svg">
-      <img class="button close" src="images/close.svg">
-      <label for="social">Nous contacter</label>
-      <div class="content">
-        <a class="lang" href="">
-          EN
-        </a>
-        <a href="https://www.facebook.com/quatuorbellefeuille/"
-           target="_blank" rel="noreferrer noopener">
-          <img src="images/facebook-logo.svg">
-        </a>
-        <a href="https://www.instagram.com/quatuor.bellefeuille/"
-           target="_blank" rel="noreferrer noopener">
-          <img src="images/instagram-logo.svg">
-        </a>
-        <a href=""
-           target="_blank" rel="noreferrer noopener">
-          <img src="images/youtube-logo.svg">
-        </a>
-        <a class="contact" href="contact.html">
-          contact
-        </a>
-      </div>
+    <footer class="social">
+      <a class="lang" href="">
+        EN
+      </a>
+      <a href="https://www.facebook.com/quatuorbellefeuille/"
+         target="_blank" rel="noreferrer noopener">
+        <img src="images/facebook-logo.svg">
+      </a>
+      <a href="https://www.instagram.com/quatuor.bellefeuille/"
+         target="_blank" rel="noreferrer noopener">
+        <img src="images/instagram-logo.svg">
+      </a>
+      <a href=""
+         target="_blank" rel="noreferrer noopener">
+        <img src="images/youtube-logo.svg">
+      </a>
+      <a class="contact" href="contact.html">
+        contact
+      </a>
     </footer>
 
     <footer class="legal">