diff --git a/back-end/src/templates/boxes.ejs b/back-end/src/templates/boxes.ejs
index 3468f7b..fddfcb5 100644
--- a/back-end/src/templates/boxes.ejs
+++ b/back-end/src/templates/boxes.ejs
@@ -1,45 +1,66 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>
-		Liste des boîtes
+    Liste des boîtes
   </title>
 
-	<%- include('partials/links.ejs') %>
+  <%- include('partials/links.ejs') %>
 </head>
+
 <body>
-	<%- include('partials/header.ejs') %>
+  <%- include('partials/header.ejs') %>
+  <main>
+  
+    <h1>
+      Liste des boîtes
+    </h1>
 
-  <h1>
-		Liste des boîtes
-  </h1>
+    <div class="fromDate">
+      <label for="fromDate">À partir de : </label>
+      <input type="date" name="fromDate" id="fromDate">
+      <input type="submit" value="Filtrer"
+        onclick="window.location.pathname = '/boxes/from/' + document.getElementById('fromDate').value;">
+      <span>Nombre moyen de pièces : <%- boxes.map( (b)=> b.pieces.reduce(
+          (p, q) => p + q.second, 0
+          )
+          ).reduce((i, j) => i + j, 0) / boxes.length%></span>
+    </div>
 
-	<div class="fromDate">
-		<label for="fromDate">À partir de : </label>
-		<input type="date" name="fromDate" id="fromDate">
-		<input type="submit" value="Filtrer" onclick="window.location.pathname = '/boxes/from/' + document.getElementById('fromDate').value;">
-    <span>Nombre moyen de pièces : <%-
-          boxes.map(
-              (b) => b.pieces.reduce(
-                  (p, q) => p + q.second, 0
+    <hr>
+
+    <table>
+      <thead>
+        <tr>
+          <th>Id</th>
+          <th>Nom</th>
+          <th>Nombre de pièces</th>
+          <th>Date création</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% boxes.forEach(function(box) { %>
+          <tr>
+          <td><%=box.id%></td>
+          <td><%=box.title%></td>
+          <td><%- box.pieces.reduce(
+              (p,q) => p + q.second, 0
               )
-           ).reduce((i, j) => i + j, 0) / boxes.length%></span>
-	</div>
+              -%></td>
+          <td><%=box.date.toLocaleDateString()%></td>
+          <td><a href="/boxes/byid/<%=box.id%>"><i class="fa-solid fa-eye"></i></a></td>
+          </tr>
 
-	<hr>
+          <% }); %>
 
-	<ul>
-		<% boxes.forEach(function(box) { %>
-			<li>
-				<a href="/boxes/<%=box.title%>">
-					<%=box.title%>
-				</a>
-			</li>
-		<% }); %>
-	</ul>
+      </tbody>
+    </table>
 
+  </main>
 </body>
 
 </html>
diff --git a/back-end/src/templates/member.ejs b/back-end/src/templates/member.ejs
index efb18fc..10d9c5d 100644
--- a/back-end/src/templates/member.ejs
+++ b/back-end/src/templates/member.ejs
@@ -13,6 +13,8 @@
 
 <body>
   <%- include('partials/header.ejs') %>
+    <main>
+      
     <h1>
       <%= member.name %>
     </h1>
@@ -23,21 +25,34 @@
 
     <pre>
       id: <%= member.id_member%>
-        name: <%= member.name%>
+      name: <%= member.name%>
     </pre>
 
-    <h2>Liste des modèles faisable</h2>
+    <h2>Liste des modèles faisables</h2>
 
-    <ul>
-      <% models.forEach(function(model) { %>
-        <li>
-          <a href="/models/byid/<%=model.id%>">
-            <%=model.name%>
-          </a>
-        </li>
-        <% }); %>
-    </ul>
+    <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>
 
-</body>
+          <% }); %>
+
+      </tbody>
+    </table>
+    </body>
+    </main>
 
 </html>
