diff --git a/HyperSet/.idea/workspace.xml b/HyperSet/.idea/workspace.xml
index e0aca89..de63d7d 100644
--- a/HyperSet/.idea/workspace.xml
+++ b/HyperSet/.idea/workspace.xml
@@ -151,6 +151,7 @@
       <workItem from="1596543087374" duration="9515000" />
       <workItem from="1596633214872" duration="5306000" />
       <workItem from="1596716243223" duration="10884000" />
+      <workItem from="1596803111498" duration="11459000" />
     </task>
     <servers />
   </component>
@@ -202,10 +203,10 @@
       <screen x="0" y="0" width="1920" height="1040" />
     </state>
     <state x="701" y="162" key="refactoring.ChangeSignatureDialog/0.0.1920.1040@0.0.1920.1040" timestamp="1593090265720" />
-    <state x="616" y="240" key="run.anything.popup" timestamp="1595418794489">
+    <state x="616" y="240" key="run.anything.popup" timestamp="1596808266885">
       <screen x="0" y="0" width="1920" height="1040" />
     </state>
-    <state x="616" y="240" key="run.anything.popup/0.0.1920.1040@0.0.1920.1040" timestamp="1595418794489" />
+    <state x="616" y="240" key="run.anything.popup/0.0.1920.1040@0.0.1920.1040" timestamp="1596808266885" />
     <state x="202" y="435" key="vcs.readOnlyHandler.ReadOnlyStatusDialog" timestamp="1592990595770">
       <screen x="0" y="0" width="1920" height="1040" />
     </state>
diff --git a/HyperSet/vues/homePage.html b/HyperSet/vues/homePage.html
index 784f049..349814d 100644
--- a/HyperSet/vues/homePage.html
+++ b/HyperSet/vues/homePage.html
@@ -27,7 +27,6 @@
 
 
 <div id="selectModeSet" class="select-mode-div divs" style="display: none;">
-    <H1 class="colortext" >HyperSet</H1>
     <h2 class="mode-title disable-select text" id="selectGame">Modes de jeu </h2>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn" onclick="goBack()" src="vues/images/previous.png">
@@ -43,14 +42,13 @@
 </div>
 
 <div id="selectModeSet3x3" class="select-mode-div divs" style="display: none;">
-    <H1 class="colortext" >HyperSet</H1>
-    <h2 class="mode-title disable-select text" >Modes de jeu </h2>
+    <h2 class="mode-title disable-select text" >Set 3x3 </h2>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn3x3" onclick="goSelect0()" src="vues/images/previous.png">
     </div>
     <div class="game-button-mode">
-        <button class="game-button text" id="playSimple3x3" onclick="showGameA();">SET! 3*3 TEMP</button>
-        <button class="game-button text" id="playSimple3x31" onclick="showGameA2();">SET! 3*3 SCORE</button>
+        <button class="game-button text" id="playSimple3x3" onclick="showGameA();">TEMPS</button>
+        <button class="game-button text" id="playSimple3x31" onclick="showGameA2();">SCORE</button>
     </div>
 </div>
 
@@ -59,64 +57,59 @@
 
 
 <div id="selectModeSet3x4" class="select-mode-div divs" style="display: none;">
-    <H1 class="colortext" >HyperSet</H1>
-    <h2 class="mode-title disable-select text" >Modes de jeu </h2>
+    <h2 class="mode-title disable-select text" >Set 3x4 </h2>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn3x4" onclick="goSelect()" src="vues/images/previous.png">
     </div>
     <div class="game-button-mode">
-        <button class="game-button text" id="playSimple3x4" onclick="showGameB();">SET! 3*4 TEMP</button>
-        <button class="game-button text" id="playSimple3x41" onclick="showGameB2();">SET! 3*4 SCORE</button>
+        <button class="game-button text" id="playSimple3x4" onclick="showGameB();">TEMPS</button>
+        <button class="game-button text" id="playSimple3x41" onclick="showGameB2();"> SCORE</button>
     </div>
 </div>
 
 
 <div id="selectModeSet3x5" class="select-mode-div divs" style="display: none;">
