bouton next sur multi page joueur

View/src/CSS/Enigme.css

@@ -17,20 +17,24 @@ body {
 }
 
 p,
-a,
 li,
 button,
 ul {
   margin: 0;
   padding: 0;
   line-height: normal;
-  text-decoration: none !important;
   font-family: "Fauna", sans-serif;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.8px;
 }
 
+a{
+  color: white;
+  text-decoration: none !important;
+  font-family: Equinox, sans-serif;
+}
+
 /***** Text CSS *****/
 
 p{
@@ -122,3 +126,8 @@ h1, h2, h3, h4, h5, h6 {
   font-family: "Equinox", sans-serif;
   font-size: 1.2rem;
 }
+
+#next-enigme{
+  font-family: "Equinox", sans-serif;
+  font-size: 1.2rem;
+}

View/src/pages/Multijoueur/Partie.php

@@ -31,8 +31,9 @@
       </div>
       
       <div class="col-4 d-flex align-items-center justify-content-center px-0">
-        <a href=<?php echo '"index.php?action=skipEnigme&id='. $enigme->getIdEnigme() . '&index='. $index .'"' ?>>Skip</a>
+        <a href=<?php echo '"index.php?action=skipEnigme&id='. $enigme->getIdEnigme() . '&index='. $index .'"' ?> class="px-3 py-2"><b>Passer l'énigme</b></a>
       </div>
+
       <div class="col-4 d-flex align-items-center justify-content-center px-0">
         <p>Temps restant : </p>
         <?php
@@ -45,8 +46,9 @@
       </div>
       <button style="background-color: transparent; border: none; outline: none;" onclick="displayHelp()"
         class="col d-flex align-items-center">
-        <div class="col text-right px-2">
+        <div class="col"></div>
-          <p style="font-size: 14px; color: white"><b>Besoin d'aide ?</b></p>
+        <div class="col-3 d-flex justify-content-end px-2" style="width:fit-content">
+          <p class="mr-3" style="font-size: 16px; font-family: Equinox; color: white;"><b>Besoin d'aide ?</b></p>
         </div>
         <div class="col-1 text-right">
           <img src="View/assets/img/Foxy.png" alt="Logo" class="rounded-circle moving-fox"