diff --git a/app/view/Jeu/displayListe.html b/app/view/Jeu/displayListe.html
index f299dc433fe0a1fd2c5ae0b29f3671412a730491..23376073ccd382807a66a3823e10c905e799672e 100644
--- a/app/view/Jeu/displayListe.html
+++ b/app/view/Jeu/displayListe.html
@@ -1,22 +1,47 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Liste des jeux</title>
-</head>
-<body>
- <header>
- <h1>La liste de nos jeux</h1>
- </header>
- <ul>
- <?php foreach($this->liste as $jeu) : ?>
- <li><a href="jeu/<?php echo $jeu->slug;?>"><?php echo $jeu->nom;?></a></li>
- <?php endforeach;?>
- </ul>
- <footer>
- <p>Pied de page...</p>
- </footer>
-</body>
+<?php $page_title = "Liste des jeux"; ?>
+<?php include(ROOT."/app/view/Includes/header.include.html"); ?>
-</html>
+ <?php
+ $cpt = 1;
+
+ foreach($this->liste as $jeu) {
+ if($cpt == 1) {
+ echo '<div class="row game-row">';
+ }
+ ?>
+ <div class="col-3 col-m-6">
+ <div class="game">
+ <a href="jeu/<?php echo $jeu->slug;?>">
+ <img class="game-image" alt="logo du jeu <?php echo $jeu->nom;?>" src="../app/view/Includes/images/Cosmic_Encounter_(FFG).jpg">
+ <div class="game-caption"><?php echo $jeu->nom;?></div>
+ </a>
+ </div>
+ </div>
+ <?php
+ if($cpt == 4) {
+ echo '</div>';
+ $cpt = 0;
+ }
+ $cpt++;
+ }
+ ?>
+
+ <?php
+ if($cpt == 1) {
+ echo '<div class="row game-row">';
+ }
+ ?>
+
+ <div class="col-3 col-m-6">
+ <div class="game more">
+ <a href="addjeu">
+ <img class="game-image" alt="bouton ajouter jeu" src="../app/view/Includes/images/plus-symbol.png">
+ <div class="game-caption">Un autre jeu ?</div>
+ </a>
+ </div>
+ </div>
+ </div>
+
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>