-    <H1 class="colortext" >HyperSet</H1>
-    <h2 class="mode-title disable-select text" >Modes de jeu </h2>
+    <h2 class="mode-title disable-select text" >Set 3x5 </h2>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn3x5" onclick="goSelect1()" src="vues/images/previous.png">
     </div>
     <div class="game-button-mode">
-        <button class="game-button text" id="playSimple3x5" onclick="showGameC();">SET! 3*5 TEMP</button>
-        <button class="game-button text" id="playSimple3x51" onclick="showGameC2();">SET! 3*5 SCORE</button>
+        <button class="game-button text" id="playSimple3x5" onclick="showGameC();">TEMPS</button>
+        <button class="game-button text" id="playSimple3x51" onclick="showGameC2();"> SCORE</button>
     </div>
 </div>
 
 <div id="selectModeSet4x4" class="select-mode-div divs" style="display: none;">
-    <H1 class="colortext" >HyperSet</H1>
-    <h2 class="mode-title disable-select text" >Modes de jeu </h2>
+    <h2 class="mode-title disable-select text" >Set 4x4 </h2>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn4x4" onclick="goSelect2()" src="vues/images/previous.png">
     </div>
     <div class="game-button-mode">
-        <button class="game-button text" id="playSimple4x4" onclick="showGameD();">SET! 4*4 TEMP</button>
-        <button class="game-button text" id="playSimple4x41" onclick="showGameD2();">SET! 4*4 SCORE</button>
+        <button class="game-button text" id="playSimple4x4" onclick="showGameD();">TEMPS</button>
+        <button class="game-button text" id="playSimple4x41" onclick="showGameD2();"> SCORE</button>
     </div>
 </div>
 
 
 <div id="selectModeSet4x5" class="select-mode-div divs" style="display: none;">
-    <H1 class="colortext" >HyperSet</H1>
-    <h2 class="mode-title disable-select text" >Modes de jeu </h2>
+    <h2 class="mode-title disable-select text" >Set 4x5 </h2>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn4x5" onclick="goSelect3()" src="vues/images/previous.png">
     </div>
     <div class="game-button-mode">
-        <button class="game-button text" id="playSimple4x5" onclick="showGameE();">SET! 4*5 TEMP</button>
-        <button class="game-button text" id="playSimple4x51" onclick="showGameE2();">SET! 4*5 SCORE </button>
+        <button class="game-button text" id="playSimple4x5" onclick="showGameE();"> TEMPS</button>
+        <button class="game-button text" id="playSimple4x51" onclick="showGameE2();"> SCORE </button>
     </div>
 </div>
 
 <div id="selectModeSet5x5" class="select-mode-div divs" style="display: none;">
-    <H1 class="colortext" >HyperSet</H1>
-    <h2 class="mode-title disable-select text">Modes de jeu </h2>
+    <h2 class="mode-title disable-select text">Set 5x5 </h2>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn5x5" onclick="goSelect4()" src="vues/images/previous.png">
     </div>
     <div class="game-button-mode">
-        <button class="game-button text" id="playSimple5x5" onclick="showGameF();">SET! 5*5 TEMP</button>
-        <button class="game-button text" id="playSimple5x51" onclick="showGameF2();">SET! 5*5 SCORE</button>
+        <button class="game-button text" id="playSimple5x5" onclick="showGameF();"> TEMPS</button>
+        <button class="game-button text" id="playSimple5x51" onclick="showGameF2();">SCORE</button>
     </div>
 </div>
 
@@ -127,7 +120,7 @@
 <div id="selectModeHyperSet" class="select-mode-div divs" style="display: none;">
     <h2 class="mode-title disable-select text" id="selectGameHS">Modes de jeu </h2>
     <div class=" back-btn small-btn">
-        <img class="small-btn" id="previousBtnHS" onclick="goSelectHS()" src="vues/images/previous.png">
+        <img class="small-btn" id="previousBtnHS" onclick="goBack1()" src="vues/images/previous.png">
     </div>
     <div class="game-button-mode">
         <button class="game-button text" id="playSimpleH" onclick="showGameHS0();">Hyper SET! 3*3</button>
@@ -139,6 +132,78 @@
     </div>
 </div>
 
