diff --git a/index.php b/index.php
index 2d4b670..44409a8 100755
--- a/index.php
+++ b/index.php
@@ -45,6 +45,7 @@
 	<button id="mobile-button" class="menu-button"><svg class="icon icon-bars" alt=""><use xlink:href="#icon-bars"></use></svg> <span class="sr-only">Afficher le menu</span></button>
 	<!-- Footer -->
 
+	<?php echo Theme::js('mobile-sidebar.js'); ?>
 	<!-- Load Bludit Plugins: Site Body End -->
 	<?php Theme::plugins('siteBodyEnd'); ?>
 </body>
diff --git a/js/mobile-sidebar.js b/js/mobile-sidebar.js
new file mode 100644
index 0000000..af794f0
--- /dev/null
+++ b/js/mobile-sidebar.js
@@ -0,0 +1,10 @@
+document.getElementById('mobile-button').addEventListener('click', function () {
+  const sidebar = document.getElementById('mobile-sidebar');
+  if (sidebar.classList.contains('hidden')) {
+    sidebar.classList.remove('hidden');
+    sidebar.classList.add('shown');
+  } else {
+    sidebar.classList.remove('shown');
+    sidebar.classList.add('hidden');
+  }
+});
\ No newline at end of file