diff --git a/public/html/heuzef/jeux.html b/public/html/heuzef/jeux.html
index 5088902..29c2d26 100644
--- a/public/html/heuzef/jeux.html
+++ b/public/html/heuzef/jeux.html
@@ -16,11 +16,39 @@
   </div>
   <div class="container-fluid"><br/><br/></div>
   <div class="container-fluid">
-    <h1>Jeux video, Jeux de societe et Jeux de role</h1>
+    <h1>Jeux</h1>
     <hr/>
-    <p class="text-muted">
-      En cours de rédaction ...
+    <p>
+      Toujours partant pour une bonne session de jeux ! 🎲
     </p>
+    <ul class="nav nav-tabs" role="tablist">
+      <li class="nav-item" role="presentation">
+        <a class="nav-link" data-bs-toggle="tab" href="#jv" role="tab">Jeux video</a>
+      </li>
+      <li class="nav-item" role="presentation">
+        <a class="nav-link" data-bs-toggle="tab" href="#jds" role="tab">Jeux de societe</a>
+      </li>
+      <li class="nav-item" role="presentation">
+        <a class="nav-link" data-bs-toggle="tab" href="#jdr" role="tab">Jeux de role</a>
+      </li>
+    </ul>
+    <div id="myTabContent" class="tab-content">
+      <div class="tab-pane fade" id="jv" role="tabpanel">
+        <p class="text-muted">
+          En cours de rédaction ...
+        </p>
+      </div>
+      <div class="tab-pane fade" id="jds" role="tabpanel">
+        <p class="text-muted">
+          En cours de rédaction ...
+        </p>
+      </div>
+      <div class="tab-pane fade" id="jdr" role="tabpanel">
+        <p class="text-muted">
+          En cours de rédaction ...
+        </p>
+      </div>
+    </div>
   </div>
 
 </body>