+<div id="selectModeHyperSet3x3" class="select-mode-div divs" style="display: none;">
+    <h2 class="mode-title disable-select text" >HyperSet 3X3 </h2>
+    <div class=" back-btn small-btn">
+        <img class="small-btn" id="previousBtnHS3x3" onclick="goSelectHS0()" src="vues/images/previous.png">
+    </div>
+    <div class="game-button-mode">
+        <button class="game-button text" id="playSimpleHS3x3" onclick="showGameHSA();"> TEMPS</button>
+        <button class="game-button text" id="playSimpleHS3x31" onclick="showGameHSA2();">SCORE</button>
+    </div>
+</div>
+
+
+
+
+
+<div id="selectModeHyperSet3x4" class="select-mode-div divs" style="display: none;">
+    <h2 class="mode-title disable-select text" >HyperSet 3x4</h2>
+    <div class=" back-btn small-btn">
+        <img class="small-btn" id="previousBtnHS3x4" onclick="goSelectHS()" src="vues/images/previous.png">
+    </div>
+    <div class="game-button-mode">
+        <button class="game-button text" id="playSimpleHS3x4" onclick="showGameHSB();">TEMPS</button>
+        <button class="game-button text" id="playSimpleHS3x41" onclick="showGameHSB2();"> SCORE</button>
+    </div>
+</div>
+
+
+<div id="selectModeHyperSet3x5" class="select-mode-div divs" style="display: none;">
+    <h2 class="mode-title disable-select text" >HyperSet 3x5</h2>
+    <div class=" back-btn small-btn">
+        <img class="small-btn" id="previousBtnHS3x5" onclick="goSelectHS1()" src="vues/images/previous.png">
+    </div>
+    <div class="game-button-mode">
+        <button class="game-button text" id="playSimpleHS3x5" onclick="showGameHSC();">TEMPS</button>
+        <button class="game-button text" id="playSimpleHS3x51" onclick="showGameHSC2();">SCORE</button>
+    </div>
+</div>
+
+<div id="selectModeHyperSet4x4" class="select-mode-div divs" style="display: none;">
+    <h2 class="mode-title disable-select text" >HyperSet 4x4 </h2>
+    <div class=" back-btn small-btn">
+        <img class="small-btn" id="previousBtnHS4x4" onclick="goSelectHS2()" src="vues/images/previous.png">
+    </div>
+    <div class="game-button-mode">
+        <button class="game-button text" id="playSimpleHS4x4" onclick="showGameHSD();"> TEMPS</button>
+        <button class="game-button text" id="playSimpleHS4x41" onclick="showGameHSD2();">SCORE</button>
+    </div>
+</div>
+
+
+<div id="selectModeHyperSet4x5" class="select-mode-div divs" style="display: none;">
+    <h2 class="mode-title disable-select text" >HyperSet 4x5 </h2>
+    <div class=" back-btn small-btn">
+        <img class="small-btn" id="previousBtnHS4x5" onclick="goSelectHS3()" src="vues/images/previous.png">
+    </div>
+    <div class="game-button-mode">
+        <button class="game-button text" id="playSimpleHS4x5" onclick="showGameHSE();"> TEMPS</button>
+        <button class="game-button text" id="playSimpleHS4x51" onclick="showGameHSE2();"> SCORE </button>
+    </div>
+</div>
+
+<div id="selectModeHyperSet5x5" class="select-mode-div divs" style="display: none;">
+    <h2 class="mode-title disable-select text">HyperSet 5x5 </h2>
+    <div class=" back-btn small-btn">
+        <img class="small-btn" id="previousBtnHS5x5" onclick="goSelectHS4()" src="vues/images/previous.png">
+    </div>
+    <div class="game-button-mode">
+        <button class="game-button text" id="playSimpleHS5x5" onclick="showGameHSF();"> TEMP</button>
+        <button class="game-button text" id="playSimpleHS5x51" onclick="showGameHSF2();">! SCORE</button>
+    </div>
+</div>
+
 
 
 
@@ -146,24 +211,32 @@
 
 
 <div id='game0' class="wrapper" style="display: none;">
-    <h1>Set 3x3 OK</h1>
+
+    <h1>Set 3x3 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn0" onclick="goSelectMode()" src="vues/images/previous.png">
     </div>
+
     <p id="countdown0" class = 'count' ></p>
     <div id="progressBar0">
         <div></div>
     </div>
