diff --git a/back-end/src/templates/model.ejs b/back-end/src/templates/model.ejs
index 210f87a..77e87ca 100644
--- a/back-end/src/templates/model.ejs
+++ b/back-end/src/templates/model.ejs
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,29 +8,43 @@
     <%= model.name %>
   </title>
 
-	<%- include('partials/links.ejs') %>
+  <%- include('partials/links.ejs') %>
 </head>
+
 <body>
-	<%- include('partials/header.ejs') %>
+  <%- include('partials/header.ejs') %>
 
-  <h1>
-    <%= model.name %>
-  </h1>
+    <h1>
+      <%= model.name %>
+    </h1>
 
-	<pre>
-		id          : <%= model.id %>
-		url         : <%= model.url %>
-		creator     : <%= model.creator %>
-		inheritFrom : <%= model.inheritFrom %>
-        pièces      :
-    <% model.pieces.forEach(function(pair) { %>
-			<li>
-				<a href="/pieces/<%=pair.first.id_piece%>">
-					n°<%=pair.first.id_piece%> en <%=pair.second%> exemplaires
-				</a>
-			</li>
-		  <% }); %>
-	</pre>
+    <pre>
+      <main>
+
+        id : <%= model.id %>
+        url : <%= model.url %>
+        creator : <%= model.creator %>
+        inheritFrom : <%= model.inheritFrom %>
+        <h2>Liste des pièces nécessaires</h2>
+        <table>
+          <thead>
+            <tr>
+              <th>Id pièce</th>
+              <th>Quantité pieces</th>
+            </tr>
+          </thead>
+          <tbody>
+            <% model.pieces.forEach(function(pair) { %>
+              <tr>
+                <td><a href="/pieces/<%=pair.first.id_piece%>"><i class="fa-solid fa-puzzle-piece"></i> <%= pair.first.id_piece%></a></td>
+                <td><%= pair.second%></td>
+              </tr>
+              <% }); %>
+          </tbody>
+        </table>
+      </main>
+
+    </pre>
 </body>
 
 </html>
diff --git a/back-end/src/templates/models.ejs b/back-end/src/templates/models.ejs
index e571f5f..c04a904 100644
--- a/back-end/src/templates/models.ejs
+++ b/back-end/src/templates/models.ejs
@@ -1,32 +1,47 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>
-		Liste des modeles
+    Liste des modeles
   </title>
 
-	<%- include('partials/links.ejs') %>
+  <%- include('partials/links.ejs') %>
 </head>
+
 <body>
-	<%- include('partials/header.ejs') %>
+  <%- include('partials/header.ejs') %>
+  <main>
+    <h1>
+      Liste des modeles
+    </h1>
 
-	<a href="/models/fromfan"><p>Liste des modèles proposés par des fans</p></a>
+    <table>
+      <thead>
+        <tr>
+          <th>Id modèle</th>
+          <th>Nom modèle</th>
+          <th>Proposé par</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% models.forEach(function(model) { %>
+        <tr>
+          <td><%=model.id%></td>
+          <td><%=model.name%></td>
+          <td><a href="/membres/byid/<%=model.creator%>"><i class="fa-solid fa-user"></i> <%=model.creator%></a></td>
+          <td><a href="/models/byname/<%=model.name%>"><i class="fa-solid fa-eye"></i></a></td>
+        </tr>
 
-  <h1>
-		Liste des modeles
-  </h1>
+          <% }); %>
 
-	<ul>
-		<% models.forEach(function(model) { %>
-			<li>
-				<a href="/models/byname/<%=model.name%>">
-					<%=model.name%>
-				</a>
-			</li>
-		<% }); %>
-	</ul>
+      </tbody>
+    </table>
+
+  </main>
 
 </body>
 
