diff --git a/_includes/layouts/base-subpage.njk b/_includes/layouts/base-subpage.njk
index ea52bb7..9044df0 100644
--- a/_includes/layouts/base-subpage.njk
+++ b/_includes/layouts/base-subpage.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip">
+<main id="skip" class="visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/base-toppage.njk b/_includes/layouts/base-toppage.njk
index d6ffc28..38a34fe 100644
--- a/_includes/layouts/base-toppage.njk
+++ b/_includes/layouts/base-toppage.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip">
+<main id="skip" class="visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index d080269..5fd7ad4 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip">
+<main id="skip" class="visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/category.njk b/_includes/layouts/category.njk
index 3405d1a..9fbd377 100644
--- a/_includes/layouts/category.njk
+++ b/_includes/layouts/category.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip">
+<main id="skip" class="visible">
   <div>
     {{ content | safe }}
     <h2 id="liste-des-pages">Liste des pages</h2>
diff --git a/_includes/layouts/home.njk b/_includes/layouts/home.njk
index b30f7c2..628b2b2 100644
--- a/_includes/layouts/home.njk
+++ b/_includes/layouts/home.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip">
+<main id="skip" class="visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/parent.njk b/_includes/layouts/parent.njk
index 056e95f..13ce5d2 100644
--- a/_includes/layouts/parent.njk
+++ b/_includes/layouts/parent.njk
@@ -42,6 +42,7 @@
 
 		<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
 
-		<!-- Current page: {{ page.url | htmlBaseUrl }} -->
+		<div class="mobile-buttons"><button id="menu-button">Menu</button><button id="sommaire-button">Sommaire</button></div>
+		<script src="/js/mobile-sidebar.js"></script> 
 	</body>
 </html>
diff --git a/_includes/layouts/pokedex-missingno.njk b/_includes/layouts/pokedex-missingno.njk
index ad7769e..d233331 100644
--- a/_includes/layouts/pokedex-missingno.njk
+++ b/_includes/layouts/pokedex-missingno.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip" class="pokepage">
+<main id="skip" class="pokepage visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/pokedex.njk b/_includes/layouts/pokedex.njk
index 61e1bef..bd22bfd 100644
--- a/_includes/layouts/pokedex.njk
+++ b/_includes/layouts/pokedex.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip" class="pokepage">
+<main id="skip" class="pokepage visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/pokedex2.njk b/_includes/layouts/pokedex2.njk
index 2a5c3bf..8acaa8f 100644
--- a/_includes/layouts/pokedex2.njk
+++ b/_includes/layouts/pokedex2.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip" class="pokepage">
+<main id="skip" class="pokepage visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/pokedex2b.njk b/_includes/layouts/pokedex2b.njk
index 92c24fd..bad4392 100644
--- a/_includes/layouts/pokedex2b.njk
+++ b/_includes/layouts/pokedex2b.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip" class="pokepage">
+<main id="skip" class="pokepage visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/_includes/layouts/pokelist.njk b/_includes/layouts/pokelist.njk
index 8f0d126..ac3640a 100644
--- a/_includes/layouts/pokelist.njk
+++ b/_includes/layouts/pokelist.njk
@@ -1,7 +1,7 @@
 ---
 layout: layouts/parent.njk
 ---
-<main id="skip">
+<main id="skip" class="visible">
   <div>
     {{ content | safe }}
   </div>
diff --git a/content/glitches/attaque-types.md b/content/glitches/attaque-types.md
index 5d964de..8751802 100644
--- a/content/glitches/attaque-types.md
+++ b/content/glitches/attaque-types.md
@@ -34,6 +34,19 @@ Les attaques glitchées sont des attaques au dela des attaques prévues par le j
 
 Les attaques ont des données d'attaques normales, en plus de leur potentiel effet. L'attaque "-" et les attaques "Super Glitch" ont la potentialité de provoquer l'effet éponyme (de manière partielle pour "-").
 
+### Liste des attaques
+
+*Note: Ce tableau est basé plus sur la version anglaise*
+
+| Nom | ID | Effets |
+|:---:|:--:|:------:|
+| -- | 00 | Super Glitch Partiel |
+| Super Glitch | 166-195  | Corruption Super Glitch |
+| HM01 | 196 | Attaque avec les effets de Choc Mental. Si ne met pas KO, le message "Mais rien ne se passe" apparaitra. |
+| HM01 | 196 | Attaque avec les effets de Choc Mental. Si ne met pas KO, le message "Mais rien ne se passe" apparaitra. |
+
+Pour une liste plus complète et liée à la version française, vous pouvez voir celle-ci sur [PRAMA Initiative](https://www.prama-initiative.com/index.php?page=glitchdex-attaques)
+
 ## Super Glitch
 
 L'effet Super Glitch est une corruption de mémoire provoqué par des attaques ayant un nom qui n'a pas de marqueur de fin. Plus précisément, cela vient du fait que les attaques dites "Super Glitch" et "-" n'ont pas de vrai "nom", mais une série de donnée de la ROM qui va être pris comme si c'était un nom, et qui n'a donc pas forcément le caractère de fin présent.
diff --git a/public/css/datatables.css b/public/css/datatables.css
index 2daeeb9..e05e207 100644
--- a/public/css/datatables.css
+++ b/public/css/datatables.css
@@ -21,6 +21,10 @@
   float: right;
 }
 