-    <p class = 'text-color'>Nombre de carte = 3;       Nombre de critères = 3</p>
+    <p class = 'text-color'>Trouvez 3 cartes pour lesquelles chacun des critères est différent ou identique.</p>
     <p class = 'text-color'>Sets trouvés:  <span data-display="score0" class="score">0</span></p>
     <p class = 'text-color'>Nombres de Sets:  <span data-display="nbSets0" class="nbSets"></span></p>
+    <div id="nbsc0">
+        <p class = 'text-color'>Mode course au temps tu dois trouver :  <span data-display="nbScore0" class="nbSets"> 9 Sets </span></p>
+        <input type="number" max = '9' min = '1' placeholder="Sets ?" id="in" >
+        <button type="button" onclick="getValuescore();" id="in0">TEST SCORE</button>
+    </div>
+
 
     <div id="carte0" class="game-board0" data-display="game-board0"></div>
 </div>
 
 
 <div id='game' class="wrapper" style="display: none;">
-    <h1>Set 3x4 OK </h1>
+    <h1>Set 3x4 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn1" onclick="goSelectMode()" src="vues/images/previous.png">
     </div>
@@ -178,7 +251,7 @@
 </div>
 
 <div id='game1' class="wrapper" style="display: none;">
-    <h1>Set 3x5 OK </h1>
+    <h1>Set 3x5 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn2" onclick="goSelectMode()" src="vues/images/previous.png">
     </div>
@@ -195,7 +268,7 @@
 </div>
 
 <div id='game2' class="wrapper" style="display: none;">
-    <h1>Set 4x4 OK</h1>
+    <h1>Set 4x4 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn3" onclick="goSelectMode()" src="vues/images/previous.png">
     </div>
@@ -210,7 +283,7 @@
     <div id="carte2" class="game-board2" data-display="game-board2"></div>
 </div>
 <div id='game3' class="wrapper" style="display: none;">
-    <h1>Set 4x5 Bordures + à regler les images</h1>
+    <h1>Set 4x5</h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn4" onclick="goSelectMode()" src="vues/images/previous.png">
     </div>
@@ -226,7 +299,7 @@
     <div id="carte3" class="game-board3" data-display="game-board3"></div>
 </div>
 <div id='game4' class="wrapper" style="display: none;">
-    <h1>Set 5x5 Bordures + à tester+ compteur + à regler les images </h1>
+    <h1>Set 5x5 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" id="previousBtn5" onclick="goSelectMode()" src="vues/images/previous.png">
     </div>
@@ -252,7 +325,7 @@
 
 
 <div id='gameHS' class="wrapper" style="display: none;">
-    <h1>HyperSet 3x4 OK</h1>
+    <h1>HyperSet 3x4 </h1>
 
     <div class=" back-btn small-btn">
         <img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
@@ -271,7 +344,7 @@
 
 
 <div id='gameHS0' class="wrapper" style="display: none;">
-    <h1>HyperSet 3x3 OK </h1>
+    <h1>HyperSet 3x3  </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
     </div>
@@ -286,7 +359,7 @@
     <div id="carteHS0"class="game-boardHS0" data-display="game-boardHS0"></div>
 </div>
 <div id='gameHS1' class="wrapper" style="display: none;">
-    <h1>HyperSet 3x5 OK</h1>
+    <h1>HyperSet 3x5 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
     </div>
@@ -302,7 +375,7 @@
 </div>
 
 <div id='gameHS2' class="wrapper" style="display: none;">
-    <h1>HyperSet 4x4 OK </h1>
+    <h1>HyperSet 4x4 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
     </div>
@@ -318,7 +391,7 @@
 </div>
 
 <div id='gameHS3' class="wrapper" style="display: none;">
-    <h1>HyperSet 4x5 à tester + compteur+ images </h1>
+    <h1>HyperSet 4x5 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
     </div>
@@ -334,7 +407,7 @@
 </div>
 
 <div id='gameHS4' class="wrapper" style="display: none;">
-    <h1>HyperSet 5x5 à tester + compteur+ images </h1>
+    <h1>HyperSet 5x5 </h1>
     <div class=" back-btn small-btn">
         <img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
     </div>
@@ -435,6 +508,14 @@
     </div>
 </div>
 
