diff --git a/Website/Media/moon.png b/Website/Media/moon.png
old mode 100644
new mode 100755
diff --git a/Website/Media/rocket.png b/Website/Media/rocket.png
old mode 100644
new mode 100755
diff --git a/Website/vues/Acceuil.php b/Website/vues/Acceuil.php
index 6a4fb7e..d5ec9bb 100755
--- a/Website/vues/Acceuil.php
+++ b/Website/vues/Acceuil.php
@@ -18,9 +18,9 @@
     </style>
 </head>
 
-<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+<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-between" style="height:95vh">
-        <img src="Media/Logo.png" style="width:20vw; height:30vh; margin-top:50px; object-fit:cover;">
+        <img src="Media/Logo.png" style="margin-top:50px; object-fit:fill;" class="h-25">
         <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 fs-1">
diff --git a/Website/vues/Ajout.php b/Website/vues/Ajout.php
index c6a9b95..6d09e98 100755
--- a/Website/vues/Ajout.php
+++ b/Website/vues/Ajout.php
@@ -20,10 +20,10 @@
     </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:85vh">
-        <form class="row g-3 needs-validation" action="traitementAjout.php" method="post" novalidate>
-            <div class=" container text-center d-flex flex-column align-items-center text-center flex-grow fs-2">
+<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1)); color:white;">
+    <div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh;">
+        <form class="row g-3 needs-validation w-100" action="traitementAjout.php" method="post" novalidate>
+            <div class="container text-center d-flex flex-column align-items-center text-center flex-grow fs-2">
                 <label for="question">Question:</label>
                 <textarea class="form-control" id="question" name="question" rows="4" cols="50" required></textarea>
                 <div class="invalid-feedback">
@@ -32,14 +32,14 @@
                 <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
                     <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
                         <label for="reponse1">Réponse 1:</label>
-                        <textarea id="reponse1" name="reponse1" rows="1" cols="50" required></textarea>
+                        <textarea id="reponse1" name="reponse1" rows="1" required></textarea>
                         <div class="invalid-feedback">
                             Please provide a valid answer.
                         </div>
                     </div>
                     <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
                         <label for="reponse2">Réponse 2:</label>
-                        <textarea id="reponse2" name="reponse2" rows="1" cols="50" required></textarea>
+                        <textarea id="reponse2" name="reponse2" rows="1" required></textarea>
                         <div class="invalid-feedback">
                             Please provide a valid answer.
                         </div>
@@ -48,14 +48,14 @@
                 <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
                     <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
                         <label for="reponse3">Réponse 3:</label>
-                        <textarea id="reponse3" name="reponse3" rows="1" cols="50" required></textarea>
+                        <textarea id="reponse3" name="reponse3" rows="1" required></textarea>
                         <div class="invalid-feedback">
                             Please provide a valid answer.
                         </div>
                     </div>
                     <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
                         <label for="reponse4">Réponse 4:</label>
-                        <textarea id="reponse4" name="reponse4" rows="1" cols="50" required></textarea>
+                        <textarea id="reponse4" name="reponse4" rows="1" required></textarea>
                         <div class="invalid-feedback">
                             Please provide a valid answer.
                         </div>
diff --git a/Website/vues/Course.php b/Website/vues/Course.php
old mode 100644
new mode 100755
index c2b8902..6bf1bf7
--- a/Website/vues/Course.php
+++ b/Website/vues/Course.php
@@ -19,15 +19,13 @@
     </style>
 </head>
 
-<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
     <div class="d-flex flex-row justify-content-around align-items-end" style="height:95vh">
         <img src="Media/moon.png" class="position-absolute" style="top:0%; height:15vh;">
-        <img src="Media/rocket.png" style="width:6%;">
-        <img src="Media/rocket.png" style="width:6%;">
-        <img src="Media/rocket.png" style="width:6%;">
-        <img src="Media/rocket.png" style="width:6%;">
-        <img src="Media/rocket.png" style="width:6%;">
-        <img src="Media/rocket.png" style="width:6%;">
+        <img src="Media/rocket.png" style="width:8vh;">
+        <img src="Media/rocket.png" style="width:8vh;">
+        <img src="Media/rocket.png" style="width:8vh;">
+        <img src="Media/rocket.png" style="width:8vh;">
     </div>
 </body>
 
diff --git a/Website/vues/Multijoueur.php b/Website/vues/Multijoueur.php
index f662f02..8041efc 100755
--- a/Website/vues/Multijoueur.php
+++ b/Website/vues/Multijoueur.php
@@ -18,7 +18,7 @@
     </style>
 </head>
 
-<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+<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: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">
diff --git a/Website/vues/Previsualisation.php b/Website/vues/Previsualisation.php
index ae38407..eba1804 100755
--- a/Website/vues/Previsualisation.php
+++ b/Website/vues/Previsualisation.php
@@ -21,7 +21,7 @@
     </style>
 </head>
 
-<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+<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">
@@ -83,9 +83,9 @@
 
     </div>
     <div class="d-flex justify-content-center fs-3" style="height:10vh;">
-        <button style="width:10vw;background-color:red;">annuler</button>
+        <button style="width:25vw;background-color:red;color: white;">annuler</button>
 
-        <button style="width:10vw;background-color:green;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button>
+        <button style="width:25vw;background-color:green;color: white;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button>
     </div>
 
     <!-- Modal -->
diff --git a/Website/vues/Solo.php b/Website/vues/Solo.php
index f662f02..8041efc 100755
--- a/Website/vues/Solo.php
+++ b/Website/vues/Solo.php
@@ -18,7 +18,7 @@
     </style>
 </head>
 
-<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+<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: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">
diff --git a/Website/vues/choixThemeSolo.php b/Website/vues/choixThemeSolo.php
index 3adfde0..33a0070 100755
--- a/Website/vues/choixThemeSolo.php
+++ b/Website/vues/choixThemeSolo.php
@@ -19,7 +19,7 @@
     </style>
     </head>
 
-    <body style="background-image: url('Media/background.jpg'); background-size:cover;">
+    <body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
 
         
         <div class="text-center" style="padding-top: 30vh">