+.datatable-container {
+  overflow-x: scroll;
+}
+
 .datatable-selector {
   padding: 5px;
   border-radius: 5px;
diff --git a/public/css/index.css b/public/css/index.css
index 7d0d962..dd9f8d6 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -37,7 +37,7 @@ body {
 	min-height:100%;
 	font-family: var(--font-family);
 	color: var(--text-color);
-	width:1280px;
+	max-width:1280px;
 }
 html {
 	overflow-y: scroll;
@@ -290,3 +290,86 @@ footer {
   width:800px;
 }
 
+.mobile-buttons {
+  display: none;
+}
+
+@media screen and (max-width: 1000px) { 
+  html {
+    width: 100%;
+  }
+
+  #more-info,
+  #sidebar {
+    width: 100%;
+  }
+
+
+  #more-info:not(.visible),
+  #sidebar:not(.visible),
+  main:not(.visible) {
+    display:none;
+  }
+
+  main {
+    margin:16px;
+  }
+
+  footer {
+    width: 100%;
+    padding:16px;
+    margin-bottom:48px;
+  }
+
+  .mobile-buttons {
+    display: flex;
+    justify-content: space-around;
+    position: fixed;
+    bottom:0;
+    height:48px;
+    width:100%;
+    background-color: white;
+    box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.4);
+  }
+
+  .mobile-buttons button {
+    border: none;
+    background-color: transparent;
+    margin:3px;
+    padding: 8px 24px;
+    border-radius:999px;
+  }
+
+  .mobile-buttons button:hover {
+    background-color: rgba(0,0,0,0.2)!important;
+  }
+
+  .mobile-buttons button.active {
+    background-color: rgba(0,0,0,0.15);
+  }
+}
+
+@media screen and (max-width: 640px) { 
+ 
+  header h1 a {
+    font-size:4rem;
+  }
+
+  .pokedex td:nth-child(n + 4),
+  .pokedex th:nth-child(n + 4) {
+    display: none;
+  }
+
+}
+
+@media screen and (max-width: 480px) { 
+ 
+  header h1 a {
+    font-size:3rem;
+  }
+
+  .grid {
+    display:block!important;
+  }
+
+} 
\ No newline at end of file
diff --git a/public/js/mobile-sidebar.js b/public/js/mobile-sidebar.js
new file mode 100644
index 0000000..aa9a1ea
--- /dev/null
+++ b/public/js/mobile-sidebar.js
@@ -0,0 +1,48 @@
+const sidebar = document.getElementById('sidebar');
+const sommaire = document.getElementById('more-info');
+const main = document.getElementById('skip');
+const btn_menu = document.getElementById('menu-button');
+const btn_sommaire = document.getElementById('sommaire-button');
+
+btn_menu.addEventListener('click', function () {
+    if (sidebar.classList.contains('visible')) {
+        sidebar.classList.remove('visible');
+        sommaire.classList.remove('visible');
+        main.classList.add('visible');
+        btn_menu.classList.remove('active');
+        btn_sommaire.classList.remove('active');
+    } else {
+        sidebar.classList.add('visible');
+        sommaire.classList.remove('visible');
+        main.classList.remove('visible');
+        btn_menu.classList.add('active');
+        btn_sommaire.classList.remove('active');
+    }
+});
+
+btn_sommaire.addEventListener('click', function () {
+    
+    if (sommaire.classList.contains('visible')) {
+        sidebar.classList.remove('visible');
+        sommaire.classList.remove('visible');
+        main.classList.add('visible');
+        btn_menu.classList.remove('active');
+        btn_sommaire.classList.remove('active');
+    } else {
+        sidebar.classList.remove('visible');
+        sommaire.classList.add('visible');
+        main.classList.remove('visible');
+        btn_menu.classList.remove('active');
+        btn_sommaire.classList.add('active');
+    }
+});
+
+document.querySelectorAll('#sommaire a').forEach(function (link) {
+    link.addEventListener('click', function() {
+        sidebar.classList.remove('visible');
+        sommaire.classList.remove('visible');
+        main.classList.add('visible');
+        btn_menu.classList.remove('active');
+        btn_sommaire.classList.remove('active');
+    });
+});
\ No newline at end of file