+<div id='GameWon' class="popup" style="display: none;">
+    <div class="popup-content">
+        <div class="popup-header">
+            <span class="close" onclick="closeGame();">×</span>
+            <h1 class="settings-title text dys-font" style="font-family: Arial; line-height: normal;">YOU WON! </h1>
+        </div>
+    </div>
+</div>
 
 
 <div id='GameOver' class="popup" style="display: none;">
diff --git a/HyperSet/vues/images/info1.png b/HyperSet/vues/images/info1.png
new file mode 100644
index 0000000..e7d8e78
Binary files /dev/null and b/HyperSet/vues/images/info1.png differ
diff --git a/HyperSet/vues/images/settings1.png b/HyperSet/vues/images/settings1.png
new file mode 100644
index 0000000..8b43dec
Binary files /dev/null and b/HyperSet/vues/images/settings1.png differ
diff --git a/HyperSet/vues/js/Settings.js b/HyperSet/vues/js/Settings.js
index f0f9fa7..1a21951 100644
--- a/HyperSet/vues/js/Settings.js
+++ b/HyperSet/vues/js/Settings.js
@@ -76,37 +76,40 @@ function goHome(){
     document.getElementById('home').style.display='block';
     document.getElementById('selectMode').style.display='none';
 }
+
+
+
+
+
 function showGameHS(){
-    document.getElementById('gameHS').style.display='block';
     document.getElementById('selectModeHyperSet').style.display='none';
+    document.getElementById('selectModeHyperSet3x4').style.display='block';
 
-    Game.dealHS();
 }
 function showGameHS0(){
-    document.getElementById('gameHS0').style.display='block';
     document.getElementById('selectModeHyperSet').style.display='none';
-    Game.dealHS0();
+    document.getElementById('selectModeHyperSet3x3').style.display='block';
+
 }
 
 function showGameHS1(){
-    document.getElementById('gameHS1').style.display='block';
     document.getElementById('selectModeHyperSet').style.display='none';
-    Game.dealHS1();
+    document.getElementById('selectModeHyperSet3x5').style.display='block';
+
 }
 function showGameHS2(){
-    document.getElementById('gameHS2').style.display='block';
     document.getElementById('selectModeHyperSet').style.display='none';
-    Game.dealHS2();
+    document.getElementById('selectModeHyperSet4x4').style.display='block';
+
 }
 function showGameHS3(){
-    document.getElementById('gameHS3').style.display='block';
     document.getElementById('selectModeHyperSet').style.display='none';
-    Game.dealHS3();
+    document.getElementById('selectModeHyperSet4x5').style.display='block';
+
 }
 function showGameHS4(){
-    document.getElementById('gameHS4').style.display='block';
     document.getElementById('selectModeHyperSet').style.display='none';
-    Game.dealHS4();
+    document.getElementById('selectModeHyperSet5x5').style.display='block';
 }
 
 
@@ -167,11 +170,6 @@ function closeGame(){
 }
 
 
