diff --git a/back-end/src/templates/members.ejs b/back-end/src/templates/members.ejs
index 049a9d8..e6a0997 100644
--- a/back-end/src/templates/members.ejs
+++ b/back-end/src/templates/members.ejs
@@ -1,30 +1,45 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>
-		Liste des membres
+    Liste des membres
   </title>
 
-	<%- include('partials/links.ejs') %>
+  <%- include('partials/links.ejs') %>
 </head>
+
 <body>
-	<%- include('partials/header.ejs') %>
+  <%- include('partials/header.ejs') %>
 
-  <h1>
-		Liste des membres
-  </h1>
+    <main>
+    <h1>
+      Liste des membres
+    </h1>
+    <table>
+      <thead>
+        <tr>
+          <th>Id Membre</th>
+          <th>Nom</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
 
-	<ul>
-		<% members.forEach(function(member) { %>
-			<li>
-				<a href="/membres/byname/<%=member.name%>">
-					<%=member.name%>
-				</a>
-			</li>
-		<% }); %>
-	</ul>
+        <% members.forEach(function(member) { %>
+        <tr>
+          <td><%=member.id_member%></td>
+          <td><%=member.name%></td>
+          <td><a href="/membres/byname/<%=member.name%>"><i class="fa-solid fa-eye"></i></a></td>
+        </tr>
+
+          <% }); %>
+      </tbody>
+    </table>
+
+    </main>
 
 </body>
 
