From 972656ee1fc8e6698fd6bebd4f51a75d0c2320a5 Mon Sep 17 00:00:00 2001
From: "serny.s" <serny.s@example.com>
Date: Sun, 17 Apr 2022 18:04:51 +0200
Subject: [PATCH] commit css fix

---
 machine.html           | 28 ++++++++++++++++------------
 stylepagecss/style.css | 11 ++++++++++-
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/machine.html b/machine.html
index 81b8408..cc77a7c 100644
--- a/machine.html
+++ b/machine.html
@@ -23,6 +23,22 @@ etc...
         <div>
             <a href="index.html" class="title">MACHINE A SOUS NSI</a>
         </div>
+
+        <div id="show_rules">
+          <div></div>
+    		    <p>Règles du jeu  <br>Vous allez insérer le nombre de jeton que vous possédez<br>
+                  Vous allez insérer un certain nombre de jeton entre 0 et 100 afin de pouvoir jouer<br>
+                  Voici les règle du jeu :
+                  - 3 chiffres seront tirés aléatoirements entre 0 et 9;<br>
+                  - si vous tirez deux chiffres identiques vous obtenez 3 fois votre mise; <br>
+                  - si vous arrivez à tirer 3 chiffres identiques, différents du chiffre 9, alors vous recevrez 6 fois la mise que vous avez saisie au début;<br>
+                  - [JACKPOT] dans le cas où vous êtes chanceux et que vous arrivez à tirer trois fois le chiffre '9', alors vous recevrez tous les jetons du bac;<br>
+                  - mais dans le cas contraire, si vous avez obtenu 3 chiffres, tous différents les un des autres, alors vous ne recevrez rien et vous aurez perdu votre mise;<br>
+                  Dans tous les cas sauf le jackpot, le joueur perd sa mise<br>
+                  Bien évidemment, pour ne pas vous anarquer, si le bac possède moins de 500 jetons, alors le jeu s'arrêtera<br>
+                  Et puis il faut également pas oublier que si vous n'avez plus de jeton, alors vous ne pourrez plus jouer</p>
+        </div>
+
         <div class="option">
             <h2>machine coins : <h2 id="machine_coins"> </h2></h2>
             <h2>player coins : <h2 id="player_coins"> </h2></h2>
@@ -43,18 +59,6 @@ etc...
               <label>Mise : </label><input id="mise">
             </div>
         </div>
-		<div id="show_rules">
-		    <p>Règles du jeu  <br>Vous allez insérer le nombre de jeton que vous possédez<br>
-              Vous allez insérer un certain nombre de jeton entre 0 et 100 afin de pouvoir jouer<br>
-              Voici les règle du jeu :
-              - 3 chiffres seront tirés aléatoirements entre 0 et 9;<br>
-              - si vous tirez deux chiffres identiques vous obtenez 3 fois votre mise; <br>
-              - si vous arrivez à tirer 3 chiffres identiques, différents du chiffre 9, alors vous recevrez 6 fois la mise que vous avez saisie au début;<br>
-              - [JACKPOT] dans le cas où vous êtes chanceux et que vous arrivez à tirer trois fois le chiffre '9', alors vous recevrez tous les jetons du bac;<br>
-              - mais dans le cas contraire, si vous avez obtenu 3 chiffres, tous différents les un des autres, alors vous ne recevrez rien et vous aurez perdu votre mise;<br>
-              Dans tous les cas sauf le jackpot, le joueur perd sa mise<br>
-              Bien évidemment, pour ne pas vous anarquer, si le bac possède moins de 500 jetons, alors le jeu s'arrêtera<br>
-              Et puis il faut également pas oublier que si vous n'avez plus de jeton, alors vous ne pourrez plus jouer</p>
 
         <script src="app.js"></script>
     </body>
diff --git a/stylepagecss/style.css b/stylepagecss/style.css
index ad6fd86..92a20c3 100644
--- a/stylepagecss/style.css
+++ b/stylepagecss/style.css
@@ -125,7 +125,6 @@ button:hover {
 
 /* titre qui renvoie à la page index.html */
 .title {
-    position: absolute;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -153,3 +152,13 @@ button:hover {
   padding: 100px;
   color: black;
 }
+
+#show_rules > div {
+  width: 3vh;
+  height: 3vh;
+  background-color: red;
+  position: absolute;
+  right: 0%;
+  font-size: 4vh;
+  cursor: pointer;
+}