-function showModeGames(){
-    document.getElementById('selectMode').style.display='block';
-    document.getElementById('home').style.display='none';
-}
-
 
 function closeExplainPopup() {
     document.getElementById('popupExplain').style.display='none';
@@ -216,6 +214,10 @@ function goBack(){
     document.getElementById('selectMode').style.display='block';
     document.getElementById('selectModeSet').style.display='none';
 }
+function goBack1(){
+    document.getElementById('selectMode').style.display='block';
+    document.getElementById('selectModeHyperSet').style.display='none';
+}
 
 
 
@@ -245,12 +247,7 @@ function goSelect4(){
 }
 
 
-function goSelectHS(){
-    document.getElementById('selectMode').style.display='block';
-    document.getElementById('selectModeHyperSet').style.display='none';
-    document.getElementById('selectMode').style.display='home';
 
-}
 
 function showGameA() {
     document.getElementById('game0').style.display='block';
@@ -337,4 +334,124 @@ function showGameF2() {
     Game.deal4A();
 }
 
+function showGameHSA2() {
+    document.getElementById('gameHS0').style.display='block';
+    document.getElementById('selectModeHyperSet3x3').style.display='none';
+    document.getElementById('progressBarHS0').style.display = 'none';
+    Game.dealHS0A();
+}
+function showGameHSB2() {
+    document.getElementById('gameHS').style.display='block';
+    document.getElementById('selectModeHyperSet3x4').style.display='none';
+    document.getElementById('progressBarHS').style.display = 'none';
+    Game.dealHSA();
+}
+function showGameHSC2() {
+    document.getElementById('gameHS1').style.display='block';
+    document.getElementById('selectModeHyperSet3x5').style.display='none';
+    document.getElementById('progressBarHS1').style.display = 'none';
+
+    Game.dealHS1A();
+}
+function showGameHSD2() {
+    document.getElementById('gameHS2').style.display='block';
+    document.getElementById('selectModeHyperSet4x4').style.display='none';
+    document.getElementById('progressBarHS2').style.display = 'none';
+
+    Game.dealHS2A();
+}
+function showGameHSE2() {
+    document.getElementById('gameHS3').style.display='block';
+    document.getElementById('selectModeHyperSet4x5').style.display='none';
+    document.getElementById('progressBarHS3').style.display = 'none';
+
+    Game.dealHS3A();
+}
+function showGameHSF2() {
+    document.getElementById('gameHS4').style.display='block';
+    document.getElementById('selectModeHyperSet5x5').style.display='none';
+    document.getElementById('progressBarHS4').style.display = 'none';
+    Game.dealHS4A();
+}
+
+function showGameHSA() {
+    document.getElementById('gameHS0').style.display='block';
+    document.getElementById('selectModeHyperSet3x3').style.display='none';
+
+    Game.dealHS0();
+}
+function showGameHSB() {
+    document.getElementById('gameHS').style.display='block';
+    document.getElementById('selectModeHyperSet3x4').style.display='none';
+
+    Game.dealHS();
+}
+function showGameHSC() {
+    document.getElementById('gameHS1').style.display='block';
+    document.getElementById('selectModeHyperSet3x5').style.display='none';
+
+    Game.dealHS1();
+}
+function showGameHSD() {
+    document.getElementById('gameHS2').style.display='block';
+    document.getElementById('selectModeHyperSet4x4').style.display='none';
+
+    Game.dealHS2();
+}
+function showGameHSE() {
+    document.getElementById('gameHS3').style.display='block';
+    document.getElementById('selectModeHyperSet4x5').style.display='none';
+
+    Game.dealHS3();
+}
+function showGameHSF() {
+    document.getElementById('gameHS4').style.display='block';
+    document.getElementById('selectModeHyperSet5x5').style.display='none';
 
+    Game.dealHS4();
+}
+
+function goSelectHS0(){
+    document.getElementById('selectModeHyperSet').style.display='block';
+    document.getElementById('selectModeHyperSet3x3').style.display='none';
+}
+function goSelectHS(){
+    document.getElementById('selectModeHyperSet').style.display='block';
+    document.getElementById('selectModeHyperSet3x4').style.display='none';
+}
+function goSelectHS1(){
+    document.getElementById('selectModeHyperSet').style.display='block';
+    document.getElementById('selectModeHyperSet3x5').style.display='none';
+}
+function goSelectHS2(){
+    document.getElementById('selectModeHyperSet').style.display='block';
+    document.getElementById('selectModeHyperSet4x4').style.display='none';
+}
+function goSelectHS3(){
+    document.getElementById('selectModeHyperSet').style.display='block';
+    document.getElementById('selectModeHyperSet4x5').style.display='none';
+}
+function goSelectHS4(){
+    document.getElementById('selectModeHyperSet').style.display='block';
+    document.getElementById('selectModeHyperSet5x5').style.display='none';
+}
+
+
+
+    function getValuescore() {
+    // Sélectionner l'élément input et récupérer sa valeur
+    var input = document.getElementById("in").value;
+    // Afficher la valeur
+    if(input > 27){
+        Game.$nbScore0.html(9 + ' Sets');
+        Game.nbScore0 = 9;
+    }
+    else if(input < 1){
+        Game.$nbScore0.html(1 + ' Sets');
+        Game.nbScore0 = 1;
+    }
+    else {
+        Game.$nbScore0.html(input + ' Sets');
+        Game.nbScore0 = input;
+    }
+}
\ No newline at end of file
diff --git a/HyperSet/vues/js/set.js b/HyperSet/vues/js/set.js
index 060eb63..3e53c4d 100644
--- a/HyperSet/vues/js/set.js
+++ b/HyperSet/vues/js/set.js
@@ -7,15 +7,18 @@ var Game = {
 	$board: $('[data-display="game-board"]'),
 	$score: $('[data-display="score"]'),
 	$nbSets: $('[data-display="nbSets"]'),
+    $nbScore: $('[data-display="nbScore"]'),
 
 
-	cards1 : [],
+
+    cards1 : [],
 	selected1: [],
 	score1: 0 ,
 	set1: 0,
 	$score1: $('[data-display="score1"]'),
 	$nbSets1: $('[data-display="nbSets1"]'),
 	$board1: $('[data-display="game-board1"]'),
+    $nbScore1: $('[data-display="nbScore1"]'),
 
 	cards2 : [],
 	selected2: [],
@@ -24,6 +27,7 @@ var Game = {
 	$score2: $('[data-display="score2"]'),
 	$nbSets2: $('[data-display="nbSets2"]'),
 	$board2: $('[data-display="game-board2"]'),
+    $nbScore2: $('[data-display="nbScore2"]'),
 
 
 	cards3 : [],
@@ -33,6 +37,7 @@ var Game = {
 	$score3: $('[data-display="score3"]'),
 	$nbSets3: $('[data-display="nbSets3"]'),
 	$board3: $('[data-display="game-board3"]'),
+    $nbScore3: $('[data-display="nbScore3"]'),
 
 
 	cards4: [],
@@ -42,6 +47,7 @@ var Game = {
 	$score4: $('[data-display="score4"]'),
 	$nbSets4: $('[data-display="nbSets4"]'),
 	$board4: $('[data-display="game-board4"]'),
+    $nbScore4: $('[data-display="nbScore4"]'),
 
 	cards0: [],
 	selected0 : [],
@@ -50,6 +56,8 @@ var Game = {
 	$score0: $('[data-display="score0"]'),
 	$nbSets0: $('[data-display="nbSets0"]'),
 	$board0: $('[data-display="game-board0"]'),
+    $nbScore0: $('[data-display="nbScore0"]'),
+    nbScore0: 9,
 
 	cardsHS: [],
 	selectedHS : [],
@@ -58,6 +66,7 @@ var Game = {
 	$scoreHS: $('[data-display="scoreHS"]'),
 	$nbSetsHS: $('[data-display="nbSetsHS"]'),
 	$boardHS: $('[data-display="game-boardHS"]'),
+    $nbScoreHS: $('[data-display="nbScoreHS"]'),
 
 	cardsHS0: [],
 	selectedHS0 : [],
@@ -66,6 +75,7 @@ var Game = {
 	$scoreHS0: $('[data-display="scoreHS0"]'),
 	$nbSetsHS0: $('[data-display="nbSetsHS0"]'),
 	$boardHS0: $('[data-display="game-boardHS0"]'),
+    $nbScoreHS0: $('[data-display="nbScoreHS0"]'),
 
 	cardsHS1: [],
 	selectedHS1 : [],
@@ -74,6 +84,7 @@ var Game = {
 	$scoreHS1: $('[data-display="scoreHS1"]'),
 	$nbSetsHS1: $('[data-display="nbSetsHS1"]'),
 	$boardHS1: $('[data-display="game-boardHS1"]'),
+    $nbScoreHS1: $('[data-display="nbScoreHS1"]'),
 
 	cardsHS2: [],
 	selectedHS2 : [],
@@ -82,6 +93,7 @@ var Game = {
 	$scoreHS2: $('[data-display="scoreHS2"]'),
 	$nbSetsHS2: $('[data-display="nbSetsHS2"]'),
 	$boardHS2: $('[data-display="game-boardHS2"]'),
+    $nbScoreHS2: $('[data-display="nbScoreHS2"]'),
 
 
 
@@ -92,6 +104,7 @@ var Game = {
     $scoreHS3: $('[data-display="scoreHS3"]'),
     $nbSetsHS3: $('[data-display="nbSetsHS3"]'),
     $boardHS3: $('[data-display="game-boardHS3"]'),
+    $nbScoreHS3: $('[data-display="nbScoreHS3"]'),
 
 
     cardsHS4: [],
@@ -101,6 +114,7 @@ var Game = {
     $scoreHS4: $('[data-display="scoreHS4"]'),
     $nbSetsHS4: $('[data-display="nbSetsHS4"]'),
     $boardHS4: $('[data-display="game-boardHS4"]'),
+    $nbScoreHS4: $('[data-display="nbScoreHS4"]'),
 
 
 
@@ -436,10 +450,12 @@ var Game = {
             type: 'GET',
             dataType: 'json',
             success: function (data) {
+
                 self.cards0 = data;
                 self.displayCards0.call(self);
                 self.existingSet0();
 
+
                 self.setCardListeners0();
 				function progress(timeleft, timetotal, $element) {
 					var progressBarWidth = timeleft * $element.width() / timetotal;
@@ -558,6 +574,8 @@ var Game = {
             type: 'GET',
             dataType: 'json',
             success: function (data) {
+
+
                 self.cardsHS0 = data;
                 self.existingHyperSet0();
                 self.displayCardsHS0.call(self);
@@ -1067,11 +1085,15 @@ var Game = {
         self.$score0= $('[data-display="score0"]');
         self.$nbSets0= $('[data-display="nbSets0"]');
         self.$board0= $('[data-display="game-board0"]');
+
         dealRequest0 = $.ajax({
             url: 'set.php?action=deal0',
             type: 'GET',
             dataType: 'json',
             success: function (data) {
+                document.getElementById('nbsc0').style.display = 'none';
+
+
                 self.cards0 = data;
                 self.displayCards0.call(self);
                 self.existingSet0();
@@ -1094,6 +1116,7 @@ var Game = {
 
                 }
 
+
             }
         });
 
@@ -1139,6 +1162,7 @@ var Game = {
         });
 
     },
+
     dealHS0A: function() {
         var self = this;
         var dealRequestHS0;
@@ -9011,6 +9035,14 @@ var Game = {
                     if (self.cards0.length !== 0 && self.set0 === 0){
                         document.getElementById('GameOver2').style.display='block';
                     }
+                    if (self.score0 === 9){
+                        document.getElementById('GameWon').style.display='block';
+                    }
+                    console.log(self.score0 + self.nbScore0);
+                    if (self.score0 == self.nbScore0){
+                        document.getElementById('GameWon').style.display='block';
+                    }
+
 				} else {
 					self.gameWon();
 				}
@@ -9043,6 +9075,9 @@ var Game = {
 					self.increaseScore();
                     if (self.cards.length !== 0 && self.set === 0){
                         document.getElementById('GameOver2').style.display='block';
+                    }
+                    if (self.score === 27){
+                        document.getElementById('GameWon').style.display='block';
                     }
 				} else {
 					self.gameWon();
@@ -9075,6 +9110,9 @@ var Game = {
 					self.increaseScore1();
                     if (self.cards1.length !== 0 && self.set1 === 0){
                         document.getElementById('GameOver2').style.display='block';
+                    }
+                    if (self.score1 === 81){
+                        document.getElementById('GameWon').style.display='block';
                     }
 				} else {
 					self.gameWon();
@@ -9109,6 +9147,9 @@ var Game = {
 					self.increaseScore2();
                     if (self.cards2.length !== 0 && self.set2 === 0){
                         document.getElementById('GameOver2').style.display='block';
+                    }
+                    if (self.score2 === 64){
+                        document.getElementById('GameWon').style.display='block';
                     }
 				} else {
 					self.gameWon();
@@ -9142,6 +9183,9 @@ var Game = {
 					self.increaseScore3();
                     if (self.cards3.length !== 0 && self.set3 === 0){
                         document.getElementById('GameOver2').style.display='block';
+                    }
+                    if (self.score3 === 256){
+                        document.getElementById('GameWon').style.display='block';
                     }
 				} else {
 					self.gameWon();
@@ -9177,6 +9221,9 @@ var Game = {
 					self.increaseScore4();
                     if (self.cards4.length !== 0 && self.set4 === 0){
                         document.getElementById('GameOver2').style.display='block';
+                    }
+                    if (self.score3 === 625){
+                        document.getElementById('GameWon').style.display='block';
                     }
 				} else {
 					self.gameWon();