diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/connectedUserList.tag b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/connected-user-list.tag
similarity index 72%
rename from S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/connectedUserList.tag
rename to S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/connected-user-list.tag
index 961a21c..bf43077 100644
--- a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/connectedUserList.tag
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/connected-user-list.tag
@@ -1,32 +1,26 @@
-<%@ tag import="com.google.gson.Gson" %>
-<%@ tag import="uppa.project.database.pojo.User" %>
-<%@tag description="component/connectedUserList" pageEncoding="UTF-8" %>
+<%@tag description="component/connected-user-list" pageEncoding="UTF-8" %>
+
+<%@tag import="com.google.gson.Gson" %>
+<%@tag import="uppa.project.database.pojo.User" %>
+
 <%@taglib prefix="component" tagdir="/WEB-INF/tags/components" %>
 
-<component:card>
-    <jsp:attribute name="card_head">
-        <div class="card-header-title">Utilisateurs connectés</div>
-    </jsp:attribute>
-    <jsp:attribute name="card_content">
-        <table id="connectedUserList" class="table is-fullwidth">
-            <thead>
-                <tr>
-                    <th>Utilisateur</th>
-                    <th>Nombre de parties</th>
-                    <th>Victoires (%)</th>
-                    <th>Clics corrects (%)</th>
-                    <th>Clics rapides (%)</th>
-                    <th>Action</th>
-                </tr>
-            </thead>
-            <tbody>
-            </tbody>
-        </table>
-    </jsp:attribute>
-</component:card>
+<table id="connected-user-list" class="table is-fullwidth">
+    <thead>
+    <tr>
+        <th>Utilisateur</th>
+        <th>Nombre de parties</th>
+        <th>Victoires (%)</th>
+        <th>Clics corrects (%)</th>
+        <th>Clics rapides (%)</th>
+        <th>Action</th>
+    </tr>
+    </thead>
+    <tbody></tbody>
+</table>
 
 <script defer type="module">
-    const tbodyElement = document.querySelector('#connectedUserList tbody');
+    const tbodyElement = document.querySelector('#connected-user-list tbody');
 
     // effacer ce qu'il y a apres /project_war_exploded
     const url = new URL(window.location.href);
@@ -57,7 +51,7 @@
     }
 
     websocket.onclose = () => {}
-    websocket.onerror = (error) => {}
+    websocket.onerror = (error) => console.error(error);
 
     function updateUserList(users) {
         tbodyElement.innerHTML = '';
diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/newGame.tag b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/new-game.tag
similarity index 83%
rename from S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/newGame.tag
rename to S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/new-game.tag
index e85c003..7ea7477 100644
--- a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/newGame.tag
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/new-game.tag
@@ -1,8 +1,8 @@
 <%@ tag import="uppa.project.database.pojo.Deck" %>
 <%@ tag import="uppa.project.database.pojo.Game" %>
-<%@tag description="form/newGame" pageEncoding="UTF-8" %>
+<%@tag description="form/new-game" pageEncoding="UTF-8" %>
 
-<form id="newGame-form" action="${pageContext.request.contextPath}/main-menu" method="post">
+<form id="new-game-form" action="${pageContext.request.contextPath}/main-menu" method="post">
 
     <h2 class="title is-5">Paramètres Généraux</h2>
 
@@ -76,57 +76,6 @@
         display: none;
     }
 
-    .notification {
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        margin: 1em !important;
-
-        transform: translateY(100%);
-        opacity: 0;
-        animation: toast 5s ease forwards;
-    }
-
-    @keyframes toast {
-        0% {
-            opacity: 0;
-            transform: translateY(100%);
-        }
-        5% {
-            opacity: 1;
-            transform: translateY(0);
-        }
-        95% {
-            opacity: 1;
-            transform: translateY(0);
-        }
-        100% {
-            opacity: 0;
-            transform: translateY(100%);
-        }
-    }
-
-    @keyframes shake {
-        0%, 100% {
-            transform: translateX(0);
-        }
-        10%, 30%, 50%, 70%, 90% {
-            transform: translateX(-5px);
-        }
-        20%, 40%, 60%, 80% {
-            transform: translateX(5px);
-        }
-    }
-
-    .range-field {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        height: 100%;
-        position: relative;
-        gap: 5px;
-    }
     .range-field .value {
 
         font-size: 18px;
@@ -134,10 +83,10 @@
         font-weight: 600;
     }
     .left {
-        left: 0px;
+        left: 0;
     }
     .right {
-        right: 0px;
+        right: 0;
     }
     .field input {
         flex: 1 1 auto;