diff --git a/Website/Media/mathEducFont.ttf b/Website/Media/mathEducFont.ttf
index 43b47be..3d85ed9 100755
Binary files a/Website/Media/mathEducFont.ttf and b/Website/Media/mathEducFont.ttf differ
diff --git a/Website/controllers/ControllerUserLobby.php b/Website/controllers/ControllerUserLobby.php
new file mode 100644
index 0000000..f9bf141
--- /dev/null
+++ b/Website/controllers/ControllerUserLobby.php
@@ -0,0 +1,33 @@
+<?php
+
+class ControllerUserLobby
+{
+    private $mdLobby;
+
+    private $twig;
+    private $vues;
+
+    function __construct()
+    {
+        global $dns, $user, $pass, $vues, $twig;
+        session_start();
+        try {
+            $this->twig =$twig;
+            $this->vues = $vues;
+
+            $this->mdLobby = new ModelLobby();
+
+            $lobbies = $this->mdLobby->getlobbies();
+            
+
+            echo $twig->render($vues["lobby"], [
+                'lobbies' => $lobbies,
+            ]);
+                        
+        } catch (PDOException $e) {
+            // Gérez les erreurs PDO ici
+        } catch (Exception $e2) {
+            // Gérez d'autres erreurs ici
+        }
+    }
+}
\ No newline at end of file
diff --git a/Website/templates/adminAdministrators.twig b/Website/templates/adminAdministrators.twig
index 8573692..04230bf 100644
--- a/Website/templates/adminAdministrators.twig
+++ b/Website/templates/adminAdministrators.twig
@@ -14,7 +14,7 @@
             <h1>Liste des administrators</h1>
             <ul class="list-group">
                 {% for admin in administrators %}
-                    <li class="list-group-item d-flex ustify-content-between align-items-center">
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
                         {{ admin.username }}
                         <div class="btn-group" role="group">
                             <a type="button" href="/admin/administrators/updatemodal/{{ admin.id }}"  class="btn btn-primary">Modifier</a>
diff --git a/Website/templates/adminChapters.twig b/Website/templates/adminChapters.twig
index 34b8e7a..e25f9df 100644
--- a/Website/templates/adminChapters.twig
+++ b/Website/templates/adminChapters.twig
@@ -14,7 +14,7 @@
             <h1>Liste des chapitres</h1>
             <ul class="list-group">
                 {% for chapter in chapters %}
-                    <li class="list-group-item d-flex ustify-content-between align-items-center">
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
                         {{ chapter.name }}
                         <div class="btn-group" role="group">
                             <a type="button" href="/admin/chapters/updatemodal/{{ chapter.id }}"  class="btn btn-primary">Modifier</a>
diff --git a/Website/templates/adminQuestions.twig b/Website/templates/adminQuestions.twig
index f634257..4d36d1a 100644
--- a/Website/templates/adminQuestions.twig
+++ b/Website/templates/adminQuestions.twig
@@ -14,7 +14,7 @@
             <h1>Liste des questions</h1>
             <ul class="list-group">
                 {% for question in questions %}
-                    <li class="list-group-item d-flex ustify-content-between align-items-center">
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
                         {{ question.content }}
                         <div class="btn-group" role="group">
                             <a type="button" href="/admin/questions/updatemodal/{{ question.id }}"  class="btn btn-primary">Modifier</a>
diff --git a/Website/templates/lobby.twig b/Website/templates/lobby.twig
new file mode 100644
index 0000000..a1467af
--- /dev/null
+++ b/Website/templates/lobby.twig
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset=utf-8>
+        <title>Math'Educ</title>
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+        <link rel="stylesheet" href="/css/global.css">
+    </head>
+
+    <body id="bodyStyle">
+        <div class="container mt-5">
+
+            <div class="container d-flex justify-content-between">
+                <h1 style="color: white;">Liste des Lobbies</h1>
+                <div class="btn">
+                    <a type="button" class="btn btn-primary" href="">ajouter un Lobby</a>
+                </div>
+            </div>
+            
+            <ul class="list-group">
+                <li class="list-group-item d-flex justify-content-between align-items-center">
+                    <h4>Lobby</h4>
+                    <h4>Nombre de joueurs</h4>
+                    <h4></h4>
+                </li>
+                {% for lobby in lobbies %}
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
+                        <h6>{{lobby.name}}</h6>
+                        <h6>{{lobby.nbPlayer}}/6</h6>
+                        <div class="btn">
+                            <a type="button" class="btn btn-primary" href="">Rejoindre</a>
+                        </div>
+                    </li>
+                {% endfor %}
+            </ul>
+        </div>
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+
+        <div class="modal fade" id="modalquestions">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLabel">Ajouter une question</h5>
+                    </div>
+                    <form method="POST" action="/admin/questions/add">
+                        <div class="modal-body">
+                            <div class="form-group">
+                                <label for="name">Contenu de la question :</label>
+                                <input type="text" class="form-control" id="content" name="content">
+                            </div>
+                            <div class="form-group">
+                                <label for="name">Chapitre de la question :</label>
+                                <select class="form-control" id="idChapter" name="idChapter">
+                                    {% for chapter in chapters %}
+                                    <option value="{{chapter.id}}" >{{chapter.name}}</option>
+                                    {% endfor %}
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label for="name">Réponse 1 de la question :</label>
+                                <input type="text" class="form-control" id="answer1" name="answer1">
+                                <input type="radio" name="correctAnswer" checked="checked" value="0"> Correct
+                            </div>
+                            
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
+                            <button type="submit" class="btn btn-primary">Enregistrer</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/Website/usages/Config.php b/Website/usages/Config.php
index 82edcd7..817fd76 100644
--- a/Website/usages/Config.php
+++ b/Website/usages/Config.php
@@ -16,4 +16,5 @@ $vues["adminChapters"]="adminChapters.twig";
 $vues["adminChaptersModal"]="adminChaptersModal.twig";
 $vues["adminQuestions"]="adminQuestions.twig";
 $vues["adminQuestionsModal"]="adminQuestionsModal.twig";
-$vues["viewScore"]="viewScore.twig";
\ No newline at end of file
+$vues["viewScore"]="viewScore.twig";
+$vues["lobby"]="lobby.twig";
\ No newline at end of file
