diff --git a/Website/Media/Logo.png b/Website/Media/Logo.png
new file mode 100755
index 0000000..c114327
Binary files /dev/null and b/Website/Media/Logo.png differ
diff --git a/Website/Media/background.jpg b/Website/Media/background.jpg
index bb41488..78747e1 100755
Binary files a/Website/Media/background.jpg and b/Website/Media/background.jpg differ
diff --git a/Website/index.php b/Website/index.php
index de18794..52b5bb1 100755
--- a/Website/index.php
+++ b/Website/index.php
@@ -12,4 +12,4 @@ Autoload::charger();
 $controller = new FrontController();
 */
 //require_once("vues/Acceuil.php");
-require_once("vues/Solo.php");
+require_once("vues/Course.php");
diff --git a/Website/vues/Acceuil.php b/Website/vues/Acceuil.php
index f1127ca..6a4fb7e 100755
--- a/Website/vues/Acceuil.php
+++ b/Website/vues/Acceuil.php
@@ -18,26 +18,26 @@
     </style>
 </head>
 
-<body style="background-image: url('Media/background.jpg');">
+<body style="background-image: url('Media/background.jpg'); background-size:cover;">
     <div class="d-flex flex-column align-items-center justify-content-between" style="height:95vh">
-        <img src="media/placeholder.png" style="width:90vw; height:30vh; margin-top:50px;">
-        <a href="vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:black;text-decoration: none;color: black; height:20vh;">
+        <img src="Media/Logo.png" style="width:20vw; height:30vh; margin-top:50px; object-fit:cover;">
+        <a href="vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:green;text-decoration: none;color: black; height:20vh;">
             <div class="container text-center d-flex align-items-center text-center">
-                <h1 class="mx-auto" style="font-size:50px">
+                <h1 class="mx-auto fs-1">
                     SOLO
                 </h1>
             </div>
         </a>
-        <a href="vues/Multijoueur.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:black;text-decoration: none;color: black;height:20vh;">
+        <a href="vues/Multijoueur.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:orange;text-decoration: none;color: black;height:20vh;">
             <div class="container text-center d-flex align-items-center text-center">
-                <h1 class="mx-auto" style="font-size:50px">
+                <h1 class="mx-auto fs-1">
                     MULTIJOUEUR
                 </h1>
             </div>
         </a>
-        <a href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:black;text-decoration: none;color: black;height:20vh;">
+        <a href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:blue;text-decoration: none;color: black;height:20vh;">
             <div class="container text-center d-flex align-items-center text-center">
-                <h1 class="mx-auto" style="font-size:35px">
+                <h1 class="mx-auto fs-1">
                     ajouter des questions
                 </h1>
             </div>
diff --git a/Website/vues/Course.php b/Website/vues/Course.php
new file mode 100644
index 0000000..295d0ad
--- /dev/null
+++ b/Website/vues/Course.php
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="fr">
+<html>
+
+<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">
+    <style>
+        @font-face {
+            font-family: 'MenuFont';
+            src: url('Media/mathEducFont.ttf') format('truetype');
+        }
+
+        * {
+            font-family: 'MenuFont';
+        }
+    </style>
+</head>
+
+<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+    <div class="d-flex flex-column-reverse align-items-center justify-content-between" style="height:95vh">
+        <div class="d-flex flex-row align-items-center justify-content-between" style="height:95vh">
+
+            <button style="background-color:red;">Test</button>
+            <button style="background-color:red;">Test</button><button style="background-color:red;">Test</button>
+        </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Website/vues/Multijoueur.php b/Website/vues/Multijoueur.php
new file mode 100755
index 0000000..f662f02
--- /dev/null
+++ b/Website/vues/Multijoueur.php
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="fr">
+<html>
+
+<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">
+    <style>
+        @font-face {
+            font-family: 'MenuFont';
+            src: url('Media/mathEducFont.ttf') format('truetype');
+        }
+
+        * {
+            font-family: 'MenuFont';
+        }
+    </style>
+</head>
+
+<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+    <div class="d-flex flex-column align-items-center justify-content-center" style="height:95vh">
+        <div style="width:90vw; height:30vh; margin-top:50px;" class="text-center d-flex align-items-center text-center text-white border border-white rounded">
+            <p class="sm-fs-5 mx-auto m-5">
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident fuga cum soluta iure libero! Ullam, expedita excepturi! Odio distinctio quos quasi commodi libero ratione corrupti, unde iste explicabo suscipit consequatur ipsum! Id beatae corrupti ipsa totam deserunt, vel tenetur, iusto quaerat asperiores veritatis quidem! Vel dolorem recusandae necessitatibus ullam laborum!
+                <?php /* Query to bd d'une question aléatoire */ ?>
+            </p>
+        </div>
+        <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
+            <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
+                <button href="vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:blue;text-decoration: none;color: black; height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            Lorem, ipsum.
+                            <?php /* Query to bd d'une question aléatoire */ ?>
+                        </p>
+                    </div>
+                </button>
+                <button href="vues/Multijoueur.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:green;text-decoration: none;color: black;height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            Lorem, ipsum.
+                            <?php /* Query to bd d'une question aléatoire */ ?>
+                        </p>
+                    </div>
+                </button>
+            </div>
+            <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
+                <button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:red;text-decoration: none;color: black;height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            e^5
+                            <?php /* Query to bd d'une question aléatoire */ ?>
+                        </p>
+                    </div>
+                </button>
+                <button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:orange;text-decoration: none;color: black;height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            Lorem, ipsum.
+                            <?php /* Query to bd d'une question aléatoire */ ?>
+                        </p>
+                    </div>
+                </button>
+            </div>
+        </div>
+    </div>
+</body>
\ No newline at end of file
diff --git a/Website/vues/Solo.php b/Website/vues/Solo.php
index c125565..f662f02 100755
--- a/Website/vues/Solo.php
+++ b/Website/vues/Solo.php
@@ -18,27 +18,27 @@
     </style>
 </head>
 
