diff --git a/Website/index.php b/Website/index.php
index e759ad1..7d7c734 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");
\ No newline at end of file
+require_once("vues/Previsualisation.php");
\ No newline at end of file
diff --git a/Website/vues/Previsualisation.php b/Website/vues/Previsualisation.php
index eba1804..b8bc69c 100755
--- a/Website/vues/Previsualisation.php
+++ b/Website/vues/Previsualisation.php
@@ -1,12 +1,11 @@
 <!DOCTYPE html>
 <html lang="fr">
-<html>
+<html style="height: 100%" class="row">
 
 <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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <style>
@@ -21,72 +20,63 @@
     </style>
 </head>
 
-<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
-    <div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh">
-        <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 */?>
+<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));" class="col my-auto">
+    <div class="container text-center" >
+        <div class="container text-center text-white border border-white rounded mt-5">
+            <p class="fs-2">
+                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>
+        <div class="row g-5">
+            <div class="col pt-5">
+                <button class="text-white fs-2 d-grid gap-2 container text-center rounded border border-white" style="background-color:blue;text-decoration: none;color: black; ">
+                    Lorem, ipsum.
+                    <?php /* Query to bd d'une question aléatoire */ ?>
                 </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>
+            </div>
+            <div class="col pt-5">
+                <button class="text-white fs-2 container text-center  rounded border border-white" style="background-color:green;text-decoration: none;color: black;">
+                    Lorem, ipsum.
+                    <?php /* Query to bd d'une question aléatoire */ ?>
                 </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>
+        </div>
+        <div class="row g-5">
+            <div class="col pt-5">
+                <button class="text-white fs-2 container text-center rounded border border-white" style="background-color:red;text-decoration: none;color: black;">
+                    e^5
+                    <?php /* Query to bd d'une question aléatoire */ ?>
                 </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>
+            </div>
+            <div class="col pt-5">
+                <button class="text-white fs-2 container text-center rounded border border-white" style="background-color:orange;text-decoration: none;color: black;">
+                    Lorem, ipsum.
+                    <?php /* Query to bd d'une question aléatoire */ ?>
+                </button>
+            </div>
+        </div>
+        <div class="row g-5 pt-5 justify-content-center">
+            <div class="col-4 pt-5">
+                <button class="text-white fs-2 container text-center rounded border border-white btn btn-lg" style="background-color:red;text-decoration: none;color: black;">
+                    annuler
+                </button>
+            </div>
+            <div class="col-4 pt-5">
+                <button class="text-white fs-2 container text-center rounded border border-white btn btn-lg" style="background-color:green;text-decoration: none;color: black;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
+                    Valider
+                    <?php /* Query to bd d'une question aléatoire */ ?>
                 </button>
             </div>
-
         </div>
-
     </div>
-    <div class="d-flex justify-content-center fs-3" style="height:10vh;">
+    
+
+    <!-- <div class="d-flex justify-content-center fs-3" style="height:10vh;">
         <button style="width:25vw;background-color:red;color: white;">annuler</button>
 
         <button style="width:25vw;background-color:green;color: white;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button>
-    </div>
+    </div> -->
 
     <!-- Modal -->
     <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
diff --git a/Website/vues/Solo.php b/Website/vues/Solo.php
index 078b830..521cbc3 100755
--- a/Website/vues/Solo.php
+++ b/Website/vues/Solo.php
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="fr">
-<html>
+<html style="height: 100%" class="row">
 
 <head>
     <meta charset=utf-8>
@@ -18,7 +18,7 @@
     </style>
 </head>
 
-<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
+<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));" class="col my-auto">
     <div class="container text-center">
         <div class="container text-center text-white border border-white rounded mt-5">
             <p class="fs-2">