-<body style="background-image: url('Media/background.jpg');">
+<body style="background-image: url('Media/background.jpg'); background-size:cover;">
     <div class="d-flex flex-column align-items-center justify-content-center" style="height:95vh">
         <div style="width:90vw; height:30vh; margin-top:50px;" class="text-center d-flex align-items-center text-center text-white border border-white rounded">
-            <p class="sm-fs-5 mx-auto">
+            <p class="sm-fs-5 mx-auto m-5">
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident fuga cum soluta iure libero! Ullam, expedita excepturi! Odio distinctio quos quasi commodi libero ratione corrupti, unde iste explicabo suscipit consequatur ipsum! Id beatae corrupti ipsa totam deserunt, vel tenetur, iusto quaerat asperiores veritatis quidem! Vel dolorem recusandae necessitatibus ullam laborum!
                 <?php /* Query to bd d'une question aléatoire */ ?>
             </p>
         </div>
         <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
             <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
-                <button href="vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-50 rounded border border-white text-center" style="background-color:blue;text-decoration: none;color: black; height:20vh;">
+                <button href="vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:blue;text-decoration: none;color: black; height:20vh;">
                     <div class="container text-center d-flex align-items-center text-center">
-                        <p class="mx-auto fs-3">
+                        <p class="mx-auto fs-5">
                             Lorem, ipsum.
                             <?php /* Query to bd d'une question aléatoire */ ?>
                         </p>
                     </div>
                 </button>
-                <button href="vues/Multijoueur.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-50 rounded border border-white text-center" style="background-color:green;text-decoration: none;color: black;height:20vh;">
+                <button href="vues/Multijoueur.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:green;text-decoration: none;color: black;height:20vh;">
                     <div class="container text-center d-flex align-items-center text-center">
-                        <p class="mx-auto fs-3">
+                        <p class="mx-auto fs-5">
                             Lorem, ipsum.
                             <?php /* Query to bd d'une question aléatoire */ ?>
                         </p>
@@ -46,17 +46,17 @@
                 </button>
             </div>
             <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
-                <button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-50 rounded border border-white text-center" style="background-color:red;text-decoration: none;color: black;height:20vh;">
+                <button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:red;text-decoration: none;color: black;height:20vh;">
                     <div class="container text-center d-flex align-items-center text-center">
-                        <p class="mx-auto fs-3">
-                            La reponse D123*r(²)
+                        <p class="mx-auto fs-5">
+                            e^5
                             <?php /* Query to bd d'une question aléatoire */ ?>
                         </p>
                     </div>
                 </button>
-                <button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-50 rounded border border-white text-center" style="background-color:orange;text-decoration: none;color: black;height:20vh;">
+                <button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" style="background-color:orange;text-decoration: none;color: black;height:20vh;">
                     <div class="container text-center d-flex align-items-center text-center">
-                        <p class="mx-auto fs-3">
+                        <p class="mx-auto fs-5">
                             Lorem, ipsum.
                             <?php /* Query to bd d'une question aléatoire */ ?>
                         </p>
