Multi final

SwichGIT/Dernier/ActualiserIDPartie.php

@@ -3,14 +3,13 @@ session_start();
 require_once "ConnexionBDD.php";
 //Actualisation de l'IDpartie
 $idparte = $_SESSION['idpartie'];
-echo "<h2 class='contientphp' id='ids'>Identifiant partie : <strong>$idparte</strong></h2>";
+echo "<div id='iddelapartie' <h2 id='ids'>Identifiant partie : </h2>";
-echo "<input type='text' class='myInput contientphp' value='$idparte' id='myInput'>";
+echo "<input type='text' value='$idparte' id='Monidpartie'>";
+echo "<button onclick='MaFonction()'>Copier identifiant</button> </div>";
 
 
-//Actualisation des cartes
-$idpartie= $_SESSION['idpartie'];
 $db=new MyDB();
-$afficher = $db->query('SELECT * FROM partieCartes where IdPartie="'.$idpartie.'" ');
+$afficher = $db->query('SELECT * FROM partieCartes where IdPartie="'.$idparte.'" ');
 $tableau =[];
 while ($row = $afficher->fetchArray()) {
     $un=$row['colUn'];
@@ -20,7 +19,9 @@ while ($row = $afficher->fetchArray()) {
    // $entier=$entier+1;
     array_push($tableau,$tout);
 }
-$_SESSION['listecartebdd']=$tableau;
+
-//foreach ($tableau as $val) {
+foreach ($tableau as $val) {
-//    echo "<h2 class='contientphp'> $val </h2>";
+    //echo "<h2 class='contientphp'> $val d</h2>";
-//}
+}
+$comma_separated = implode(",", $tableau);
+$_SESSION['listecartebdd']=$comma_separated;

SwichGIT/Dernier/css/PageDaccueil.css

@@ -117,11 +117,7 @@
 #infosec{
     z-index:15;
     width: 2vw;
-}
+    margin: 0 auto;
-
-#infosec2{
-    z-index:15;
-    width: 2vw;
 }
 
 #info {
@@ -195,7 +191,7 @@ li {
     transition: opacity 500ms;
     visibility: hidden;
     opacity: 0;
-    z-index: 21;
+    z-index: 210;
 }
 
     .overlay:target {
@@ -472,8 +468,25 @@ label:active:after {
 .buttonvalidersettings:active{
     background-color: blue;
 }
+/*  LANGUES  */
 
 
+#cf2 img {
+  position:absolute;
+  left:0;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s ease-in-out;
+  -moz-transition: opacity 0.2s ease-in-out;
+  -o-transition: opacity 0.2s ease-in-out;
+  transition: opacity 0.2s ease-in-out;
+}
+
+#cf2 img.transparent {
+opacity:0;
+}
+#cf_onclick {
+cursor:pointer;
+}
 
 
 

SwichGIT/Dernier/css/PartieGame.css

@@ -1,6 +1,8 @@
 
 #pageGame {
     visibility: hidden;
+    top: -10vh;
+    position: relative;
 }
 
 .menuhaut {

SwichGIT/Dernier/css/base.css

@@ -4,14 +4,24 @@
 	--lightsedonca: #B7B7B7;
 	--lighttercia: #E6E6E6;
 	/*Couleur bases*/
-	--colorbase : #e75259;
+
-	--colorcarre : #30C0DE;
+	--colorbase : #e9546f;/*ROND*/
-	--colorone : #00CBFF;
+	--colorcarre : #c97fb3;/*CARRE*/
-	--colortwo : #00FF6E;
+	--colorone : #00a088;/*TRIANGLE*/
-	--colorthree : #C800FF;
+	--colortwo : #5880c1;/*CROIX*/
-	--colorfour : #E6DA27;
+
-	--colorfive : #2E6DB4;
+	--colorseven : #e9546f;/*ROND*/
-	--colorsix : #E6792F;
+	--coloreight : #c97fb3;/*CARRE*/
+	--colornine : #00a088;/*TRIANGLE*/
+	--colorten : #5880c1;/*CROIX*/
+	--colorthree : #E6792F;/*LOSANGE*/
+	--colorfour : #E6DA27;/*PENTA*/
+	--colorfive : #2E6DB4;/*HEXA*/
+	--colorsix : #E6792F;/*HOCTO*/
+
+	/*Tailles cartes*/
+	--tailleTablette : 12vw;
+	--taille: 10vw;
 	/*Les formes*/
 	--u: calc(var(--x) / 2.75);
 	--v: calc(var(--y) / 2.75);
@@ -20,6 +30,10 @@
 	--x : 10vw;
 	--y : 7vw;
 	--z : 3.75vw;
+	/*Formes ete*/
+	--l: 3vw;
+	--m: 2.5vw;
+	--n: 1.5vw;
 }
 
 .test{

SwichGIT/Dernier/css/desktops.css

@@ -0,0 +1,619 @@
+/*Ecran*/
+@media screen and (min-width: 992px) {
+
+    /*PARTIE FORMES*/
+    .containform3 {
+        position: relative;
+        height: var(--x);
+        width: var(--x);
+        display: table-cell;
+        /*vertical-align: middle;*/
+    }
+
+    .containinteCarte{
+        top:calc((var(--l) - var(--n)) / 2);
+        left:calc((var(--l) - var(--n)) / 2);
+        height: var(--n);
+        width: var(--n);
+        z-index: 2;
+        position: absolute;
+    }
+
+    .containexteCarte{
+        top:calc((var(--l) - var(--m)) / 2);
+        left:calc((var(--l) - var(--m)) / 2);
+        height: var(--m);
+        width: var(--m);
+        z-index: 1;
+        position: absolute;
+    }
+
+    .containform3carte {
+        position: relative;
+        height: var(--l);
+        width: var(--l);
+        display: table-cell;
+        /*vertical-align: middle;*/
+    }
+
+    .containinte {
+        /*PROBLEME SIZE*/
+        top: calc((var(--y) - var(--z)) / 2);
+        left: calc((var(--y) - var(--z)) / 2);
+        height: var(--z);
+        width: var(--z);
+        z-index: 2;
+        position: absolute;
+    }
+
+    .cache {
+        top: calc((var(--x) - var(--y)) / 2.8);
+        left: calc((var(--x) - var(--y)) / 2.2);
+        height: calc(var(--y)*1.05);
+        width: calc(var(--y)*1.05);
+        z-index: 2;
+        position: absolute;
+        z-index: 15;
+    }
+
+    #choosemode {
+        height: 4vw;
+        width: 16vw;
+        position: absolute;
+        left: 42vw;
+        top: 44vh;
+        z-index: 15;
+    }
+
+    #choosedimension {
+        height: 4vw;
+        width: 16vw;
+        position: absolute;
+        left: 42vw;
+        top: 50vh;
+        z-index: 15;
+    }
+
+    #conteneurmode {
+        width: 80%;
+        height: 2vw;
+        left: 10%;
+        top: 25%;
+        position: absolute;
+        margin: 0 auto;
+        background-color: var(--lightsedonca);
+        border-radius: 5vw;
+    }
+
+    #triangleprec {
+        width: 0;
+        height: 0;
+        margin: 0.25vw auto 0 auto;
+        border-top: 0.75vw solid transparent;
+        border-right: 1.25vw solid grey;
+        border-bottom: 0.75vw solid transparent;
+    }
+
+    #trianglesuiv {
+        width: 0;
+        height: 0;
+        margin: 0.25vw auto 0 auto;
+        border-top: 0.75vw solid transparent;
+        border-left: 1.25vw solid grey;
+        border-bottom: 0.75vw solid transparent;
+    }
+
+    #textmode {
+        font-family: Lucida Console, Arial Black, Arial;
+        font-size: 1vw;
+        color: #707070;
+        text-align: center;
+        margin: 5% auto 0 auto;
+    }
+
+    #textdimension {
+        font-family: Lucida Console, Arial Black, Arial;
+        font-size: 1vw;
+        color: #707070;
+        text-align: center;
+        margin: 5% auto 0 auto;
+    }
+
+    #formSize {
+        margin: 0 auto;
+        width: 100%;
+        height: 3vw;
+    }
+
+    .slider-container .bar .fill {
+        display: block;
+        width: 50%;
+        height: 100%;
+        background-color: #6200ee;
+    }
+
+    .slider-container .slider {
+        position: relative;
+        z-index: 2;
+        -webkit-appearance: none;
+        width: 100%;
+        height: 10px;
+        border-radius: 5px;
+        outline: none;
+        background-color: transparent;
+    }
+
+    .slider.container {
+        position: relative;
+    }
+
+    .slider-container .bar {
+        position: absolute;
+        z-index: 1;
+        left: 0;
+        width: 100%;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #c6aee7;
+        overflow: hidden;
+    }
+    /*Moz*/
+    .slider-container .slider::-moz-range-thumb {
+        -webkit-appearance: none;
+        width: 1vw;
+        height: 1vw;
+        background-color: #6200ee;
+        border-radius: 1vw;
+        cursor: pointer;
+        outline: none;
+        box-shadow: 0 0 0 0 rgba(98, 0,238, .1);
+        transition: .3s ease-in-out;
+    }
+
+        .slider-container .slider::-moz-range-thumb:hover {
+            box-shadow: 0 0 0 10px rgba(98,0,238,.1);
+        }
+
+    .slider-container .slider:active::-moz-range-thumb {
+        box-shadow: 0 0 0 20px rgba(98,0,238,.2);
+    }
+
+    /*===========================================*/
+
+    .logoboutton {
+        font-size: 2vw;
+        color: var(--lightprima);
+        margin: 0.25vw;
+    }
+
+    /*Externe*/
+    .bouttonMenuHaut {
+        height: 4vw;
+        width: 4vw;
+        background-color: var(--lightsedonca);
+        border-radius: 50%;
+        margin: 0 auto;
+        margin-top: 0.45vw;
+        position: relative;
+        display: block;
+    }
+
+    #affPoints {
+        text-align: center;
+        font-family: Montserrat, impact, Arial Black;
+        font-size: 2vw;
+        margin-top: 1.2vw;
+        color: var(--lightsedonca);
+    }
+
+    .divmenu {
+        width: 10vw;
+        height: inherit;
+        margin-right: 1vw;
+    }
+
+    .containButtonForm {
+        height: 2.5vw;
+        width: 2.5vw;
+        margin: 0.75vw;
+        position: absolute;
+    }
+
+    .buttonretour {
+        position: relative;
+        height: 4vh;
+        width: 4vh;
+        border-radius: 55vw;
+        background-color: var(--lightsedonca);
+        z-index: 5;
+        margin-left: 2vw;
+        top: 1.75vw;
+    }
+
+    .flex-item {
+        background: var(--lightsedonca);
+        width: var(--taille);
+        border-radius: 0.75vw;
+        padding-right: 0.15vw;
+        padding-left: 0.15vw;
+        padding-bottom: 0.25vw;
+        list-style: none;
+        display: flex;
+        margin-right: 0.4vw;
+        margin-left: 0.4vw;
+        margin-bottom: 1vw;
+        -webkit-flex-flow: row wrap;
+        justify-content: space-around;
+    }
+
+    .item-form {
+        width: 3vw;
+        padding-left: 0.1vw;
+        margin-top: 0.25vw;
+        height: 3vw;
+        border-radius: 10px;
+        display: table-cell;
+        position: relative;
+        vertical-align: middle;
+        background-color: var(--lighttercia);
+    }
+
+    .containcards {
+        overflow-x: auto;
+        display: grid;
+        grid-template-columns: repeat(8,auto);
+        grid-template-rows: repeat(2,auto);
+        padding-top: 1vw;
+        justify-content: center;
+    }
+
+    .logop2 img {
+        width: 12vw;
+        padding-top: 1vh;
+        position: relative;
+    }
+
+
+    .txt {
+        position: absolute;
+        font-family: Arial Black;
+        color: var(--lightprima);
+        font-size: 1.5vw;
+        left: 0.4vw;
+        top: -1.6vh;
+    }
+
+    .logo img {
+        position: absolute;
+        width: 12vw;
+        left: 44vw;
+        top: 13%;
+        z-index: 11;
+    }
+
+    .mounts img {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        pointer-events: none;
+        margin-left: -10px;
+    }
+
+    #contourbuttonvalider {
+        position: absolute;
+        border-radius: 45px;
+        left: 9.2vw;
+        height: 4vw;
+        width: 12vw;
+        top: 1vw;
+        background-color: var(--lightsedonca);
+        z-index: 15;
+    }
+
+    .bouttonvalider {
+        position: absolute;
+        height: 3.4vw;
+        width: 11.4vw;
+        top: 0.3vw;
+        left: 0.3vw;
+        border-radius: 30px;
+    }
+
+    .violet {
+        background-color: #B130DE;
+    }
+
+    .vert {
+        background-color: #00CC66;
+    }
+
+    #textjouerr {
+        font-family: Montserrat, impact, Arial Black;
+        position: absolute;
+        font-size: 2.5vw;
+        margin-top: 0.2vw;
+        color: var(--lightsedonca);
+        text-align: center;
+        width: inherit;
+    }
+
+    #containBottom{
+        position: absolute;
+        bottom: 3vh;
+        width: auto;
+        left: 50%;
+        z-index: 20;
+        height: auto;
+    }
+
+    #containScore {
+        display: flex;
+        justify-content: center;
+        position: relative;
+        left: -50%;
+        
+    }
+
+    .titreScore{
+        font: 700 5vh "Poppins", sans-serif;
+        color: #2B2D2F;
+        position: relative;
+        left: -50%;
+        text-align: center;
+    }
+
+    .case-score{
+        padding: 4px;
+        position: relative;
+        z-index: 1;
+        width: 6vw;
+        height: 6vw;
+        margin: 1vw;
+        cursor: default;
+        transition: all 0.3s ease;
+    }
+
+    .case-score .score-description {
+        background-color: var(--lightsedonca);
+        padding: 10px 15px;
+        width: calc(100% - 30px);
+        height: calc(100% - 20px);
+        transition: inherit;
+    }
+
+    .case-score .score-position {
+      font: 700 2vw/1.3 "Poppins", sans-serif;
+      margin: 0 0 0;
+      transition: 0.2s ease 150ms;
+      font-size: 2vw;
+      font-family:"Poppins", sans-serif; 
+    }
+    .case-score .score-pseudo, .score-points {
+      font: 500 12px "Poppins", sans-serif;
+      margin-top: -0.2em;
+      font-size: 0.8vw;
+    }
+
+    .case-score:after {
+      z-index: 10;
+      background: #f9f8f7;
+      color: #333;
+      width: 180px;
+      position: absolute;
+      top: 80%;
+      opacity: 0;
+      transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
+      height: auto;
+      font-size: 12px;
+      line-height: 1.4;
+      padding: 10px;
+      margin: 0 0 0 -50px;
+      border-radius: 6px;
+      text-align: center;
+    }
+    .case-score:hover {
+      transform: scale(1.12);
+      z-index: 10;
+    }
+
+    .case-score:hover .score-description {
+      background: transparent;
+    }
+    .case-score:hover .score-position,
+    .case-score:hover .score-pseudo,
+    .case-score:hover .score-points {
+      -webkit-text-fill-color: #222;
+    }
+    .case-score:hover:after {
+      top: 105%;
+      opacity: 1;
+    }
+
+    .first {
+      background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%);
+    }
+    .first .score-position,
+    .first .score-pseudo,
+    .first .score-points {
+      background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .second {
+        background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%);
+    }
+    
+    .second .score-position,
+    .second .score-pseudo,
+    .second .score-points {
+      background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .third {
+        background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%);
+    }
+    
+    .third .score-position,
+    .third .score-pseudo,
+    .third .score-points {
+      background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .nopodium {
+        background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%);
+    }
+    
+    .nopodium .score-position,
+    .nopodium .score-pseudo,
+    .nopodium .score-points {
+      background: -webkit-linear-gradient(#3A3B3C, #3A3B3C );
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    #infosec2{
+        z-index:15;
+        width: 2vw;
+        position: relative;
+        margin: 0 auto;
+        margin-left: 0px;
+    }
+
+
+    #multiParams{
+        height: 5vw;
+        width: 25vw;
+        position: absolute;
+        margin: 0 auto;
+        top: 58vh;
+        left: 38.5%;
+        z-index: 15;
+        display: none;
+    }
+
+    #buttonMulti {
+        border-radius: 45px;
+        height: 2.5vw;
+        width: 10.4vw;
+        top: 1vw;
+        background-color: var(--lightsedonca);
+        z-index: 15;
+    }
+
+    #buttonMulti2 {
+        border-radius: 45px;
+        height: 2.5vw;
+        width: 10.4vw;
+        background-color: var(--lightsedonca);
+        z-index: 15;
+        margin-top: 1vh;
+    }
+
+    .bouttonvalider2 {
+        position: relative;
+        height: 2vw;
+        width: 10vw;
+        top: 0.25vw;
+        left: 0.2vw;
+        border-radius: 30px;
+    }
+
+    #textmulticreer {
+        font-family: Montserrat, impact, Arial Black;
+        font-size: 1.5vw;
+        margin-top: 0.1vw;
+        color: var(--lightsedonca);
+        text-align: center;
+        width: inherit;
+    }
+    #textmultirejoindre {
+        font-family: Montserrat, impact, Arial Black;
+        font-size: 1.5vw;
+        margin-top: 0.1vw;
+        color: var(--lightsedonca);
+        text-align: center;
+        width: inherit;
+    }
+
+    #conteneurCreate{
+        width: 40%;
+        height: 2.2vw;
+        left: 50%;
+        top: 3%;
+        position: absolute;
+        margin: 0 auto;
+        background-color: var(--lightsedonca);
+        border-radius: 5vw;
+    }
+
+
+    #conteneurJoin{
+        width: 40%;
+        height: 2.2vw;
+        left: 50%;
+        top: 65%;
+        position: absolute;
+        margin: 0 auto;
+        background-color: var(--lightsedonca);
+        border-radius: 5vw;
+    }
+
+    .form__field {
+      font-family: inherit;
+      width: 70%;
+      border: 0;
+      border-bottom: 2px solid #9b9b9b;
+      outline: 0;
+      font-size: 1vw;
+      color: black;
+      padding: 0.8vh 0;
+      background: transparent;
+      transition: border-color 0.2s;
+      margin-left: 1.5vw;
+      text-align: center;
+    }
+    .form__field::placeholder {
+      color: gray;
+    }
+    .form__field:placeholder-shown ~ .form__label {
+      font-size: 1.3rem;
+      cursor: text;
+      top: 20px;
+    }
+
+    .form__label {
+      position: absolute;
+      top: 0;
+      display: block;
+      transition: 0.2s;
+      font-size: 1rem;
+      color: black;
+    }
+
+    .form__field:focus {
+      padding-bottom: 6px;
+      font-weight: 700;
+      border-width: 3px;
+      border-image: linear-gradient(to right, #11998e, #38ef7d);
+      border-image-slice: 1;
+    }
+    .form__field:focus ~ .form__label {
+      position: absolute;
+      top: 0;
+      display: block;
+      transition: 0.2s;
+      font-size: 1rem;
+      color: #11998e;
+      font-weight: 700;
+    }
+
+
+
+
+
+}

SwichGIT/Dernier/css/formes.css

@@ -20,6 +20,8 @@
     vertical-align: middle;
     background-color: black;
 }
+
+
 /*ROND*/
 .containexte{
     height: var(--y);
@@ -33,10 +35,7 @@
     display: none;
 }
 
-.rond{
+
-    -webkit-clip-path: circle(50% at 50% 50%);
-    clip-path: circle(50% at 50% 50%);
-}
 
 .round{
     border-radius: 5vw; 
@@ -50,14 +49,16 @@
     background-color: black;
 }
 
-.formeinte{
+
-    height: 90%;
+
-    width: 90%;
+
-    margin: 0 auto;
+
-}
+/* UTILISATION FORMES CARTES*/
-.formeexte{
+.containformCarte{
-    height: 100%;
+    position: relative;
-    width: 100%;
+    height: var(--x);
+    width: var(--x);
+    display: table-cell;
 }
 
 .carre{
@@ -78,6 +79,14 @@
     margin-top: calc( (var(--y) - var(--z)) / 10);
 }
 
+.castrianglec{
+    margin-top: calc( (var(--m) - var(--n)) / 5);
+}
+
+.caspentac{
+    margin-top: calc( (var(--m) - var(--n)) / 10);
+}
+
 .losange{
     -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
     clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
@@ -109,3 +118,21 @@
     clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
 }
 
+.rondv2{
+    -webkit-clip-path: circle(50% at 50% 50%);
+    clip-path: circle(50% at 50% 50%);
+}
+
+.rond{
+    -webkit-clip-path: circle(50% at 50% 50%);
+    clip-path: circle(50% at 50% 50%);
+}
+
+.formeinte{
+    height: 100%;
+    width: 100%;
+}
+.formeexte{
+    height: 100%;
+    width: 100%;
+}

SwichGIT/Dernier/css/pickr.min.css

@@ -1020,7 +1020,7 @@
 
 }
 
-@media screen and (min-width: 669px) and (max-width: 992px) {
+@media screen and (min-width: 0px) and (max-width: 992px) {
 	/*! Pickr 1.0.1 MIT | https://github.com/Simonwep/pickr */
 	.pickr{
 		position:relative;

SwichGIT/Dernier/css/tablet.css

@@ -0,0 +1,622 @@
+/*DemTéléphone 1i Ecran*/
+@media screen and (min-width: 0px) and (max-width: 992px) {
+
+    .containform3 {
+        position: relative;
+        height: calc(1.25*var(--x));
+        width: calc(2*var(--x));
+        display: table-cell;
+        vertical-align: middle;
+        left: -2vw;
+    }
+
+    .containform3carte {
+        position: relative;
+        height: var(--l);
+        width: var(--l);
+        display: table-cell;
+        /*vertical-align: middle;*/
+    }
+
+    .containinte{
+        /*PROBLEME SIZE*/
+        top: calc(1.5*((var(--y) - var(--z)) / 2));
+        left: calc(1.5*((var(--y) - var(--z)) / 2));
+        height: calc(1.5*var(--z));
+        width: calc(1.5*var(--z));
+        z-index: 2;
+        position: absolute;
+    }
+
+    .containinteCarte{
+        top:calc((var(--l) - var(--n)) / 1.3);
+        left:calc((var(--l) - var(--n)) / 1.2);
+        height: var(--n);
+        width: var(--n);
+        z-index: 2;
+        position: absolute;
+    }
+
+    .containexteCarte{
+        top:calc((var(--l) - var(--m)) / 0.8);
+        left:calc((var(--l) - var(--m)) / 0.7);
+        height: var(--m);
+        width: var(--m);
+        z-index: 1;
+        position: absolute;
+    }
+
+    .cache{
+        top: calc(0.91*((var(--x) - var(--y)) / 2.8));
+        left: calc(4.55*((var(--x) - var(--y)) / 2.2));
+        height: calc(1.5*var(--y)*1.05);
+        width: calc(1.5*var(--y)*1.05);
+        z-index: 2;
+        position: absolute;
+        z-index: 15;
+    }
+
+    #formSize{
+        margin : 0 auto;
+        width: 100%;
+        height: 3vw;
+        position: relative;
+        top: 3vw;
+    }
+
+    .slider-container .bar .fill {
+        display: block;
+        width: 50%;
+        height: 100%;
+        background-color: #6200ee;
+    }
+
+    .slider-container .slider {
+        position: relative;
+        z-index: 2;
+        -webkit-appearance: none;
+        width: 100%;
+        height: 10px;
+        border-radius: 5px;
+        outline: none;
+        top: -0.25vw;
+        background-color: transparent;
+    }
+    .slider.container{
+        position: relative;
+    }
+    .slider-container .bar {
+        position: absolute;
+        z-index: 1;
+        left: 0;
+        width: 100%;
+        height: 10px;
+        border-radius: 5px;
+        background-color: #c6aee7;
+        overflow: hidden;
+    }
+    /*Moz*/
+    .slider-container .slider::-moz-range-thumb  {
+        -webkit-appearance: none;
+        width: 2vw;
+        height: 2vw;
+        background-color: #6200ee;
+        border-radius: 1vw;
+        cursor: pointer;
+        outline: none;
+        box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
+        transition: .3s ease-in-out;
+    }
+
+    .slider-container .slider::-moz-range-thumb:hover {
+        box-shadow: 0 0 0 10px rgba(98,0,238,.1);
+    }
+    .slider-container .slider:active::-moz-range-thumb {
+        box-shadow: 0 0 0 20px rgba(98,0,238,.2);
+    }
+
+    .logop2 img {
+        width: 20vh;
+        padding-top: 1vh;
+        position: relative;
+    }
+
+    .txt {
+        position: absolute;
+        font-family: Arial Black;
+        color: var(--lightprima);
+        font-size: 5.5vw;
+        left: 2.25vw;
+        top: -1vh;
+    }
+
+    .logo img { 
+        position: absolute;
+        width: 30vw;
+        left: 35vw;
+        top: 2%;
+        z-index: 11;
+    }
+
+    .mounts img {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        pointer-events: none;
+        margin-left: -1vw;
+        margin-top: -1vw;
+        object-fit: cover;
+    }
+
+    #contourbuttonvalider {
+        position: absolute;
+        border-radius: 45px;
+        left: -10vw;
+        top: -10vh;
+        height: 15vw;
+        width: 50vw;
+        background-color: var(--lightsedonca);
+        z-index: 15;
+    }
+
+    .bouttonvalider {
+        position: absolute;
+        height: 13vw;
+        width: 47vw;
+        top: 1.1vw;
+        left: 1.5vw;
+        border-radius: 30px;
+        background-color: #B130DE;
+    }
+
+    .bouttonvalider2 {
+        position: absolute;
+        height: 6.8vw;
+        width: 22.8vw;
+        top: 1.1vw;
+        left: 1.1vw;
+        border-radius: 30px;
+        background-color: #00CC66;
+    }
+
+    #textjouer {
+        font-family: Montserrat, impact, Arial Black;
+        position: absolute;
+        font-size: 10vw;
+        margin-top: 0.2vw;
+        width: inherit;
+        text-align: center;
+        color: var(--lightsedonca);
+    }
+
+     #textjouerr {
+        font-family: Montserrat, impact, Arial Black;
+        position: absolute;
+        font-size: 10vw;
+        margin-top: 0.2vw;
+        width: inherit;
+        text-align: center;
+        color: var(--lightsedonca);
+    }
+
+    #choosemode {
+        height: 7vw;
+        width: 50vw;
+        position: absolute;
+        left: 25vw;
+        top: 40vh;
+        z-index: 15;
+    }
+
+    #choosedimension {
+        height: 7vw;
+        width: 50vw;
+        position: absolute;
+        left: 25vw;
+        top: 50vh;
+        z-index: 15;
+    }
+
+    #conteneurmode{
+        width: 80%;
+        height: 80%;
+        left : 10%;
+        position: absolute;
+        background-color: var(--lightsedonca);
+        border-radius: 5vw;
+    }
+
+    #triangleprec{
+        width: 0;
+        height: 0;
+        margin: 0.25vw auto 0 auto;
+        border-top: 2vw solid transparent;
+        border-right: 4vw solid grey;
+        border-bottom: 2vw solid transparent;
+        margin-top: 0.75vw;
+    }
+
+    #trianglesuiv{
+        width: 0;
+        height: 0;
+        margin: 0.25vw auto 0 auto;
+        border-top: 2vw solid transparent;
+        border-left: 4vw solid grey;
+        border-bottom: 2vw solid transparent;
+        margin-top: 0.75vw;
+    }
+
+    #textmode {
+        font-family: Lucida Console, Arial Black, Arial;
+        font-size: 3vw;
+        color: #707070;
+        text-align:center;
+        margin: 5% auto 0 auto;
+    }
+
+    #textdimension {
+        font-family: Lucida Console, Arial Black, Arial;
+        font-size: 3vw;
+        color: #707070;
+        text-align:center;
+        margin: 5% auto 0 auto;
+    }
+
+    .logoboutton{
+        font-size: 2vw;    
+        color: var(--lightprima);
+        margin: 1vw; 
+    }
+
+    /*Externe*/
+    .bouttonMenuHaut{
+        height: 4vw;
+        width: 4vw;
+        background-color: var(--lightsedonca);
+        border-radius: 50%;
+        margin: 0 auto;
+        margin-top: 2.5vw;
+        position: relative;
+        display: block;
+    }
+
+
+    .divmenu {
+        width: 25vw;
+        height: inherit;
+        margin-right: 1vw;
+    }
+
+
+    #affPoints {
+        text-align: center;
+        font-family: Montserrat, impact, Arial Black;
+        font-size: 2vw;
+        margin-top: 3.5vw;
+        color: var(--lightsedonca);
+    }
+
+    .containcards {
+        overflow-x: auto;
+        display: grid;
+        grid-template-columns: repeat(4,auto);
+        grid-template-rows: repeat(4,auto);
+        padding-top: 1vw;
+        justify-content: center;
+    }
+
+    .flex-item {
+        flex-grow: 1;
+        background: var(--lightsedonca);
+        width: var(--tailleTablette);
+        border-radius: 0.75vw;
+        padding-right: 0.15vw;
+        padding-left: 0.15vw;
+        padding-bottom: 0.25vw;
+        list-style: none;
+        display: flex;
+        margin-right: 0.4vw;
+        margin-left: 0.4vw;
+        margin-bottom: 1vw;
+        -webkit-flex-flow: row wrap;
+        justify-content: space-around;
+    }
+
+    .item-form {
+        width: 4vh;
+        padding-left: 0.1vw;
+        margin-top: 0.25vw;
+        height: 4vh;
+        border-radius: 10px;
+        display: table-cell;
+        position: relative;
+        vertical-align: middle;
+        background-color: var(--lighttercia);
+    }
+
+    #containBottom{
+        position: absolute;
+        bottom: -0%;
+        width: auto;
+        left: 50%;
+        z-index: 20;
+        height: auto;
+    }
+
+    #containScore {
+        display: flex;
+        justify-content: center;
+        position: relative;
+        left: -50%;
+        flex-flow: row wrap;
+        width: 80vw;
+        
+    }
+
+    .titreScore{
+        font: 700 5vh "Poppins", sans-serif;
+        color: #2B2D2F;
+        position: relative;
+        left: -50%;
+        text-align: center;
+    }
+
+    .case-score{
+        padding: 4px;
+        position: relative;
+        z-index: 1;
+        width: 12vw;
+        height: 12vw;
+        margin: 1vw;
+        cursor: default;
+        transition: all 0.3s ease;
+    }
+
+    .case-score .score-description {
+        background-color: var(--lightsedonca);
+        padding: 10px 15px;
+        width: calc(100% - 30px);
+        height: calc(100% - 20px);
+        transition: inherit;
+    }
+
+    .case-score .score-position {
+      font: 700 3vw "Poppins", sans-serif;
+      margin-left: -1vw;
+      transition: 0.2s ease 150ms;
+    }
+    .case-score .score-pseudo, .score-points {
+      font: 500 12px "Poppins", sans-serif;
+      margin-top: -0.2em;
+      margin-left: -1vw;
+    }
+
+    .case-score:after {
+      z-index: 10;
+      background: #f9f8f7;
+      color: #333;
+      width: 180px;
+      position: absolute;
+      top: 80%;
+      opacity: 0;
+      transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
+      height: auto;
+      font-size: 12px;
+      line-height: 1.4;
+      padding: 10px;
+      margin: 0 0 0 -50px;
+      border-radius: 6px;
+      text-align: center;
+    }
+    .case-score:hover {
+      transform: scale(1.12);
+      z-index: 10;
+    }
+
+    .case-score:hover .score-description {
+      background: transparent;
+    }
+    .case-score:hover .score-position,
+    .case-score:hover .score-pseudo,
+    .case-score:hover .score-points {
+      -webkit-text-fill-color: #222;
+    }
+    .case-score:hover:after {
+      top: 105%;
+      opacity: 1;
+    }
+
+    .first {
+      background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%);
+    }
+    .first .score-position,
+    .first .score-pseudo,
+    .first .score-points {
+      background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .second {
+        background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%);
+    }
+    
+    .second .score-position,
+    .second .score-pseudo,
+    .second .score-points {
+      background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .third {
+        background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%);
+    }
+    
+    .third .score-position,
+    .third .score-pseudo,
+    .third .score-points {
+      background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .nopodium {
+        background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%);
+    }
+    
+    .nopodium .score-position,
+    .nopodium .score-pseudo,
+    .nopodium .score-points {
+      background: -webkit-linear-gradient(#3A3B3C, #3A3B3C );
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .content{
+        margin-top: -5vw;
+    }
+
+    #infosec2{
+        position: relative;
+        z-index:15;
+        width: 2vw;
+        left: 5vw;
+    }
+
+    #cf2 {
+      position:relative;
+      margin-left: 14vh;
+      top: 2.5vh;
+    }
+
+    .last{
+        display: none;
+    }
+
+    #multiParams{
+        height: 15vw;
+        width: 55vw;
+        position: absolute;
+        margin: 0 auto;
+        top: 58vh;
+        left: 25%;
+        z-index: 15;
+        display: none;
+    }
+    #buttonMulti {
+        border-radius: 45px;
+        height: 5.5vw;
+        width: 22.4vw;
+        top: 1vw;
+        background-color: var(--lightsedonca);
+        z-index: 15;
+    }
+
+    #buttonMulti2 {
+        border-radius: 45px;
+        height: 5.5vw;
+        width: 22.4vw;
+        top: 1vw;
+        background-color: var(--lightsedonca);
+        z-index: 15;
+        margin-top: 1vh;
+    }
+
+    .bouttonvalider2 {
+        position: relative;
+        height: 4.5vw;
+        width: 20vw;
+        top: 0.5vw;
+        left: 1.3vw;
+        border-radius: 30px;
+    }
+
+    #textmulti {
+        font-family: Montserrat, impact, Arial Black;
+        font-size: 3vw;
+        margin-top: 0.3vw;
+        color: var(--lightsedonca);
+        text-align: center;
+        width: inherit;
+    }
+
+    #conteneurCreate{
+        width: 40%;
+        height: 5.2vw;
+        left: 50%;
+        top: 3%;
+        position: absolute;
+        margin: 0 auto;
+        background-color: var(--lightsedonca);
+        border-radius: 5vw;
+    }
+
+
+    #conteneurJoin{
+        width: 40%;
+        height: 5.2vw;
+        left: 50%;
+        top: 45%;
+        position: absolute;
+        margin: 0 auto;
+        background-color: var(--lightsedonca);
+        border-radius: 5vw;
+    }
+
+    .form__field {
+      font-family: inherit;
+      width: 70%;
+      border: 0;
+      border-bottom: 2px solid #9b9b9b;
+      outline: 0;
+      font-size: 2.5vw;
+      color: black;
+      padding: 0.8vh 0;
+      background: transparent;
+      transition: border-color 0.2s;
+      margin-left: 3.5vw;
+      text-align: center;
+    }
+    .form__field::placeholder {
+      color: black;
+    }
+    .form__field:placeholder-shown ~ .form__label {
+      font-size: 1.3rem;
+      cursor: text;
+      top: 20px;
+    }
+
+    .form__label {
+      position: absolute;
+      top: 0;
+      display: block;
+      transition: 0.2s;
+      font-size: 1rem;
+      color: black;
+    }
+
+    .form__field:focus {
+      padding-bottom: 6px;
+      font-weight: 700;
+      border-width: 3px;
+      border-image: linear-gradient(to right, #11998e, #38ef7d);
+      border-image-slice: 1;
+    }
+    .form__field:focus ~ .form__label {
+      position: absolute;
+      top: 0;
+      display: block;
+      transition: 0.2s;
+      font-size: 1rem;
+      color: #11998e;
+      font-weight: 700;
+    }
+
+    .violet {
+        background-color: #B130DE;
+    }
+
+
+
+}

SwichGIT/Dernier/envoipseudo.php

@@ -0,0 +1,7 @@
+<?php
+session_start();
+$pseudo = $_POST['pseudo'];
+$_SESSION['pseudo'] = $pseudo;
+$idpartie = $_SESSION['idpartie'];
+
+

SwichGIT/Dernier/envoipts.php

@@ -0,0 +1,4 @@
+<?php
+$pseudo = $_POST['pts'];
+$_SESSION['pts'] = $pseudo;
+$idpartie = $_SESSION['idpartie'];

SwichGIT/Dernier/index.php

@@ -1,5 +1,6 @@
 <?php
 session_start();
+require("ConnexionBDD.php");
 ?>
 <!DOCTYPE html>
 <html>
@@ -15,65 +16,91 @@ session_start();
     <link rel="stylesheet" href="css/pickr.min.css">
     <link rel="stylesheet" href="css/formes.css">
     <link rel="stylesheet" href="css/Resp3.css">
-    <link rel="stylesheet" href="css/MultiLobby.css">
 
-    <script type="text/javascript" src="js/main.js"></script>
+    <script type="text/javascript" src="js/main2.js"></script>
     <script type="text/javascript" src="js/menu.js"></script>
     <script type="text/javascript" src="js/jquery.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css"/>
 
 
 </head>
 <body onload="settingOpen()">
 
-
-
     <div id="pageAccueil">
-        <div class="logo">
-            <a onclick="journuit()">
-                <img src="imgs/swishjour.png" id="imglogo">
-            </a>
-        </div>
 
-        <div class="containerparam">
+        <div class="menuhaut menu">
-            <div id="infosec">
+            <div class="divmenu">
-                <div class="inner">
+                <div id="infosec">
-                    <ul class="activity">
+                    <div class="inner">
-                        <li id="listeinfobtn">
+                        <ul class="activity">
-                            <a id="info" href="#popup1">i</a>
+                            <li id="listeinfobtn">
-                        </li>
+                                <a id="info" href="#popup1">i</a>
-                    </ul>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
             </div>
 
-            <div id="infosec2">
+            <div class="divmenu">
-                <div class="inner">
+                <div id="infosec2">
-                    <ul class="activity">
+                    <div class="inner">
-                        <li id="listeinfobtn">
+                        <ul class="activity">
-                            <a id="info" onclick="settingOpen()" href="#popup2">&#9881;</a>
+                            <li id="listeinfobtn">
-                        </li>
+                                <a id="info" onclick="settingOpen()" href="#popup2">&#9881;</a>
-                    </ul>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
             </div>
-        </div>
 
-        <div id="containpseudo">
+            <div class="divmenu">
-            <a onclick="lancerpartie()">
+                
-                <div id="contourbuttonvalider">
+            </div>
-                    <div class="bouttonvalider">
+
-                        <h1 id="textjouer">JOUER</h1>
+            <div class="divmenu">
+                
+            </div>
+
+            <div class="divmenu">
+                
+            </div>
+            <div class="divmenu">
+                
+            </div>
+            <div class="divmenu">
+                
+            </div>
+            <div class="divmenu">
+                
+            </div>
+            <div class="divmenu">
+                <div id="infosec">
+                    <div class="inner">
+                        <ul class="activity">
+                            <div id="infosec">
+                                <a onclick="functionLange()">
+                                    <img src="imgs/flags/flag-france.png" id="flag_top2">
+                                </a>
+                            </div>
+                        </ul>
                     </div>
                 </div>
+                
+            </div>
+    
+
+        <div class="logo">
+            <a onclick="journuit()">
+                <img src="imgs/swishjour.png" id="imglogo">
             </a>
         </div>
 
-
         <div id="popup1" class="overlay">
             <div class="popup">
-                <h2>Les Règles :</h2>
+                <h2 id="lesRegles">Les Règles :</h2>
                 <a class="close" href="#">&times;</a>
-                <div class="content">
+                <div class="content" id="textRules">
                     Swish : Jeu de 60 cartes compos&eacute chacun de billes et de cerceaux, de 4 couleurs
                     diff&eacuterentes possibles. 16 cartes sont pos&eacutes sur une table et le joueur doit faire superposer
                     des cartes de mani&egravere que chaque bille soit dans le cerceau de m&ecircme couleur d’une autre
@@ -91,9 +118,8 @@ session_start();
                         <br>
                         <div id="pickrcontner">
                             <div class="containform3">
-                                <a onclick="disableCache('rond')" id="cacherond" class="cache cn rondcache"></a>
                                 <div class="containexte">
-                                    <a onclick="ableCache('rond')" class="containinte cb round"></a>
+                                    <a class="containinte cb round"></a>
                                     <div class="color-picker"></div>
                                 </div>
                             </div>
@@ -112,19 +138,20 @@ session_start();
                                 </div>
                             </div>
                             <div class="containform3">
-                                <a onclick="disableCache('losange')" id="cachelosange" class="cache cn losange"></a>
+                                <a onclick="disableCache('croix')" id="cachecroix" class="cache cn croix"></a>
                                 <div class="containexte">
-                                    <a onclick="ableCache('losange')" class="containinte cb losange"></a>
+                                    <a onclick="ableCache('croix')" class="containinte cb croixinte"></a>
                                     <div class="color-picker4"></div>
                                 </div>
                             </div>
                             <div class="containform3">
-                                <a onclick="disableCache('croix')" id="cachecroix" class="cache cn croix"></a>
+                                <a onclick="disableCache('losange')" id="cachelosange" class="cache cn losange"></a>
                                 <div class="containexte">
-                                    <a onclick="ableCache('croix')" class="containinte cb croixinte"></a>
+                                    <a onclick="ableCache('losange')" class="containinte cb losange"></a>
                                     <div class="color-picker5"></div>
                                 </div>
                             </div>
+                            
                             <div class="containform3">
                                 <a onclick="disableCache('penta')" id="cachepenta" class="cache cn penta"></a>
                                 <div class="containexte">
@@ -171,20 +198,21 @@ session_start();
                 </div>
             </div>
         </div>
-
+    </div>
 
         <!-- COLOR PICKER-->
         <script>
             let pannel = document.getElementById("pannel");
             // Simple example, see optional options for more configuration.
-            var couleur1 = varColorToHex('--colorbase');
+            var couleur1 = varColorToHex('--colorseven');
-            var couleur2 = varColorToHex('--colorcarre');
+            var couleur2 = varColorToHex('--coloreight');
-            var couleur3 = varColorToHex('--colorone');
+            var couleur3 = varColorToHex('--colornine');
-            var couleur4 = varColorToHex('--colortwo');
+            var couleur4 = varColorToHex('--colorten');
             var couleur5 = varColorToHex('--colorthree');
             var couleur6 = varColorToHex('--colorfour');
             var couleur7 = varColorToHex('--colorfive');
             var couleur8 = varColorToHex('--colorsix');
+
             const pickr = Pickr.create({
                 el: '.color-picker',
                 theme: 'classic', // or 'monolith', or 'nano'
@@ -514,49 +542,98 @@ session_start();
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorbase', newcouleur);
+                document.documentElement.style.setProperty('--colorseven', newcouleur);
             });
             pickr2.on('change', (...args) => {
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorcarre', newcouleur);
+                document.documentElement.style.setProperty('--coloreight', newcouleur);
+                for(const form in FormeSelect){
+                    if(FormeSelect[form] == "carre"){   
+                        var positionForm = FormeSelect.indexOf(FormeSelect[form]);
+                        var couleurChange = '--'+ListeCouleur[positionForm];
+                        document.documentElement.style.setProperty(couleurChange, newcouleur);
+                    }
+                }
             });
             pickr3.on('change', (...args) => {
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorone', newcouleur);
+                document.documentElement.style.setProperty('--colornine', newcouleur);
+                for(const form in FormeSelect){
+                    if(FormeSelect[form] == "triangle"){   
+                        var positionForm = FormeSelect.indexOf(FormeSelect[form]);
+                        var couleurChange = '--'+ListeCouleur[positionForm];
+                        document.documentElement.style.setProperty(couleurChange, newcouleur);
+                    }
+                }
             });
             pickr4.on('change', (...args) => {
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colortwo', newcouleur);
+                document.documentElement.style.setProperty('--colorten', newcouleur);
+                for(const form in FormeSelect){
+                    if(FormeSelect[form] == "croix"){   
+                        var positionForm = FormeSelect.indexOf(FormeSelect[form]);
+                        var couleurChange = '--'+ListeCouleur[positionForm];
+                        document.documentElement.style.setProperty(couleurChange, newcouleur);
+                    }
+                }
             });
             pickr5.on('change', (...args) => {
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
                 document.documentElement.style.setProperty('--colorthree', newcouleur);
+                for(const form in FormeSelect){
+                    if(FormeSelect[form] == "losange"){   
+                        var positionForm = FormeSelect.indexOf(FormeSelect[form]);
+                        var couleurChange = '--'+ListeCouleur[positionForm];
+                        document.documentElement.style.setProperty(couleurChange, newcouleur);
+                    }
+                }
             });
             pickr6.on('change', (...args) => {
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
                 document.documentElement.style.setProperty('--colorfour', newcouleur);
+                for(const form in FormeSelect){
+                    if(FormeSelect[form] == "penta"){   
+                        var positionForm = FormeSelect.indexOf(FormeSelect[form]);
+                        var couleurChange = '--'+ListeCouleur[positionForm];
+                        document.documentElement.style.setProperty(couleurChange, newcouleur);
+                    }
+                }
             });
             pickr7.on('change', (...args) => {
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
                 document.documentElement.style.setProperty('--colorfive', newcouleur);
+                for(const form in FormeSelect){
+                    if(FormeSelect[form] == "hexa"){   
+                        var positionForm = FormeSelect.indexOf(FormeSelect[form]);
+                        var couleurChange = '--'+ListeCouleur[positionForm];
+                        document.documentElement.style.setProperty(couleurChange, newcouleur);
+                    }
+                }
             });
             pickr8.on('change', (...args) => {
                 let color = args[0].toRGBA();
                 console.log(color);
                 let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
                 document.documentElement.style.setProperty('--colorsix', newcouleur);
+                for(const form in FormeSelect){
+                    if(FormeSelect[form] == "hocto"){   
+                        var positionForm = FormeSelect.indexOf(FormeSelect[form]);
+                        var couleurChange = '--'+ListeCouleur[positionForm];
+                        document.documentElement.style.setProperty(couleurChange, newcouleur);
+                    }
+                }
             });
 
 
@@ -566,18 +643,16 @@ session_start();
 
 
         <div id="containpseudo">
-            <a onclick="lancerpartie()">
+                <a onclick="lancerpartie()">
-                <a onclick="lancerpartie(); decompte();">
                     <div id="contourbuttonvalider">
                         <div class="bouttonvalider violet">
-                            <h1 id="textjouer">JOUER</h1>
+                            <h1 id="textjouerr">JOUER</h1>
                         </div>
                     </div>
                 </a>
         </div>
 
         <div id="choosemode">
-
             <div id="conteneurmode">
                 <a onclick="modePrec()">
                     <div id="modeprec">
@@ -588,28 +663,22 @@ session_start();
                 </a>
 
                 <div id="textdumode">
-                    <h1 id="textmode">Solo</h1>
+                    <h1 id="textmode">Match à Point</h1>
                 </div>
-
                 <a onclick="modeSuiv()">
                     <div id="modesuiv">
                         <div id="trianglesuiv">
-
                         </div>
                     </div>
                 </a>
-
             </div>
-
         </div>
 
         <div id="choosedimension">
-
             <div id="conteneurmode">
                 <a onclick="dimensionPrec()">
                     <div id="modeprec">
                         <div id="triangleprec">
-
                         </div>
                     </div>
                 </a>
@@ -617,25 +686,119 @@ session_start();
                 <div id="textdumode">
                     <h1 id="textdimension">4 * 3</h1>
                 </div>
-
                 <a onclick="dimensionSuiv()">
                     <div id="modesuiv">
                         <div id="trianglesuiv">
-
                         </div>
                     </div>
                 </a>
 
+            </div>
+        </div>
+
+        <div id="multiParams">
+            <div id="buttonMulti">
+                <div class="bouttonvalider2 violet">
+                    <h1 id="textmulticreer">Créer</h1>
+                </div>
+            </div>
+
+            <div id="buttonMulti2">
+                <div class="bouttonvalider2 violet">
+                    <h1 id="textmultirejoindre">Rejoindre</h1>
+                </div>
+            </div>
 
+            <div id="conteneurJoin">
+                <input type="input" class="form__field" placeholder="ID Partie" name="name" id='idinput_multi'/>
             </div>
         </div>
 
+
+
+
         <div id="containplayers">
         </div>
 
 
-        <div id="ContainBottom">
+        <div id="containBottom">
-            <!-- présentation des formes -->
+            <!-- tableau des scores -->
+            <h1 class="titreScore" id="classementtxt">Classement - solo</h1>
+            <div id="containScore">
+                <div class="case-score first" data-description="Score obtenu le ...">
+                    <div class="score-description">                    
+                        <div class="score-position" id="premier">1er</div>
+
+                        <div class="score-pseudo">palafour</div>
+                        <div class="score-points">696 pts</div>
+                    </div>                
+                </div>
+                <div class="case-score second" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position" id="deuxieme">2e</div>
+
+                        <div class="score-pseudo">cyril</div>
+                        <div class="score-points">600 pts</div>
+                    </div>                
+                </div>
+                <div class="case-score third" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position" id="troisieme">3e</div>
+
+                        <div class="score-pseudo">mamore</div>
+                        <div class="score-points">500 pts</div>
+                    </div>                
+                </div>
+                <div class="case-score nopodium" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position">4e</div>
+                        <div class="score-pseudo">yannis</div>
+                        <div class="score-points">430 pts</div>
+                    </div>                
+                </div>
+                <div class="case-score nopodium" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position">5e</div>
+                        <div class="score-pseudo">theo</div>
+                        <div class="score-points">340 pts</div>
+                    </div>                
+                </div>
+                <div class="case-score nopodium last" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position">6e</div>
+                        <div class="score-pseudo">alexandre</div>
+                        <div class="score-points">295 pts</div>
+                    </div>                
+                </div>
+                <div class="case-score nopodium last" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position">7e</div>
+                        <div class="score-pseudo">borto</div>
+                        <div class="score-points">210 pts</div>
+                    </div>                
+                </div>
+                <div class="case-score nopodium last" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position">8e</div>
+                        <div class="score-pseudo"></div>
+                        <div class="score-points"></div>
+                    </div>                
+                </div>
+                <div class="case-score nopodium last" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position">9e</div>
+                        <div class="score-pseudo"></div>
+                        <div class="score-points"></div>
+                    </div>                
+                </div>
+                <div class="case-score nopodium last" data-description="Score obtenu le ...">
+                    <div class="score-description">
+                        <div class="score-position">10e</div>
+                        <div class="score-pseudo"></div>
+                        <div class="score-points"></div>
+                    </div>                
+                </div>
+            </div>
 
         </div>
 
@@ -644,11 +807,110 @@ session_start();
             <img src="imgs/mount1.png" id="mount1">
             <img src="imgs/mount2.png" id="mount2">
         </div>
-
     </div>
 
     <div id="pageGame">
+
+
+        <div id="popup2" class="overlay">
+            <div class="popup2">
+                <h2 id="SettingName">Param&#232;tres</h2>
+                <a class="close" onclick="SettingClose()" href="#">&times;</a>
+                <div class="content">
+                    <div id="couleurs" class="Mode_Setting">
+                        <br>
+                        <div id="pickrcontner">
+                            <div class="containform3">
+                                <div class="containexte">
+                                    <a class="containinte cb round"></a>
+                                    <div class="color-picker"></div>
+                                </div>
+                            </div>
+                            <div class="containform3">
+                                <a onclick="disableCache('carre')" id="cachecarre" class="cache cn carre"></a>
+                                <div class="containexte">
+                                    <a onclick="ableCache('carre')" class="containinte cb carre"></a>
+                                    <div class="color-picker2"></div>
+                                </div>
+                            </div>
+                            <div class="containform3">
+                                <a onclick="disableCache('triangle')" id="cachetriangle" class="cache cn triangle"></a>
+                                <div class="containexte">
+                                    <a onclick="ableCache('triangle')" class="containinte cb castriangle triangle"></a>
+                                    <div class="color-picker3"></div>
+                                </div>
+                            </div>
+                            <div class="containform3">
+                                <a onclick="disableCache('croix')" id="cachecroix" class="cache cn croix"></a>
+                                <div class="containexte">
+                                    <a onclick="ableCache('croix')" class="containinte cb croixinte"></a>
+                                    <div class="color-picker4"></div>
+                                </div>
+                            </div>
+                            <div class="containform3">
+                                <a onclick="disableCache('losange')" id="cachelosange" class="cache cn losange"></a>
+                                <div class="containexte">
+                                    <a onclick="ableCache('losange')" class="containinte cb losange"></a>
+                                    <div class="color-picker5"></div>
+                                </div>
+                            </div>
+                            
+                            <div class="containform3">
+                                <a onclick="disableCache('penta')" id="cachepenta" class="cache cn penta"></a>
+                                <div class="containexte">
+                                    <a onclick="ableCache('penta')" class="containinte cb caspenta penta"></a>
+                                    <div class="color-picker6"></div>
+                                </div>
+                            </div>
+                            <div class="containform3">
+                                <a onclick="disableCache('hexa')" id="cachehexa" class="cache cn hexa"></a>
+                                <div class="containexte">
+                                    <a onclick="ableCache('hexa')" class="containinte cb hexa"></a>
+                                    <div class="color-picker7"></div>
+                                </div>
+                            </div>
+                            <div class="containform3">
+                                <a onclick="disableCache('hocto')" id="cachehocto" class="cache cn hocto"></a>
+                                <div class="containexte">
+                                    <a onclick="ableCache('hocto')" class="containinte cb hocto"></a>
+                                    <div class="color-picker8"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div id="formSize">
+                            <div class="slider-container">
+                                <span class="bar"><span class="fill"></span></span>
+                                <input onchange="updateValue(this.value)" id="slider" type="range" class="slider" min="1" max="100" value="50">
+                                <script>
+                                    var $slider = $("#slider");
+                                    var $fill = $(".bar .fill");
+
+                                    function setBar() {
+                                        $fill.css("width", $slider.val() + "%");
+                                        valRange = $slider.val();
+                                        changeContour(valRange);
+                                    }
+
+                                    $slider.on("input", setBar);
+
+                                    setBar();
+                                </script>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
         <div class="menuhaut menu">
+            <div class="divmenu">
+                <a class="bouttonMenuHaut" onclick="settingOpen()" href="#popup2">
+                    <div class="containButtonForm">
+                        <i class="fas fa-paint-brush logoboutton"></i>
+                    </div>
+                </a>
+            </div>
             <div class="divmenu"></div>
 
             <div class="divmenu">
@@ -668,7 +930,6 @@ session_start();
                     <img src="imgs/swishjour.png" id="imglogo2">
                 </a>
             </div>
-            
             <div class="divmenu">
                 <a onclick="redistribuerPlateau()" class="bouttonMenuHaut">
                     <div class="containButtonForm">
@@ -676,15 +937,13 @@ session_start();
                     </div>
                 </a>
             </div>
-            
             <div class="divmenu">
-                <a class="bouttonMenuHaut" onclick="test()">
+                <a class="bouttonMenuHaut" onclick="testPertinent()">
                     <div class="containButtonForm">
                         <i class="fas fa-search logoboutton"></i>
                     </div>
                 </a>
             </div>
-            
             <div class="divmenu">
                 <a onclick="testerLesCartes()" id="relancerbtn" class="bouttonMenuHaut">
                     <div class="containButtonForm">
@@ -692,7 +951,17 @@ session_start();
                     </div>
                 </a>
             </div>
-
+            <div class="divmenu">
+                <div class="inner">
+                        <ul class="activity">
+                            <div id="infosec">
+                                <a onclick="functionLange()">
+                                    <img src="imgs/flags/flag-france.png" id="flag_top">
+                                </a>
+                            </div>
+                        </ul>
+                    </div>
+            </div>
         </div>
 
 
@@ -707,69 +976,80 @@ session_start();
         <div>
             <p id="affSolution"></p>
         </div>
-
-        <div id="idGameMulti">
-            <h2 class='php' id='ids'>Identifiant partie : <strong>$idpartie</strong></h2>
-            <script>
-                $(document).ready(function(){
-                    setInterval(function(){
-                        $("#ids").load('ActualiserIDPartie.php');
-                    }, 1000);
-                });
-            </script>
-            <script>
-                $(document).ready(function(){
-                    setInterval(function(){
-                        var passedArray = <?php echo json_encode($_SESSION['listecartebdd']); ?>;
-                        for(var i = 0; i < passedArray.length; i++){
-                            //console.log("pa :"+passedArray+"\n");
-                        }
-
-                        ConvertInttoCarte(passedArray);
-                        //console.log("actualisation de la partie")
-                    }, 1500);
-                });
-            </script>
-
-            <button onclick='myFunction()' type='button' class='btn btn-dark contientphp'>Copier Id</button>
-        </div>
-
     </div>
+    <div id="idGameMulti">
 
-    <div id="PageLobbyMulti">
-        <div class="divmenu logop2">
-            <a onclick="journuit()">
-                <img src="imgs/swishjour.png" id="imglogo2">
-            </a>
-        </div>
 
-        <div class="divmenu" id="button_recharger_cartes">
+        <div id="ActualiserID">
-            <a onclick="retour()" class="bouttonMenuHaut">
+            <p>C</p>
-                <div class="containButtonForm">
-                    <i class="fa fa-arrow-left logoboutton"></i>
-                </div>
-            </a>
         </div>
-
+        <script>
-        <button  id="creer" onclick="lancerpartie()"> Réinitialiser  / Creer partie </button>
+            $(document).ready(function(){
-        <button id="rejoindre"> Rejoindre partie </button>
+                setInterval(function(){
-        <input id="idinput_multi">
+                    $("#ActualiserID").load('ActualiserIDPartie.php');
-
+                }, 500);
-    </div>
+            });
-    <div id="div1">
+        </script>
     </div>
-
+    <script type="text/javascript">
+        function Actualisation(){
+            //lecture dans la base
+            tabcomplet=[];
+            var jar = [];
+            const xhr = new XMLHttpRequest();
+            xhr.open("POST","test.php");
+            xhr.onload=function (){
+                jar=this.response;
+
+                var chainetable=jar;
+                var j=0;
+                for (let i = 0; i < 16; i++) {
+                    var v = chainetable.substr(j, 23);
+                    //console.log(v);
+                    tabcomplet.push(v.replaceAll(',',''));
+                    j=j+24;
+                }
+                tab2=tabcomplet;
+                /*
+                if(tabcomplet[0].length!=0){
+                    if(tabcomplet[1].length!=0){
+                        ConvertInttoCarte(tabcomplet)
+                    }
+                }
+                console.log("Tableau :"+tabcomplet);
+                //ConvertInttoCarte(tabcomplet);*/
+            };
+            xhr.send();
+            //console.log("Longeur tabcomplet : "+tabcomplet.length);
+            if(tab2[0].length!=0){
+                if(tab2[1].length!=0){
+                    listeactuelle=[];
+                    for (var i = 0; i < deckPartie.length; i++) {
+                        var ajt = deckPartie[i].getMatrice[0] + deckPartie[i].getMatrice[1]+deckPartie[i].getMatrice[2];
+                        listeactuelle.push(ajt.replaceAll(',',''));
+                    }
+                    //if(TableauPareil(tab2,listeactuelle)==false){
+                    //console.log(tab2);
+                    //console.log(listeactuelle);
+                    ConvertInttoCarte(tab2);
+                    //}
+                }
+            }
+        }
+        t = setInterval(Actualisation,550);
+    </script>
     <script>
         $(document).ready(function(){
-            $(document).on('click','#creer',function() {
+            $(document).on('click','#textmulticreer',function() {
-                $("#div1").load('SupprimerEtCreerPartie.php')
+                $("#ActualiserID").load('SupprimerEtCreerPartie.php')
                 console.log("appel SuppEtCreerPartie")
                 lancerGameMulti();
             });
         });
-
+    </script>
+    <script>
         $(document).ready(function(){
-            $(document).on('click','#rejoindre',function() {
+            $(document).on('click','#textmultirejoindre',function() {
                 lancerpartie();
                 var input = document.getElementById("idinput_multi").value;
                 $(document).ready(function(){

SwichGIT/Dernier/js/menu.js

@@ -0,0 +1,112 @@
+var FormeSelect = ["rond"];
+var ListeCouleur = ["colorbase","colorcarre","colorone","colortwo"];
+var ListeCouleurModif = ["colorseven","coloreight","colornine","colorten","colorthree","colorfour","colorfive","colorsix"];
+var ListeClassForme = ["rond","carre","triangle","croix","losange","penta","hexa","hocto"];
+
+//3 modes : 0 = couleurs // 1 = formes // 2 = personnaliser les cartes
+var mode = 0;
+var valRange;
+
+function ableCache(formName){
+	cacheName = "cache"+formName;
+	const pos = FormeSelect.indexOf(formName);
+	if (pos > -1) {
+		FormeSelect.splice(pos, 1);
+	}
+	document.getElementById(cacheName).style.display = "block";
+}
+
+function disableCache(formName){
+	if (FormeSelect.length < 4)
+	{
+		cacheName = "cache"+formName;
+		document.getElementById(cacheName).style.display = "none";
+		FormeSelect.push(formName);
+		for(const form in ListeClassForme){
+			//si la couleur est dans la liste selectionnée 
+			if(formName == ListeClassForme[form]){
+				//recuperer la position de la couleur dans laquel on va le mettre		
+				var positionColor = FormeSelect.length - 1;
+				var recupCouleur = getComputedStyle(document.body).getPropertyValue('--'+ListeCouleurModif[form]);
+				var dansQuelCouleur = '--'+ListeCouleur[positionColor];
+
+				document.documentElement.style.setProperty(dansQuelCouleur, recupCouleur);
+
+				console.log("Couleur "+ recupCouleur +" mettre dans : " + dansQuelCouleur);
+			}
+		}
+	}
+}
+
+function changeContour(value){
+	var newvalue = value * 0.055 + 1;
+	document.documentElement.style.setProperty('--z', newvalue+'vw');
+	var valcard = value * 0.013 + 1;
+	document.documentElement.style.setProperty('--n', valcard+'vw');
+	//document.documentElement.style.setProperty('--n', newvalue+'vw');
+	//document.getElementById("SettingName").innerHTML = newvalue;
+}
+
+function getVarColor(color){
+	var getvar = color;
+	getvar = getvar.substring(6,getvar.length-1);
+
+	return getvar;
+}
+
+function varColorToHex(color){
+	hex = getComputedStyle(document.documentElement).getPropertyValue(color);
+	hex = hex.substring(1,hex.length);
+	return hex;
+}
+
+function settingOpen(){
+	//document.getElementById("iddelapartie").style.visibility = "hidden";
+	var elements = document.getElementsByClassName("pcr-button");
+	for (var i = 0; i < elements.length; i++) {
+		elements[i].classList.add(ListeClassForme[i]);
+	}
+	recupCookies();
+}
+
+function SettingClose(){
+	//save cookies
+	document.cookie = "forme1="+FormeSelect[1]+";secure";
+	document.cookie = "forme2="+FormeSelect[2]+";secure";
+	document.cookie = "forme3="+FormeSelect[3]+";secure";
+
+}
+
+function recupCookies(){
+	var theCookies = document.cookie.split(';');
+	theCookies[0] = ' '+theCookies[0];
+	var FormeCookie = [];
+
+	for(var i = 1; i <= theCookies.length; i++){
+		var aString = theCookies[i-1].substring(8);
+		if(aString != "undefined"){
+			FormeCookie.push(aString);
+		}
+	}
+
+	for(const form in FormeCookie)
+	{
+		if(FormeSelect.indexOf(FormeCookie[form]) < 0){
+			disableCache(FormeCookie[form]);
+		}
+	}
+
+	console.log(FormeCookie);
+	console.log("Formes select : "+FormeSelect);
+
+}
+
+function affichageParamMulti(num){
+	//si 1 affichage, si 0 on cachell
+	if(num == 1){
+		document.getElementById("multiParams").style.display = "block";
+	} else {
+		document.getElementById("multiParams").style.display = "none";
+	}
+}
+

SwichGIT/Dernier/test.php

@@ -0,0 +1,4 @@
+<?php
+session_start();
+$var = $_SESSION['listecartebdd'];
+echo $var;

SwichGIT/MorpionPhp/.idea/.name

@@ -1 +0,0 @@
-MaDB.php

SwichGIT/MorpionPhp/.idea/MorpionPhp.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

SwichGIT/MorpionPhp/.idea/dataSources.local.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="dataSourceStorageLocal">
-    <data-source name="mysqlitedb" uuid="cbb882be-2348-4146-af52-dfba24062938">
-      <database-info product="" version="" jdbc-version="" driver-name="" driver-version="" dbms="SQLITE" exact-version="0" />
-      <auth-provider>no-auth</auth-provider>
-      <schema-mapping />
-    </data-source>
-  </component>
-</project>

SwichGIT/MorpionPhp/.idea/dataSources.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
-    <data-source source="LOCAL" name="mysqlitedb" uuid="cbb882be-2348-4146-af52-dfba24062938">
-      <driver-ref>sqlite.xerial</driver-ref>
-      <synchronize>true</synchronize>
-      <jdbc-driver>org.sqlite.JDBC</jdbc-driver>
-      <jdbc-url>jdbc:sqlite:D:\wamp64\www\Test\MorpionPhp\mysqlitedb.db</jdbc-url>
-      <working-dir>$ProjectFileDir$</working-dir>
-    </data-source>
-  </component>
-</project>

SwichGIT/MorpionPhp/.idea/deployment.xml

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PublishConfigData" serverName="coucou">
-    <serverData>
-      <paths name="coucou">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="Test/MorpionPhp" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="ouaouai">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-    </serverData>
-  </component>
-</project>

SwichGIT/MorpionPhp/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/MorpionPhp.iml" filepath="$PROJECT_DIR$/.idea/MorpionPhp.iml" />
-    </modules>
-  </component>
-</project>

SwichGIT/MorpionPhp/.idea/php.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PhpProjectSharedConfiguration" php_language_level="7">
-    <option name="suggestChangeDefaultLanguageLevel" value="false" />
-  </component>
-</project>

SwichGIT/MorpionPhp/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
-  </component>
-</project>

SwichGIT/MorpionPhp/.idea/workspace.xml

@@ -1,67 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ChangeListManager">
-    <list default="true" id="5b83193e-4562-4155-8cd6-2a2cbd6691a0" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/MaDB.php" beforeDir="false" afterPath="$PROJECT_DIR$/MaDB.php" afterDir="false" />
-    </list>
-    <option name="SHOW_DIALOG" value="false" />
-    <option name="HIGHLIGHT_CONFLICTS" value="true" />
-    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
-    <option name="LAST_RESOLUTION" value="IGNORE" />
-  </component>
-  <component name="ComposerSettings">
-    <execution />
-  </component>
-  <component name="Git.Settings">
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/../.." />
-  </component>
-  <component name="ProjectId" id="1mN8oc4uV6zTV06ZFBCtDPVRZDc" />
-  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
-  <component name="ProjectViewState">
-    <option name="hideEmptyMiddlePackages" value="true" />
-    <option name="showLibraryContents" value="true" />
-  </component>
-  <component name="PropertiesComponent">
-    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
-    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
-    <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
-    <property name="vue.rearranger.settings.migration" value="true" />
-  </component>
-  <component name="RecentsManager">
-    <key name="CopyFile.RECENT_KEYS">
-      <recent name="D:\wamp64\www\Test\MorpionPhp" />
-    </key>
-  </component>
-  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
-  <component name="TaskManager">
-    <task active="true" id="Default" summary="Default task">
-      <changelist id="5b83193e-4562-4155-8cd6-2a2cbd6691a0" name="Default Changelist" comment="" />
-      <created>1609322863238</created>
-      <option name="number" value="Default" />
-      <option name="presentableId" value="Default" />
-      <updated>1609322863238</updated>
-      <workItem from="1609322864339" duration="12178000" />
-      <workItem from="1609351010604" duration="1763000" />
-      <workItem from="1609664945062" duration="2804000" />
-      <workItem from="1609667762812" duration="1943000" />
-      <workItem from="1609670131692" duration="1683000" />
-      <workItem from="1612905169457" duration="53000" />
-    </task>
-    <servers />
-  </component>
-  <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="3" />
-  </component>
-  <component name="Vcs.Log.Tabs.Properties">
-    <option name="TAB_STATES">
-      <map>
-        <entry key="MAIN">
-          <value>
-            <State />
-          </value>
-        </entry>
-      </map>
-    </option>
-  </component>
-</project>

SwichGIT/MorpionPhp/ActualiserIDPartie.php

@@ -1,7 +0,0 @@
-<?php
-session_start();
-$idparte =$_SESSION['idpartie'];
-echo "<h2 id='ids'>Identifiant partie : <strong>$idparte</strong> <button onclick='myFunction()' type='button' class='btn btn-dark'>Copier Id</button></h2>" ;
-echo "<input type='text' class='myInput' value='$idparte' id='myInput'>";
-?>
-

SwichGIT/MorpionPhp/ActualiserMorpion.php

@@ -1,63 +0,0 @@
-<?php
-
-class MyDB extends SQLite3
-{
-    function __construct()
-    {
-        $this->open('mysqlitedb.db');
-    }
-}
-
-
-
-session_start();
-$idpartie = $_SESSION['idpartie'];
-$db = new MyDB();
-
-$rows = $db->query('SELECT COUNT(*) as count FROM partie where Id="'.$idpartie.'" ');
-$row = $rows->fetchArray();
-$numRows = $row['count'];
-
-$afficher = $db->query('SELECT * FROM partie where Id="'.$idpartie.'" ');
-while ($row = $afficher->fetchArray()) {
-
-$un=$row['un'];
-$deux=$row['deux'];
-$trois=$row['trois'];
-$quatre=$row['quatre'];
-$cinq=$row['cinq'];
-$six=$row['six'];
-$sept=$row['sept'];
-$huit=$row['huit'];
-$neuf=$row['neuf'];
-
-
-}
-if($numRows!=1){
-    echo "<h1>Identifiant inconnu<h1>";
-}
-else{
-    echo "
-<table>
-    <tr>
-        <td>$un</td>
-        <td>$deux</td>
-        <td>$trois</td>
-    </tr>
-    <tr>
-        <td>$quatre</td>
-        <td>$cinq</td>
-        <td>$six</td>
-    </tr>
-    <tr>
-        <td>$sept</td>
-        <td>$huit</td>
-        <td>$neuf</td>
-    </tr>
-</table>
-
-";
-}
-
-
-?>

SwichGIT/MorpionPhp/MaDB.php

@@ -1,42 +0,0 @@
-<?php
-class MyDB extends SQLite3
-{
-    function __construct()
-    {
-        $this->open('mysqlitedb.db');
-        $this->exec('CREATE TABLE partie(Id STRING,un STRING,deux STRING, trois STRING,quatre STRING,cinq STRING,six STRING,sept STRING,huit STRING,neuf STRING)');
-    }
-}
-
-function genererChaineAleatoire($longueur = 10)
-{
-    $caracteres = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-    $longueurMax = strlen($caracteres);
-    $chaineAleatoire = '';
-    for ($i = 0; $i < $longueur; $i++)
-    {
-        $chaineAleatoire .= $caracteres[rand(0, $longueurMax - 1)];
-    }
-    return $chaineAleatoire;
-}
-
-function CreerPatie(string $bd,string $id){
-    $id=genererChaineAleatoire();
-    $bd->query('INSERT INTO partie(Id) VALUES("'.$id.'")');
-}
-
-function SupprimerLigne(string $bd,string $id){
-    $suppression = $bd->query('DELETE FROM partie where Id="'.$id.'" ');
-}
-function Sup1h($datetime)
-{
-    $dateactuelles = date('h:i');
-    $dateactuelle= new DateTime($dateactuelles);
-    $interval = $datetime->diff($dateactuelle);
-    echo $interval->format('%H');//00 years
-    if($interval>1){
-        echo "supp";
-    }
-}
-$datetime1 = new DateTime('12:55');
-Sup1h($datetime1);

SwichGIT/MorpionPhp/Main.php

@@ -1,146 +0,0 @@
-<!doctype html>
-<html lang="fr">
-<head>
-    <meta charset="utf-8">
-    <title>Morpion</title>
-    <script src="js.js"></script>
-    <link rel="icon" href="test.ico" />
-    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-    <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
-    <link rel="stylesheet" href="css.css">
-</head>
-
-<h1>Morpion</h1>
-<body>
-<button id="buttons" type="button" class="btn btn-primary btn-lg">Réinitialiser  / Creer partie</button>
-
-<form method="post">
-    <input name="rejoindre">
-    <button type="submit" class="btn btn-secondary btn-lg">Rejoindre partie</button>
-</form>
-<?php
-require_once("MaDB.php");
-session_start();
-if(!isset($idpartie)){
-    $idpartie = $_SESSION['idpartie'];
-}
-echo "<h2 id='ids'>Identifiant partie : <strong>$idpartie</strong></h2>";
-?>
-
-
-
-<form method="post">
-    <input  type="text" name="forme" required="required" placeholder="Mettre X ou O" maxlength="1">
-    <input type="number" name="case" required="required" placeholder="Emplacement (1-9)" maxlength="1">
-    <button type="submit" class="btn btn-success">Inserer</button>
-</form>
-
-<script>
-    $(document).ready(function(){
-        setInterval(function(){
-            $("#screen").load('ActualiserMorpion.php')
-        }, 500);
-        setInterval(function(){
-            $("#ids").load('ActualiserIDPartie.php')
-        }, 500);
-    });
-</script>
-
-<div id="screen"></div>
-<script>
-    $(document).ready(function(){
-        $("#buttons").click(function(){
-
-            $("#div1").load('SupprimerPartieActuelEtCreer.php')
-
-        });
-    });
-</script>
-
-
-
-
-
-
-<script>
-    function myFunction() {
-
-        var copyText = document.getElementById("myInput");
-        copyText.select();
-        copyText.setSelectionRange(0, 99999)
-        document.execCommand("copy");
-
-    }
-</script>
-<div id="div1"></div>
-<br>
-<button id="supp" type="button" class="btn btn-danger">Supprimer partie</button>
-<script>
-    $(document).ready(function(){
-        $("#supp").click(function(){
-
-            $("#ids").load('SupprimerPartieActuelle.php')
-
-        });
-    });
-</script>
-</body>
-<?php
-$db = new MyDB();
-$colonne="";
-if(isset($_POST['rejoindre'])){
-    $_SESSION['idpartie']=$_POST['rejoindre'];
-}
-
-switch ($_POST['case']) {
-    case 1:
-        $colonne='un';
-        break;
-    case 2:
-        $colonne='deux';
-        break;
-    case 3:
-        $colonne='trois';
-        break;
-    case 4:
-        $colonne='quatre';
-        break;
-    case 5:
-        $colonne='cinq';
-        break;
-    case 6:
-        $colonne='six';
-        break;
-    case 7:
-        $colonne='sept';
-        break;
-    case 8:
-        $colonne='huit';
-        break;
-    case 9:
-        $colonne='neuf';
-        break;
-    default :
-        $colonne='null';
-}
-
-$valeur="";
-if(isset($_POST['forme'])){
-    $valeur=$_POST['forme'];
-}
-
-
-if(isset($colonne)and $valeur!="" and $colonne!=''){
-
-    $aff=$db->query('SELECT "'.$colonne.'" FROM partie where Id="'.$idpartie.'" ');
-    $res = $aff->fetchArray();
-
-    if(strlen($res[$colonne])!=0){
-        echo " <p> Insertion impossible une valeur est déjà à l'intérieur</p> <br>";
-    }
-    else{
-        $update = $db->query('UPDATE partie SET "'.$colonne.'" = "'.$valeur.'" where Id="'.$idpartie.'" ');
-    }
-
-}

SwichGIT/MorpionPhp/SupprimerPartieActuelEtCreer.php

@@ -1,12 +0,0 @@
-<?php
-session_start();
-require_once("MaDB.php");
-$db = new MyDB();
-
-$id=$_SESSION['idpartie'];
-$requete ="DELETE FROM partie where Id='".$id."'";
-$suppression = $db->query($requete);
-
-$newid=genererChaineAleatoire(10);
-$_SESSION['idpartie']=$newid;
-$db->query('INSERT INTO partie(Id) VALUES("'.$newid.'")');

SwichGIT/MorpionPhp/SupprimerPartieActuelle.php

@@ -1,10 +0,0 @@
-<?php
-require_once("MaDB.php");
-session_start();
-$db = new MyDB();
-$id=$_SESSION['idpartie'];
-
-$requete ="DELETE FROM partie where Id='".$id."'";
-$suppression = $db->query($requete);
-
-

SwichGIT/MorpionPhp/css.css

@@ -1,41 +0,0 @@
-body{
-    margin: 0; /* pour éviter les marges */
-   text-align: center; /* pour corriger le bug de centrage IE */
-  background-color: #9DD9D2;
-
-}
-.myInput{
-  background-color: #ff8500;
-  height: 0px;
-  width: 0px;
-}
-h1 {
-  font-size: 4em;
-  font-weight: 700;
-  font-family: 'Titillium Web';
-  text-align: center;
-}
-table {
-  margin: auto;
-}
-td {
-  width: 100px;
-  height: 100px;
-  text-align: center;
-  font-size: 4em;
-}
-
-td:nth-last-of-type(2) {
-  border-left: 2px solid black;
-  border-right: 2px solid black;
-}
-
-tr:nth-last-of-type(2) td{
-  border-top: 2px solid black;
-  border-bottom: 2px solid black;
-}
-
-p{
-	text-align: center;
-	color: #F43C3F
-}

SwichGIT/MorpionPhp/js.js

@@ -1,14 +0,0 @@
-function myFunction() {
-    /* Get the text field */
-    var copyText = document.getElementById("myInput");
-
-    /* Select the text field */
-    copyText.select();
-    copyText.setSelectionRange(0, 99999); /* For mobile devices */
-
-    /* Copy the text inside the text field */
-    document.execCommand("copy");
-
-    /* Alert the copied text */
-    alert("Copied the text: " + copyText.value);
-}

SwichGIT/multi/.idea/MorpionBureau.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

SwichGIT/multi/.idea/dataSources.local.xml

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="dataSourceStorageLocal">
-    <data-source name="mysqlitedb" uuid="7c2e260b-335d-4e28-9da1-d4e460683985">
-      <database-info product="" version="" jdbc-version="" driver-name="" driver-version="" dbms="SQLITE" exact-version="0" />
-      <auth-provider>no-auth</auth-provider>
-      <schema-mapping />
-    </data-source>
-    <data-source name="mysqlitedb [2]" uuid="6e1bf256-d3ce-4f7e-96a8-fa5410594168">
-      <database-info product="" version="" jdbc-version="" driver-name="" driver-version="" dbms="SQLITE" exact-version="0" />
-      <auth-provider>no-auth</auth-provider>
-      <schema-mapping />
-    </data-source>
-  </component>
-</project>

SwichGIT/multi/.idea/dataSources.xml

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
-    <data-source source="LOCAL" name="mysqlitedb" uuid="7c2e260b-335d-4e28-9da1-d4e460683985">
-      <driver-ref>sqlite.xerial</driver-ref>
-      <synchronize>true</synchronize>
-      <jdbc-driver>org.sqlite.JDBC</jdbc-driver>
-      <jdbc-url>jdbc:sqlite:C:\wamp64\www\MorpionBureau\mysqlitedb.db</jdbc-url>
-    </data-source>
-    <data-source source="LOCAL" name="mysqlitedb [2]" uuid="6e1bf256-d3ce-4f7e-96a8-fa5410594168">
-      <driver-ref>sqlite.xerial</driver-ref>
-      <synchronize>true</synchronize>
-      <jdbc-driver>org.sqlite.JDBC</jdbc-driver>
-      <jdbc-url>jdbc:sqlite:C:\Users\alexandre\swish\SwichGIT\multi\mysqlitedb.db</jdbc-url>
-    </data-source>
-  </component>
-</project>

SwichGIT/multi/.idea/deployment.xml

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PublishConfigData" serverName="localg7">
-    <serverData>
-      <paths name="localg7">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="MorpionBureau" />
-          </mappings>
-        </serverdata>
-      </paths>
-    </serverData>
-  </component>
-</project>

SwichGIT/multi/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/MorpionBureau.iml" filepath="$PROJECT_DIR$/.idea/MorpionBureau.iml" />
-    </modules>
-  </component>
-</project>

SwichGIT/multi/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
-  </component>
-</project>

SwichGIT/multi/.idea/workspace.xml

@@ -1,94 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="BranchesTreeState">
-    <expand>
-      <path>
-        <item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
-        <item name="LOCAL_ROOT" type="e8cecc67:BranchNodeDescriptor" />
-      </path>
-      <path>
-        <item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
-        <item name="REMOTE_ROOT" type="e8cecc67:BranchNodeDescriptor" />
-      </path>
-      <path>
-        <item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
-        <item name="REMOTE_ROOT" type="e8cecc67:BranchNodeDescriptor" />
-        <item name="GROUP_NODE:origin" type="e8cecc67:BranchNodeDescriptor" />
-      </path>
-    </expand>
-    <select />
-  </component>
-  <component name="ChangeListManager">
-    <list default="true" id="b6152df6-6020-4c2b-9d1d-fd527f9fc6df" name="Default Changelist" comment="" />
-    <option name="SHOW_DIALOG" value="false" />
-    <option name="HIGHLIGHT_CONFLICTS" value="true" />
-    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
-    <option name="LAST_RESOLUTION" value="IGNORE" />
-  </component>
-  <component name="ComposerSettings">
-    <execution />
-  </component>
-  <component name="FileTemplateManagerImpl">
-    <option name="RECENT_TEMPLATES">
-      <list>
-        <option value="CSS File" />
-      </list>
-    </option>
-  </component>
-  <component name="Git.Settings">
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/../.." />
-  </component>
-  <component name="ProjectId" id="1oC02LlFHFMFwdnGk117O96XJbw" />
-  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
-  <component name="ProjectViewState">
-    <option name="hideEmptyMiddlePackages" value="true" />
-    <option name="showLibraryContents" value="true" />
-  </component>
-  <component name="PropertiesComponent">
-    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
-    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
-    <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
-    <property name="list.type.of.created.stylesheet" value="CSS" />
-    <property name="vue.rearranger.settings.migration" value="true" />
-  </component>
-  <component name="RecentsManager">
-    <key name="CopyFile.RECENT_KEYS">
-      <recent name="C:\wamp64\www\MorpionBureau" />
-    </key>
-  </component>
-  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
-  <component name="TaskManager">
-    <task active="true" id="Default" summary="Default task">
-      <changelist id="b6152df6-6020-4c2b-9d1d-fd527f9fc6df" name="Default Changelist" comment="" />
-      <created>1612775060929</created>
-      <option name="number" value="Default" />
-      <option name="presentableId" value="Default" />
-      <updated>1612775060929</updated>
-      <workItem from="1612775064087" duration="691000" />
-      <workItem from="1612777120810" duration="5791000" />
-      <workItem from="1613057449974" duration="6038000" />
-      <workItem from="1613070725511" duration="8175000" />
-      <workItem from="1613249107587" duration="2995000" />
-      <workItem from="1613303096286" duration="15366000" />
-      <workItem from="1613394615694" duration="922000" />
-      <workItem from="1613401752081" duration="5000" />
-    </task>
-    <servers />
-  </component>
-  <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="3" />
-  </component>
-  <component name="Vcs.Log.Tabs.Properties">
-    <option name="TAB_STATES">
-      <map>
-        <entry key="MAIN">
-          <value>
-            <State />
-          </value>
-        </entry>
-      </map>
-    </option>
-    <option name="oldMeFiltersMigrated" value="true" />
-  </component>
-</project>

SwichGIT/multi/LaboDangereux/ProgrammeQuiMarche/index.php

@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
-    <script>
-
-        $(document).on('click','#save',function() {
-            var vehicle = ['a','b','d'];
-
-            $.ajax({
-                data:  {
-                    vehicle:vehicle
-                },
-                type: "post",
-                url: "save.php",
-                success: function(data){
-                    alert(data)
-                }
-            });
-        });
-    </script>
-</head>
-
-<body>
-<button id="save" name="save">Serialize form values</button>
-</body>
-
-</html>
-
-<?php
-session_start();
-if(isset($_SESSION['idpartie'])){
-    $vehicle=$_SESSION['idpartie'];
-    print_r($vehicle);
-}
-
-?>

SwichGIT/multi/LaboDangereux/ProgrammeQuiMarche/save.php

@@ -1,6 +0,0 @@
-<?php
-session_start();
-$vehicle=$_POST['vehicle'];
-$_SESSION['idpartie']=$vehicle;
-print_r($vehicle);
-?>

SwichGIT/multi/LaboDangereux/Prototype/.idea/.gitignore

@@ -1,8 +0,0 @@
-# Default ignored files
-/shelf/
-/workspace.xml
-# Datasource local storage ignored files
-/../../../../../:\wamp64\www\Prototype\.idea/dataSources/
-/dataSources.local.xml
-# Editor-based HTTP Client requests
-/httpRequests/

SwichGIT/multi/LaboDangereux/Prototype/.idea/Prototype.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

SwichGIT/multi/LaboDangereux/Prototype/.idea/deployment.xml

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PublishConfigData" serverName="coucou">
-    <serverData>
-      <paths name="coucou">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="Prototype" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="ouaouai">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-    </serverData>
-  </component>
-</project>

SwichGIT/multi/LaboDangereux/Prototype/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/Prototype.iml" filepath="$PROJECT_DIR$/.idea/Prototype.iml" />
-    </modules>
-  </component>
-</project>

SwichGIT/multi/LaboDangereux/Prototype/ActualiserIDPartie.php

@@ -1,6 +0,0 @@
-<?php
-session_start();
-$idparte = $_SESSION['idpartie'];
-echo "<h2 id='ids'>Identifiant partie : <strong>$idparte</strong> <button onclick='myFunction()' type='button' class='btn btn-dark'>Copier Id</button></h2>";
-echo "<input type='text' class='myInput' value='$idparte' id='myInput'>";
-

SwichGIT/multi/LaboDangereux/Prototype/ConnexionBDD.php

@@ -1,24 +0,0 @@
-<?php
-class MyDB extends SQLite3
-{
-    function __construct()
-    {
-        $this->open('mysqlitedb.db');
-        //$this->exec('CREATE TABLE partieScore(IdPartie STRING PRIMARY KEY,scorePremierJ STRING,scoreDeuxiemeJ STRING, pseudoPremierJ STRING,pseudoDeuxiemeJ STRING)');
-        //$this->exec('CREATE TABLE partieCartes(IdPartie STRING ,IdCarte STRING,colUn STRING, colDeux STRING, colTrois STRING)');
-
-    }
-}
-
-function genererChaineAleatoire($longueur = 10)
-{
-    $caracteres = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-    $longueurMax = strlen($caracteres);
-    $chaineAleatoire = '';
-    for ($i = 0; $i < $longueur; $i++)
-    {
-        $chaineAleatoire .= $caracteres[rand(0, $longueurMax - 1)];
-    }
-    return $chaineAleatoire;
-}
-

SwichGIT/multi/LaboDangereux/Prototype/SupprimerEtCreerPartie.php

@@ -1,20 +0,0 @@
-<?php
-session_start();
-require_once("ConnexionBDD.php");
-$db = new MyDB();
-
-$id=$_SESSION['idpartie'];
-$requete ="DELETE FROM partieScore where IdPartie='".$id."'";
-$suppression = $db->query($requete);
-
-$newid=genererChaineAleatoire(10);
-$_SESSION['idpartie']=$newid;
-$db->query('INSERT INTO partieScore(IdPartie) VALUES("'.$newid.'")');
-
-$requete2 ="DELETE FROM partieCartes where IdPartie='".$id."'";
-$suppression2 = $db->query($requete2);
-
-for ($i = 1; $i <= 16; $i++) {
-    $db->query('INSERT INTO partieCartes(IdPartie,IdCarte) VALUES("'.$newid.'","'.$i.'")');
-}
-

SwichGIT/multi/LaboDangereux/Prototype/css/PageDaccueil.css

@@ -1,480 +0,0 @@
-#pageAccueil {
-    visibility: visible;
-}
-
-#cloud {
-    z-index: 10
-}
-
-#mount1 {
-    z-index: 11;
-    position: absolute;
-}
-
-#mount2 {
-    z-index: 10;
-}
-
-.containerparam{
-    position: absolute;
-    display: flex;
-    margin-left: 1vw;
-}
-
-.containerparam > div {
-    margin-right: 4vh;
-}
-
-/*SETTINGS*/
-#forme{
-    visibility: hidden;
-}
-
-#couleurs{
-    z-index: 1;
-}
-
-.pannel{
-    height: 100px;
-    width: 100px;
-    background-color: red;
-}
-
-#pickrcontner{
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
-}
-
-.Mode_Setting{
-    height: 20vw;
-    position: relative;
-    margin : 0 auto;
-}
-#BottomSetings{
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    height: 5vw;
-    width: 100%;
-    border-radius: 0 0 0.3vw 0.3vw;
-}
-
-#SettingBefore{
-    height: 5vw;
-    width: 5vw;
-    background-color: var(--lightsedonca);
-    color: black;
-    font-size: 3vw;
-    visibility: collapse;
-}
-#SettingAfter{
-    bottom: 5vw;
-    position: relative;
-    height: 5vw;
-    width: 5vw;
-    background-color: var(--lightsedonca);
-    float: right;
-}
-
-#testSettings{
-    position: absolute;
-    color: black;
-    bottom: 0;
-    left: 18vw;
-}
-
-
-#ShapeSettings{
-    height: 100%;
-    width: 100%;
-    margin: auto 2vw;
-    display: flex;
-    flex-wrap: wrap;
-}
-.ShapeContener{
-    height: 9vw;
-    width: 9vw;
-    margin-left: 1vw;
-    position: relative;
-    display: table-cell;
-    vertical-align: middle;
-}
-.settingShape{
-    background-color: #333;
-}
-
-.Colorone{background-color: var(--colorbase);}
-.Colortwo{background-color: var(--colorcarre);}
-.Colorthree{background-color: var(--colorone);}
-.Colorfour{background-color: var(--colortwo);}
-.Colorfive{background-color: var(--colorthree);}
-
-
-
-/*Bouton info*/
-#infosec{
-    z-index:15;
-    width: 2vw;
-}
-
-#infosec2{
-    z-index:15;
-    width: 2vw;
-}
-
-#info {
-    color: var(--lightprima);
-    text-decoration: none;
-    font-size: 45px;
-}
-
-#info:hover {
-    color: var(--lightprima);
-}
-
-.activity {
-    padding: 0;
-    list-style: none;
-}
-
-li {
-    -webkit-transition: box-shadow 0.2s ease;
-    -moz-transition: box-shadow 0.2s ease;
-    transition: box-shadow 0.2s ease;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    border-radius: 50%;
-    color: #B7B7B7;
-    display: inline-block;
-    font-size: 0.889em;
-    height: 3em;
-    position: relative;
-    text-align: center;
-    text-transform: lowercase;
-    width: 3em;
-    line-height: 3em;
-}
-
-    li a {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-    }
-
-    li:hover {
-        box-shadow: 0 0 0 7px var(--lightsedonca);
-        font-size:99%;
-        position:relative;
-        right:5%;
-    }
-
-    li:before {
-        border-radius: 50%;
-        bottom: 0;
-        box-shadow: 0 0 0 4px var(--lightsedonca);
-        content: '';
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        background-color: var(--lightsedonca);
-    }
-
-/*Les règles popups*/
-.overlay {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: rgba(0, 0, 0, 0.7);
-    transition: opacity 500ms;
-    visibility: hidden;
-    opacity: 0;
-    z-index: 21;
-}
-
-    .overlay:target {
-        visibility: visible;
-        opacity: 1;
-    }
-
-.popup {
-    margin: 70px auto;
-    padding: 20px;
-    background: #fff;
-    border-radius: 5px;
-    width: 30%;
-    position: relative;
-    top:25%;
-}
-
-    .popup h2 {
-        margin-top: 0;
-        color: #333;
-        font-family: Tahoma, Arial, sans-serif;
-    }
-
-    .popup .close {
-        position: absolute;
-        top: 20px;
-        right: 30px;
-        transition: all 200ms;
-        font-size: 30px;
-        font-weight: bold;
-        text-decoration: none;
-        color: #333;
-    }
-
-        .popup .close:hover {
-            color: #06D85F;
-        }
-
-    .popup .content {
-        max-height: 30%;
-        overflow: auto;
-    }
-
-    /*Parametres*/
-
-.popup2 {
-    margin: 70px auto;
-    padding: 20px;
-    background: #fff;
-    border-radius: 5px;
-    width: 45%;
-    height: 65%;
-    position: relative;
-    top:10%;
-}
-
-.popup2 h2 {
-    margin-top: 0;
-    color: #333;
-    font-family: Tahoma, Arial, sans-serif;
-}
-h3 {
-    margin: 0;
-    color: #333;
-    font-family: Tahoma, Arial, sans-serif;
-}
-.popup2 .close {
-    position: absolute;
-    top: 20px;
-    right: 30px;
-    transition: all 200ms;
-    font-size: 30px;
-    font-weight: bold;
-    text-decoration: none;
-    color: #333;
-}
-    .popup2 .close:hover {
-        color: #06D85F;
-    }
-.popup2 .content {
-    max-height: 30%;
-}
-
-.titre{
-    display: ruby-base;
-}
-
-label {
-    cursor: pointer;
-    text-indent: -9999px;
-    width: 2vw;
-    height: 1vw;
-    background: grey;
-    display: block;
-    border-radius: 100px;
-    position: relative;
-}
-
-label:after {
-    content: '';
-    position: absolute;
-    top: 0.1vw;
-    left: 0.1vw;
-    width: 0.8vw;
-    height: 0.8vw;
-    background: #fff;
-    border-radius: 90px;
-    transition: 0.3s;
-}
-
-input:checked + label {
-    background: #bada55;
-}
-
-input:checked + label:after {
-    left: calc(100% - 0.1vw);
-    transform: translateX(-100%);
-}
-
-label:active:after {
-    width: 1.4vw;
-}
-/* J'ai trop avancé, mode multi*/
-
-
-#containpseudo {
-    position: absolute;
-    height: 15%;
-    width: 30%;
-    z-index: 12;
-    left: 35%;
-    top: 30%;
-}
-
-.bouttonvalider:hover {
-    box-shadow: 0 0 0 8px var(--lightsedonca);
-    font-size: 100%;
-    position: relative;
-    transition: box-shadow 0.2s ease;
-}
-
-#bouttonvalider:hover {
-    box-shadow: 0 0 0 5px var(--lightsedonca);
-    position: relative;
-}
-
-#pseudoenter {
-    background-color: red;
-    height: 100%;
-    border-radius: 45px;
-    background-color: #B130DE;
-}
-
-#inputpseudo {
-    position: absolute;
-    width: 99%;
-    height: 65%;
-    border-radius: 30px;
-    font-size: 3vw;
-    background-color: transparent;
-    -moz-appearance: none;
-    text-align: center;
-    color: #707070;
-    border-color: transparent;
-    font-family: impact, Arial Black;
-    z-index: 11;
-}
-
-#fondinput {
-    background-color: red;
-    position: absolute;
-    width: 97%;
-    background-color: var(--lightsedonca);
-    height: 90%;
-    border-radius: 40px;
-    left: 1.5%;
-    top: 5%;
-    z-index: 10;
-}
-
-
-
-#modeprec{
-    height: 100%;
-    width: 15%;
-    float: left;
-    position: relative;
-}
-
-#modesuiv{
-    height: 100%;
-    width: 15%;
-    float: right;
-    position: relative;
-}
-
-#textdumode{
-    height: 100%;
-    width: 70%;
-    position: absolute;
-    left: 15%;
-}
-
-
-
-
-
-#buttonadd {
-    position: absolute;
-    top: 30%;
-    right: -12%;
-    height: 3vw;
-    width: 3vw;
-    border-radius: 2vw;
-    background-color: #B130DE;
-    z-index: 18;
-}
-
-#textplus {
-    font-size: 3vw;
-    font-family: arial, Arial Black;
-    position: absolute;
-    margin-top: -0.15vw;
-    margin-left: 0.65vw;
-    color: var(--lightprima);
-}
-
-#containplayers {
-    position: absolute;
-    background-color: transparent;
-    color: var(--lightsedonca);
-    width: 15vw;
-    height: 20vw;
-    z-index: 17;
-    right: 0%;
-    top: 8vw;
-}
-
-.pseudojoueur {
-    float: right;
-    margin-top: 0px;
-    margin-bottom: 3%;
-    margin-right: 10%;
-    font-family: Lucida Console, Arial Black, Arial;
-    font-size: 2vw;
-}
-
-#pseudolist {
-    width: 100%;
-    height: 1.7vw;
-}
-
-/* === FORMES === */
-
-.contentButton{
-    height: 3vw;
-    width: 15%;
-    margin : 0 auto;
-    position: relative;
-    bottom: 5vw;
-}
-
-.buttonvalidersettings{
-    height: 100%;
-    width: 100%;
-    border-style: none;
-    background-color: red;
-    color: white;
-    font-family: arial;
-    font-size: 2vw;
-    border-radius: 15px;
-}
-
-.buttonvalidersettings:active{
-    background-color: blue;
-}
-
-
-
-
-
-

SwichGIT/multi/LaboDangereux/Prototype/css/PartieGame.css

@@ -1,109 +0,0 @@
-
-#pageGame {
-    visibility: hidden;
-}
-
-.menuhaut {
-    height: 10vh;
-    width: inherit;
-    display: flex;
-}
-
-/*Partie Menu du haut*/
-.menu{
-    align-items: center;
-    justify-content: center;
-}
-
-
-.retourstp {
-    position: absolute;
-}
-
-#Redistribution{
-    position:relative;
-    top:-3vw;
-}
-
-
-#affSolution {
-    text-align: center;
-    font-family: Montserrat, impact, Arial Black;
-    font-size: 2.5vw;
-    color: var(--lightsedonca);
-    width: inherit;
-}
-
-#textjouer2 {
-    position: absolute;
-    text-align: center;
-    font-family: Montserrat, impact, Arial Black;
-    margin-top: 0.6vw;
-    color: var(--lightsedonca);
-    width: inherit;
-
-}
-
-#btnvalider2 {
-    position: relative;
-    text-align: center;
-    font-family: Montserrat, impact, Arial Black;
-    font-size: 2.5vw;
-    margin-top: 0.2vw;
-    margin-left: 0.2vw;
-    color: var(--lightsedonca);
-}
-
-#btnvalider3 {
-    position: relative;
-    text-align: center;
-    font-family: Montserrat, impact, Arial Black;
-    font-size: 2.5vw;
-    margin-top: 0.2vw;
-    margin-left: 0.2vw;
-    color: var(--lightsedonca);
-}
-
-#Redistribution2 {
-    position: relative;
-    top:-3vw;
-    left:68%;
-}
-
-#Redistribution3 {
-    position: relative;
-    top:-3vw;
-    left: 50%;
-}
-
-
-.bouttonvalider2:hover {
-    box-shadow: 0 0 0 8px var(--lightsedonca);
-    font-size: 100%;
-    position: relative;
-    transition: box-shadow 0.2s ease;
-}
-
-#progressbar
-{
-  position : relative;
-  width: 1100px;
-  padding:1px;
-  background-color:white;
-  border:1px solid black;
-  height:10px;
-  border-radius: 5px;
-  margin-top: 40px;
-  margin-right: auto;
-  margin-left: auto;
-  
-}
-
-#indicateur
-{
-  width: 800px;
-  background-color : green;
-  height:10px;
-  margin: 0;
-
-}

SwichGIT/multi/LaboDangereux/Prototype/css/base.css

@@ -1,114 +0,0 @@
-:root{
-	/*couleur héhé*/
-	--lightprima: #DEDEDE;
-	--lightsedonca: #B7B7B7;
-	--lighttercia: #E6E6E6;
-	/*Couleur bases*/
-	--colorbase : #e75259;
-	--colorcarre : #30C0DE;
-	--colorone : #00CBFF;
-	--colortwo : #00FF6E;
-	--colorthree : #C800FF;
-	--colorfour : #E6DA27;
-	--colorfive : #2E6DB4;
-	--colorsix : #E6792F;
-	/*Les formes*/
-	--u: calc(var(--x) / 2.75);
-	--v: calc(var(--y) / 2.75);
-	--w: calc(var(--z) / 2.75);
-	/*Les formes settings*/
-	--x : 10vw;
-	--y : 7vw;
-	--z : 3.75vw;
-}
-
-.test{
-	color: black;
-}
-
-a {
-	cursor: pointer;
-	z-index: 60;
-}
-
-
-
-body {
-	background-color: var(--lightprima);
-	height: 100%;
-	overflow-x: hidden;
-	overflow-y: hidden;
-	/*Desactiver la selection*/
-	-webkit-user-select: none; /* Chrome  / Safari  */
-	-moz-user-select: none; /* Firefox */
-	-ms-user-select: none; /* IE 10+ */
-	user-select: none;
-}
-
-
-#ContainBottom {
-position: absolute;
-margin-left: 25vw;
-height: 12vw;
-width: auto;
-bottom: 0;
-z-index: 20;
-}
-
-#clic{
-position: absolute;
-left: 55vw;
-top : 7vw;
-height: auto;
-width: 15vw;
-}
-
-#card-conteneur{
-z-index: 20;
-position: absolute;
-left: 0vw;
-}
-
-.flex-container {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  
-  -webkit-flex-flow: row wrap;
-  justify-content: space-around;
-  margin-top: -7vw;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

SwichGIT/multi/LaboDangereux/Prototype/css/desktops.css

@@ -1,293 +0,0 @@
-/*Ecran*/
-@media screen and (min-width: 992px) {
-    
-    :root{
-        --taille : 10vw;
-    }
-    
-    /*PARTIE FORMES*/
-    .containform3 {
-        position: relative;
-        height: var(--x);
-        width: var(--x);
-        display: table-cell;
-        vertical-align: middle;
-    }
-
-    .containinte{
-        /*PROBLEME SIZE*/
-        top: calc((var(--y) - var(--z)) / 2);
-        left: calc((var(--y) - var(--z)) / 2);
-        height: var(--z);
-        width: var(--z);
-        z-index: 2;
-        position: absolute;
-    }
-
-    .cache{
-        top: calc((var(--x) - var(--y)) / 2.8);
-        left: calc((var(--x) - var(--y)) / 2.2);
-        height: calc(var(--y)*1.05);
-        width: calc(var(--y)*1.05);
-        z-index: 2;
-        position: absolute;
-        z-index: 15;
-    }
-
-    #choosemode {
-        height: 4vw;
-        width: 16vw;
-        position: absolute;
-        left: 42vw;
-        top: 50vh;
-        z-index: 15;
-    }
-
-    #conteneurmode{
-        width: 80%;
-        height: 2vw;
-        left : 10%;
-        top : 25%;
-        position: absolute;
-        margin: 0 auto;
-        background-color: var(--lightsedonca);
-        border-radius: 5vw;
-    }
-
-    #triangleprec{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 0.75vw solid transparent;
-        border-right: 1.25vw solid grey;
-        border-bottom: 0.75vw solid transparent;
-    }
-
-    #trianglesuiv{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 0.75vw solid transparent;
-        border-left: 1.25vw solid grey;
-        border-bottom: 0.75vw solid transparent;
-    }
-
-    #textmode {
-        font-family: Lucida Console, Arial Black, Arial;
-        font-size: 1vw;
-        color: #707070;
-        text-align:center;
-        margin: 5% auto 0 auto;
-    }
-
-    #formSize{
-        margin : 0 auto;
-        width: 100%;
-        height: 3vw;
-    }
-
-    .slider-container .bar .fill {
-        display: block;
-        width: 50%;
-        height: 100%;
-        background-color: #6200ee;
-    }
-
-    .slider-container .slider {
-        position: relative;
-        z-index: 2;
-        -webkit-appearance: none;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        outline: none;
-        background-color: transparent;
-    }
-    .slider.container{
-        position: relative;
-    }
-    .slider-container .bar {
-        position: absolute;
-        z-index: 1;
-        left: 0;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        background-color: #c6aee7;
-        overflow: hidden;
-    }
-    /*Moz*/
-    .slider-container .slider::-moz-range-thumb  {
-        -webkit-appearance: none;
-        width: 1vw;
-        height: 1vw;
-        background-color: #6200ee;
-        border-radius: 1vw;
-        cursor: pointer;
-        outline: none;
-        box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
-        transition: .3s ease-in-out;
-    }
-
-    .slider-container .slider::-moz-range-thumb:hover {
-        box-shadow: 0 0 0 10px rgba(98,0,238,.1);
-    }
-    .slider-container .slider:active::-moz-range-thumb {
-        box-shadow: 0 0 0 20px rgba(98,0,238,.2);
-    }
-
-    /*===========================================*/
-    
-    .logoboutton{
-        font-size: 2vw;    
-        color: var(--lightprima);
-        margin: 0.25vw; 
-    }
-
-    /*Externe*/
-    .bouttonMenuHaut{
-        height: 4vw;
-        width: 4vw;
-        background-color: var(--lightsedonca);
-        border-radius: 50%;
-        margin: 0 auto;
-        margin-top: 0.45vw;
-        position: relative;
-        display: block;
-    }
-
-    #affPoints {
-        text-align: center;
-        font-family: Montserrat, impact, Arial Black;
-        font-size: 2vw;
-        margin-top: 1.2vw;
-        color: var(--lightsedonca);
-    }
-
-    .divmenu {
-        width: 10vw;
-        height: inherit;
-        margin-right: 1vw;
-    }
-
-    .containButtonForm{
-        height: 2.5vw;
-        width: 2.5vw;
-        margin: 0.75vw;
-        position: absolute;
-    }
-
-    .buttonretour {
-        position: relative;
-        height: 4vh;
-        width: 4vh;
-        border-radius: 55vw;
-        background-color: var(--lightsedonca);
-        z-index: 5;
-        margin-left: 2vw;
-        top: 1.75vw;
-    }
-
-    .flex-item {
-        background: var(--lightsedonca);
-        width: var(--taille);
-        border-radius: 0.75vw;
-        padding-right: 0.15vw;
-        padding-left: 0.15vw;
-        padding-bottom: 0.25vw;
-        list-style: none;
-        display: flex;
-        margin-right: 0.4vw;
-        margin-left: 0.4vw;
-        margin-bottom: 1vw;
-        -webkit-flex-flow: row wrap;
-        justify-content: space-around;
-    }
-
-    .item-form {
-        width: 3vw;
-        padding-left: 0.1vw;
-        margin-top: 0.25vw;
-        height: 3vw;
-        border-radius: 10px;
-        background-color: var(--lighttercia);
-    }
-
-    .containcards {
-        overflow-x: auto;
-        display: flex;
-        flex-wrap: wrap;
-        padding-top: 1vw;
-        justify-content: center;
-    }
-
-    .logop2 img {
-        width: 20vh;
-        padding-top: 1vh;
-        position: relative;
-    }
-
-
-    .txt {
-        position: absolute;
-        font-family: Arial Black;
-        color: var(--lightprima);
-        font-size: 1.5vw;
-        left: 0.4vw;
-        top: -1.6vh;
-    }
-
-    .logo img {
-        position: absolute;
-        width: 12vw;
-        left: 44vw;
-        top: 13%;
-        z-index: 11;
-    }
-
-    .mounts img {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        pointer-events: none;
-        margin-left: -10px;
-    }
-
-    #contourbuttonvalider {
-        position: absolute;
-        border-radius: 45px;
-        left: 9.2vw;
-        top: 3.5vw;
-        height: 4vw;
-        width: 12vw;
-        background-color: var(--lightsedonca);
-        z-index: 15;
-    }
-
-    .bouttonvalider {
-        position: absolute;
-        height: 3.4vw;
-        width: 11.4vw;
-        top: 0.3vw;
-        left: 0.3vw;
-        border-radius: 30px;
-    }
-
-    .violet{
-        background-color: #B130DE;
-    }
-
-    .vert {
-        background-color: #00CC66;
-    }
-
-    #textjouer {
-        font-family: Montserrat, impact, Arial Black;
-        position: absolute;
-        font-size: 2.5vw;
-        margin-top: 0.2vw;
-        color: var(--lightsedonca);
-        text-align:center;
-        width: inherit;
-    }
-}

SwichGIT/multi/LaboDangereux/Prototype/css/formes.css

@@ -1,111 +0,0 @@
-.containform {
-    position: relative;
-
-}
-
-.ajustementPetiteForme{
-    margin-top: 25%;
-}
-
-.ajustementGrandeForme{
-    margin-top: 0.2vw;
-    margin-left: 0.2vw;
-}
-
-.containform2{
-    position: relative;
-    height: var(--x);
-    width: var(--x);
-    display: table-cell;
-    vertical-align: middle;
-    background-color: black;
-}
-/*ROND*/
-.containexte{
-    height: var(--y);
-    width: var(--y);
-    margin: 0 auto;
-    position: relative;
-    top: calc(var(--x)/8);
-}
-
-#cacherond{
-    display: none;
-}
-
-.rond{
-    -webkit-clip-path: circle(50% at 50% 50%);
-    clip-path: circle(50% at 50% 50%);
-}
-
-.round{
-    border-radius: 5vw; 
-}
-
-.cb{
-    background-color: white;
-}
-
-.cn{
-    background-color: black;
-}
-
-.formeinte{
-    height: 90%;
-    width: 90%;
-    margin: 0 auto;
-}
-.formeexte{
-    height: 100%;
-    width: 100%;
-}
-
-.carre{
-    -webkit-clip-path: inset(0 0 0 0);
-    clip-path: inset(0 0 0 0);
-}
-
-.triangle{
-    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-}
-
-.castriangle{
-    margin-top: calc( (var(--y) - var(--z)) / 5);
-}
-
-.caspenta{
-    margin-top: calc( (var(--y) - var(--z)) / 10);
-}
-
-.losange{
-    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-}
-
-.croix{
-    -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-}
-
-.croixinte{
-    -webkit-clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%); 
-    clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%);
-
-}
-
-.penta{
-    -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-}
-
-.hexa{
-    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-}
-
-.hocto{
-    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-}
-

SwichGIT/multi/LaboDangereux/Prototype/css/tablet.css

@@ -1,289 +0,0 @@
-/*DemTéléphone 1i Ecran*/
-@media screen and (min-width: 669px) and (max-width: 992px) {
-
-    :root{
-        --taille : 14vw;
-    }
-
-    .containform3 {
-        position: relative;
-        height: calc(1.25*var(--x));
-        width: calc(2*var(--x));
-        display: table-cell;
-        vertical-align: middle;
-        left: -2vw;
-    }
-
-    .containinte{
-        /*PROBLEME SIZE*/
-        top: calc(1.5*((var(--y) - var(--z)) / 2));
-        left: calc(1.5*((var(--y) - var(--z)) / 2));
-        height: calc(1.5*var(--z));
-        width: calc(1.5*var(--z));
-        z-index: 2;
-        position: absolute;
-    }
-
-    .cache{
-        top: calc(0.91*((var(--x) - var(--y)) / 2.8));
-        left: calc(4.55*((var(--x) - var(--y)) / 2.2));
-        height: calc(1.5*var(--y)*1.05);
-        width: calc(1.5*var(--y)*1.05);
-        z-index: 2;
-        position: absolute;
-        z-index: 15;
-    }
-
-    #formSize{
-        margin : 0 auto;
-        width: 100%;
-        height: 3vw;
-        position: relative;
-        top: 3vw;
-    }
-
-    .slider-container .bar .fill {
-        display: block;
-        width: 50%;
-        height: 100%;
-        background-color: #6200ee;
-    }
-
-    .slider-container .slider {
-        position: relative;
-        z-index: 2;
-        -webkit-appearance: none;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        outline: none;
-        top: -0.25vw;
-        background-color: transparent;
-    }
-    .slider.container{
-        position: relative;
-    }
-    .slider-container .bar {
-        position: absolute;
-        z-index: 1;
-        left: 0;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        background-color: #c6aee7;
-        overflow: hidden;
-    }
-    /*Moz*/
-    .slider-container .slider::-moz-range-thumb  {
-        -webkit-appearance: none;
-        width: 2vw;
-        height: 2vw;
-        background-color: #6200ee;
-        border-radius: 1vw;
-        cursor: pointer;
-        outline: none;
-        box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
-        transition: .3s ease-in-out;
-    }
-
-    .slider-container .slider::-moz-range-thumb:hover {
-        box-shadow: 0 0 0 10px rgba(98,0,238,.1);
-    }
-    .slider-container .slider:active::-moz-range-thumb {
-        box-shadow: 0 0 0 20px rgba(98,0,238,.2);
-    }
-
-    .logop2 img {
-        width: 20vh;
-        padding-top: 1vh;
-        position: relative;
-    }
-
-    .txt {
-        position: absolute;
-        font-family: Arial Black;
-        color: var(--lightprima);
-        font-size: 5.5vw;
-        left: 2.25vw;
-        top: -1vh;
-    }
-
-    .logo img { 
-        position: absolute;
-        width: 45vw;
-        left: 28vw;
-        top: 13%;
-        z-index: 11;
-    }
-
-    .mounts img {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        pointer-events: none;
-        margin-left: -1vw;
-        margin-top: -1vw;
-        object-fit: cover;
-    }
-
-    #contourbuttonvalider {
-        position: absolute;
-        border-radius: 45px;
-        left: -10vw;
-        top: 5.5vw;
-        height: 15vw;
-        width: 50vw;
-        background-color: var(--lightsedonca);
-        z-index: 15;
-    }
-
-    .bouttonvalider {
-        position: absolute;
-        height: 13vw;
-        width: 47vw;
-        top: 1.1vw;
-        left: 1.5vw;
-        border-radius: 30px;
-        background-color: #B130DE;
-    }
-
-    .bouttonvalider2 {
-        position: absolute;
-        height: 6.8vw;
-        width: 22.8vw;
-        top: 1.1vw;
-        left: 1.1vw;
-        border-radius: 30px;
-        background-color: #00CC66;
-    }
-
-    #textjouer {
-        font-family: Montserrat, impact, Arial Black;
-        position: absolute;
-        font-size: 10vw;
-        margin-top: 0.2vw;
-        width: inherit;
-        text-align: center;
-        color: var(--lightsedonca);
-    }
-
-    #choosemode {
-        height: 7vw;
-        width: 50vw;
-        position: absolute;
-        left: 25vw;
-        top: 50vh;
-        z-index: 15;
-    }
-
-    #conteneurmode{
-        width: 80%;
-        height: 80%;
-        left : 10%;
-        top : 45%;
-        position: absolute;
-        background-color: var(--lightsedonca);
-        border-radius: 5vw;
-    }
-
-    #triangleprec{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 2vw solid transparent;
-        border-right: 4vw solid grey;
-        border-bottom: 2vw solid transparent;
-        margin-top: 0.75vw;
-    }
-
-    #trianglesuiv{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 2vw solid transparent;
-        border-left: 4vw solid grey;
-        border-bottom: 2vw solid transparent;
-        margin-top: 0.75vw;
-    }
-
-    #textmode {
-        font-family: Lucida Console, Arial Black, Arial;
-        font-size: 3vw;
-        color: #707070;
-        text-align:center;
-        margin: 5% auto 0 auto;
-    }
-
-    .logoboutton{
-        font-size: 2vw;    
-        color: var(--lightprima);
-        margin: 1vw; 
-    }
-
-    /*Externe*/
-    .bouttonMenuHaut{
-        height: 4vw;
-        width: 4vw;
-        background-color: var(--lightsedonca);
-        border-radius: 50%;
-        margin: 0 auto;
-        margin-top: 2.5vw;
-        position: relative;
-        display: block;
-    }
-
-
-    .divmenu {
-        width: 25vw;
-        height: inherit;
-        margin-right: 1vw;
-    }
-
-
-    #affPoints {
-        text-align: center;
-        font-family: Montserrat, impact, Arial Black;
-        font-size: 2vw;
-        margin-top: 3.5vw;
-        color: var(--lightsedonca);
-    }
-
-    .containcards {
-        overflow-x: auto;
-        display: flex;
-        flex-wrap: wrap;
-        padding-top: 5vw;
-        justify-content: center;
-        width: 70vw;
-        margin: 0 auto;
-        grid-row-gap: 2vw;
-        column-gap: 2vw;
-    }
-
-    .flex-item {
-        flex-grow: 1;
-        background: var(--lightsedonca);
-        width: var(--taille);
-        border-radius: 0.75vw;
-        padding-right: 0.15vw;
-        padding-left: 0.15vw;
-        padding-bottom: 0.25vw;
-        list-style: none;
-        display: flex;
-        margin-right: 0.4vw;
-        margin-left: 0.4vw;
-        margin-bottom: 1vw;
-        -webkit-flex-flow: row wrap;
-        justify-content: space-around;
-    }
-
-    .item-form {
-        width: 4vw;
-        height: 4vw;
-        padding-left: 0.1vw;
-        margin-top: 0.25vw;        
-        border-radius: 10px;
-        background-color: var(--lighttercia);
-    }
-
-}

SwichGIT/multi/LaboDangereux/Prototype/envoyercartes.php

@@ -1,20 +0,0 @@
-<?php
-require "ConnexionBDD.php";
-session_start();
-$db=new MyDB();
-
-
-
-$cartes=$_POST['cartestables'];
-$_SESSION['cartestables']=$cartes;
-$idpartie = $_SESSION['idpartie'];
-
-$tableau = $cartes;
-for ($i = 0; $i <= 15; $i++) {
-    $valcol1= substr($tableau[$i],-25,7);
-    $valcol2= substr($tableau[$i],-14,7);
-    $valcol3= substr($tableau[$i],-7);
-
-    $update = $db->query('UPDATE partieCartes SET "colUn" = "'.$valcol1.'","colDeux"="'.$valcol2.'","colTrois"="'.$valcol3.'" where IdPartie="'.$idpartie.'" AND IdCarte="'.($i+1).'" ');
-}
-

SwichGIT/multi/LaboDangereux/Prototype/index.php

@@ -1,733 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head lang="fr">
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>SwishGame</title>
-    <link rel="stylesheet" href="css/base.css">
-    <link rel="stylesheet" href="css/phone.css">
-    <link rel="stylesheet" href="css/tablet.css">
-    <link rel="stylesheet" href="css/desktops.css">
-    <link rel="stylesheet" href="css/PageDaccueil.css">
-    <link rel="stylesheet" href="css/PartieGame.css">
-    <link rel="stylesheet" href="css/pickr.min.css">
-    <link rel="stylesheet" href="css/formes.css">
-    <link rel="stylesheet" href="css/Resp3.css">
-
-    <script type="text/javascript" src="js/main.js"></script>
-    <script type="text/javascript" src="js/menu.js"></script>
-    <script type="text/javascript" src="js/jquery.js"></script>
-
-
-    <script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" />
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
-
-
-</head>
-<body onload="settingOpen()">
-
-<button id="buttons" type="button" class="btn btn-primary btn-lg">Réinitialiser  / Creer partie</button>
-
-<form method="post">
-    <input name="rejoindre">
-    <button type="submit" class="btn btn-secondary btn-lg">Rejoindre partie</button>
-</form>
-<?php
-require_once("ConnexionBDD.php");
-session_start();
-if(isset($_POST['rejoindre'])){
-    $_SESSION['idpartie']=$_POST['rejoindre'];
-}
-if(isset($idpartie)){
-    $idpartie = $_SESSION['idpartie'];
-}
-echo "<h2 id='ids'>Identifiant partie : <strong>$idpartie</strong></h2>";
-?>
-
-
-<div id="div1"></div>
-<script>
-    $(document).ready(function(){
-        $(document).on('click','#buttons',function() {
-            alert("Création des lignes tables")
-            $("#div1").load('SupprimerEtCreerPartie.php')
-        });
-    });
-</script>
-<script>
-    $(document).ready(function(){
-        setInterval(function(){
-            $("#ids").load('ActualiserIDPartie.php')
-        }, 500);
-    });
-</script>
-
-<button id="save" name="save">Envoyer les cartes</button>
-    <div id="pageAccueil">
-        <div class="logo">
-            <a onclick="journuit()">
-                <img src="imgs/swishjour.png" id="imglogo">
-            </a>
-        </div>
-
-        <div class="containerparam">
-            <div id="infosec">
-                <div class="inner">
-                    <ul class="activity">
-                        <li id="listeinfobtn">
-                            <a id="info" href="#popup1">i</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div id="infosec2">
-                <div class="inner">
-                    <ul class="activity">
-                        <li id="listeinfobtn">
-                            <a id="info" onclick="settingOpen()" href="#popup2">&#9881;</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-
-        <div id="containpseudo">
-            <a onclick="lancerpartie()">
-                <div id="contourbuttonvalider">
-                    <div class="bouttonvalider">
-                        <h1 id="textjouer">JOUER</h1>
-                    </div>
-                </div>
-            </a>
-        </div>
-
-
-        <div id="popup1" class="overlay">
-            <div class="popup">
-                <h2>Les Règles :</h2>
-                <a class="close" href="#">&times;</a>
-                <div class="content">
-                    Swish : Jeu de 60 cartes compos&eacute chacun de billes et de cerceaux, de 4 couleurs
-                    diff&eacuterentes possibles. 16 cartes sont pos&eacutes sur une table et le joueur doit faire superposer
-                    des cartes de mani&egravere que chaque bille soit dans le cerceau de m&ecircme couleur d’une autre
-                    carte.
-                </div>
-            </div>
-        </div>
-
-        <div id="popup2" class="overlay">
-            <div class="popup2">
-                <h2 id="SettingName">Param&#232;tres</h2>
-                <a class="close" onclick="SettingClose()" href="#">&times;</a>
-                <div class="content">                    
-                    <div id="couleurs" class="Mode_Setting">
-                        <br>
-                        <div id="pickrcontner">
-                            <div class="containform3">
-                                <a onclick="disableCache('rond')" id="cacherond" class="cache cn rondcache"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('rond')" class="containinte cb round"></a>
-                                    <div class="color-picker"></div>
-                                </div>
-                            </div>
-                            <div class="containform3">
-                                <a onclick="disableCache('carre')" id="cachecarre" class="cache cn carre"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('carre')" class="containinte cb carre"></a>
-                                    <div class="color-picker2"></div>
-                                </div>
-                            </div>
-                            <div class="containform3">
-                                <a onclick="disableCache('triangle')" id="cachetriangle" class="cache cn triangle"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('triangle')" class="containinte cb castriangle triangle"></a>
-                                    <div class="color-picker3"></div>
-                                </div>
-                            </div>
-                            <div class="containform3">
-                                <a onclick="disableCache('losange')" id="cachelosange" class="cache cn losange"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('losange')" class="containinte cb losange"></a>
-                                    <div class="color-picker4"></div>
-                                </div>
-                            </div>
-                            <div class="containform3">
-                                <a onclick="disableCache('croix')" id="cachecroix" class="cache cn croix"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('croix')" class="containinte cb croixinte"></a>
-                                    <div class="color-picker5"></div>
-                                </div>
-                            </div>
-                            <div class="containform3">
-                                <a onclick="disableCache('penta')" id="cachepenta" class="cache cn penta"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('penta')" class="containinte cb caspenta penta"></a>
-                                    <div class="color-picker6"></div>
-                                </div>
-                            </div>
-                            <div class="containform3">
-                                <a onclick="disableCache('hexa')" id="cachehexa" class="cache cn hexa"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('hexa')" class="containinte cb hexa"></a>
-                                    <div class="color-picker7"></div>
-                                </div>
-                            </div>
-                            <div class="containform3">
-                                <a onclick="disableCache('hocto')" id="cachehocto" class="cache cn hocto"></a>
-                                <div class="containexte">
-                                    <a onclick="ableCache('hocto')" class="containinte cb hocto"></a>
-                                    <div class="color-picker8"></div>
-                                </div>
-                            </div>
-                        </div>
-                        <div id="formSize">
-                            <div class="slider-container">
-                                <span class="bar"><span class="fill"></span></span>
-                                <input onchange="updateValue(this.value)" id="slider" type="range" class="slider" min="1" max="100" value="50">
-                                <script>
-                                    var $slider = $("#slider");
-                                    var $fill = $(".bar .fill");
-
-                                    function setBar(){
-                                        $fill.css("width", $slider.val() + "%");
-                                        valRange = $slider.val();
-                                        changeContour(valRange);
-                                    }
-
-                                    $slider.on("input", setBar);
-
-                                    setBar();
-                                </script>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-
-        <!-- COLOR PICKER-->
-        <script>
-            let pannel = document.getElementById("pannel");
-            // Simple example, see optional options for more configuration.
-            var couleur1 = varColorToHex('--colorbase');
-            var couleur2 = varColorToHex('--colorcarre');
-            var couleur3 = varColorToHex('--colorone');
-            var couleur4 = varColorToHex('--colortwo');
-            var couleur5 = varColorToHex('--colorthree');
-            var couleur6 = varColorToHex('--colorfour');
-            var couleur7 = varColorToHex('--colorfive');
-            var couleur8 = varColorToHex('--colorsix');
-            const pickr = Pickr.create({
-                el: '.color-picker',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur1,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-            const pickr2 = Pickr.create({
-                el: '.color-picker2',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur2,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-            const pickr3 = Pickr.create({
-                el: '.color-picker3',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur3,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-            const pickr4 = Pickr.create({
-                el: '.color-picker4',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur4,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-            const pickr5 = Pickr.create({
-                el: '.color-picker5',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur5,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-            const pickr6 = Pickr.create({
-                el: '.color-picker6',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur6,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-            const pickr7 = Pickr.create({
-                el: '.color-picker7',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur7,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-            const pickr8 = Pickr.create({
-                el: '.color-picker8',
-                theme: 'classic', // or 'monolith', or 'nano'
-                default: couleur8,
-
-                swatches: [
-                    '#df0024',
-                    '#f3c300',
-                    '#00ab9f',
-                    '#2e6db4',
-                    '#1bff7e',
-                    '#fe1b00',
-                    '#7f00ff',
-                    '#29F073',
-                    '#E6792F',
-                    '#E6DA27',
-                    '#E8695A',
-                    '#2E294E',
-                    '#64A6BD',
-                    '#659157'
-                ],
-
-                components: {
-                    // Main components
-                    preview: true,
-                    opacity: false,
-                    hue: true,
-                    // Input / output Options
-                    interaction: {
-                        hex: false,
-                        rgba: false,
-                        hsla: false,
-                        hsva: false,
-                        cmyk: false,
-                        input: true,
-                        clear: false,
-                        save: true
-                    }
-                }
-            });
-
-
-
-
-            //changement de couleur
-            pickr.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorbase', newcouleur);
-            });
-            pickr2.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorcarre', newcouleur);
-            });
-            pickr3.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorone', newcouleur);
-            });
-            pickr4.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colortwo', newcouleur);
-            });
-            pickr5.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorthree', newcouleur);
-            });
-            pickr6.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorfour', newcouleur);
-            });
-            pickr7.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorfive', newcouleur);
-            });
-            pickr8.on('change', (...args) => {
-                let color = args[0].toRGBA();
-                console.log(color);
-                let newcouleur = `rgba(${color[0]},${color[1]},${color[2]},${color[3]}`
-                document.documentElement.style.setProperty('--colorsix', newcouleur);
-            });
-
-
-        </script>
-
-
-        <?php
-
-        if(isset($_SESSION['cartestables'])){
-            $cartestable = $_SESSION['cartestables'];
-        }
-
-        for ($i = 0; $i <= 15; $i++) {
-            $valcol1= substr($cartestable[$i],-25,7);
-
-            $valcol2= substr($cartestable[$i],-14,7);
-
-            $valcol3= substr($cartestable[$i],-7);
-            echo ".<br>"."tab: ".$valcol1." ".$valcol2." ".$valcol3;
-        }
-        ?>
-
-        <div id="containpseudo">
-            <a onclick="lancerpartie()">
-            <a onclick="lancerpartie(); decompte();">
-                <div id="contourbuttonvalider">
-                    <div class="bouttonvalider violet" >
-                        <h1 id="textjouer">JOUER</h1>
-                    </div>
-                </div>
-            </a>
-        </div>
-
-        <div id="choosemode">
-
-            <div id="conteneurmode">
-                <a>
-                    <div id="modeprec">
-                        <div id="triangleprec">
-                            
-                        </div>
-                    </div>
-                </a>
-
-                <div id="textdumode">
-                    <h1 id="textmode">Solo</h1>
-                </div>
-                <a>
-                    <div id="modesuiv">
-                        <div id="trianglesuiv">
-                            
-                        </div>
-                    </div>
-                </a>
-
-                
-            </div>
-        </div>
-
-        <div id="containplayers">
-        </div>
-
-
-        <div id="ContainBottom">
-            <!-- présentation des formes -->
-
-        </div>
-
-        <div class="mounts">
-            <img src="imgs/lightcloud.png" id="cloud">
-            <img src="imgs/mount1.png" id="mount1">
-            <img src="imgs/mount2.png" id="mount2">
-        </div>
-    </div>
-
-   <div id="pageGame">
-        <div class="menuhaut menu">
-            <div class="divmenu"></div>
-            
-            <div class="divmenu">
-                <a onclick="retour()" class="bouttonMenuHaut">
-                    <div class="containButtonForm">
-                        <i class="fa fa-arrow-left logoboutton"></i>  
-                    </div>
-                </a>
-            </div>
-
-            <div class="divmenu">
-               <p id="affPoints">Score : 0</p>
-           </div>
-
-            <div class="divmenu logop2">
-               <a onclick="journuit()">
-                   <img src="imgs/swishjour.png" id="imglogo2">
-               </a>
-           </div>   
-            <div class="divmenu">
-                <a onclick="redistribuer()" class="bouttonMenuHaut">
-                    <div class="containButtonForm">
-                        <i class="fa fa-redo logoboutton"></i>  
-                    </div>
-                </a>
-            </div>
-            <div class="divmenu">
-                <a class="bouttonMenuHaut" onclick="chercheCombi2()">
-                    <div class="containButtonForm">
-                        <i class="fas fa-search logoboutton"></i>  
-                    </div>
-                </a>
-            </div>
-            <div class="divmenu">
-                <a onclick="testPourJeuClassique()" id="relancerbtn" class="bouttonMenuHaut">
-                    <div class="containButtonForm">
-                        <i class="fa fa-check logoboutton"></i>  
-                    </div>
-                </a>
-            </div>
-
-        </div>
-
-
-        <div id="progressbar">
-             <div id="indicateur"></div>
-        </div>
-
-        <div id="containcards" class="containcards">
-
-        </div>
-
-        <div>
-            <p id="affSolution"></p>
-        </div>
-    </div>
-
-</body>
-</html>
-
-
-

SwichGIT/multi/LaboDangereux/Prototype/js/menu.js

@@ -1,61 +0,0 @@
-var FormeSelect = [];
-var ListeCouleur = ["colorbase","colorcarre","colorone","colortwo","colorthree"]
-var ListeClassForme = ["rond","carre","triangle","losange","croix","penta","hexa","hocto"]
-
-//3 modes : 0 = couleurs // 1 = formes // 2 = personnaliser les cartes
-var mode = 0;
-var valRange;
-
-function settingOpen(){
-	var elements = document.getElementsByClassName("pcr-button"); 
-	for (var i = 0; i < elements.length; i++) {
-		elements[i].classList.add(ListeClassForme[i]);
-	}
-}
-
-function disableCache(formName){
-	cacheName = "cache"+formName;
-	document.getElementById(cacheName).style.display = "none";
-	FormeSelect.push(form);
-
-	//document.getElementById("SettingName").innerHTML = FormeSelect.length;
-}
-
-function changeContour(value){
-	var newvalue = value * 0.055 + 1;
-	document.documentElement.style.setProperty('--z', newvalue+'vw');
-	//document.getElementById("SettingName").innerHTML = newvalue;
-}
-
-function ableCache(formName){
-	cacheName = "cache"+formName;
-	const pos = FormeSelect.indexOf(formName);
-	if (pos > -1) {
-	  FormeSelect.splice(pos, 1);
-	}
-	document.getElementById(cacheName).style.display = "block";
-}
-
-function getVarColor(color){
-	var getvar = color;
-	getvar = getvar.substring(6,getvar.length-1);
-
-	return getvar;
-}
-
-function varColorToHex(color){
-	hex = getComputedStyle(document.documentElement).getPropertyValue(color);
-	hex = hex.substring(1,hex.length);
-	return hex;
-}
-function myFunction() {
-	/* Get the text field */
-	var copyText = document.getElementById("myInput");
-
-	/* Select the text field */
-	copyText.select();
-	copyText.setSelectionRange(0, 99999); /* For mobile devices */
-
-	/* Copy the text inside the text field */
-	document.execCommand("copy");
-}

SwichGIT/multi/LaboDangereux/Prototype/tab.php

@@ -1,10 +0,0 @@
-<?php
-if (isset($_POST['tabc'])) {
-    $myTable = $_POST['tab'];
-    echo($myTable);
-    echo("s");
-    print_r($_POST);
-}
-else{
-    echo 'd';
-}

SwichGIT/multi/LaboDangereux/Prototype2.0/.idea/.gitignore

@@ -1,8 +0,0 @@
-# Default ignored files
-/shelf/
-/workspace.xml
-# Datasource local storage ignored files
-/../../../../../:\wamp64\www\Prototype\.idea/dataSources/
-/dataSources.local.xml
-# Editor-based HTTP Client requests
-/httpRequests/

SwichGIT/multi/LaboDangereux/Prototype2.0/.idea/Prototype.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

SwichGIT/multi/LaboDangereux/Prototype2.0/.idea/deployment.xml

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PublishConfigData" serverName="coucou">
-    <serverData>
-      <paths name="coucou">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="Prototype" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="ouaouai">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-    </serverData>
-  </component>
-</project>

SwichGIT/multi/LaboDangereux/Prototype2.0/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/Prototype.iml" filepath="$PROJECT_DIR$/.idea/Prototype.iml" />
-    </modules>
-  </component>
-</project>

SwichGIT/multi/LaboDangereux/Prototype2.0/ActualiserIDPartie.php

@@ -1,23 +0,0 @@
-<?php
-session_start();
-require_once "ConnexionBDD.php";
-$idparte = $_SESSION['idpartie'];
-echo "<h2 class='contientphp' id='ids'>Identifiant partie : <strong>$idparte</strong> <button onclick='myFunction()' type='button' class='btn btn-dark contientphp'>Copier Id</button></h2>";
-echo "<input type='text' class='myInput contientphp' value='$idparte' id='myInput'>";
-
-$idpartie= $_SESSION['idpartie'];
-$db=new MyDB();
-$afficher = $db->query('SELECT * FROM partieCartes where IdPartie="'.$idpartie.'" ');
-$entier=0;
-$tableau =[];
-while ($row = $afficher->fetchArray()) {
-    $un=$row['colUn'];
-    $deux=$row['colDeux'];
-    $trois=$row['colTrois'];
-    $tout=$un.$deux.$trois;
-    $entier = $entier.$tout;
-   // $entier=$entier+1;
-    array_push($tableau,$tout);
-}
-$tout = (string)$entier;
-$_SESSION['listecartebdd']=$tableau;

SwichGIT/multi/LaboDangereux/Prototype2.0/ConnexionBDD.php

@@ -1,24 +0,0 @@
-<?php
-class MyDB extends SQLite3
-{
-    function __construct()
-    {
-        $this->open('mysqlitedb.db');
-        //$this->exec('CREATE TABLE partieScore(IdPartie STRING PRIMARY KEY,scorePremierJ STRING,scoreDeuxiemeJ STRING, pseudoPremierJ STRING,pseudoDeuxiemeJ STRING)');
-        //$this->exec('CREATE TABLE partieCartes(IdPartie STRING ,IdCarte STRING,colUn STRING, colDeux STRING, colTrois STRING)');
-
-    }
-}
-
-function genererChaineAleatoire($longueur = 10)
-{
-    $caracteres = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-    $longueurMax = strlen($caracteres);
-    $chaineAleatoire = '';
-    for ($i = 0; $i < $longueur; $i++)
-    {
-        $chaineAleatoire .= $caracteres[rand(0, $longueurMax - 1)];
-    }
-    return $chaineAleatoire;
-}
-

SwichGIT/multi/LaboDangereux/Prototype2.0/SupprimerEtCreerPartie.php

@@ -1,20 +0,0 @@
-<?php
-session_start();
-require_once("ConnexionBDD.php");
-$db = new MyDB();
-
-$id=$_SESSION['idpartie'];
-$requete ="DELETE FROM partieScore where IdPartie='".$id."'";
-$suppression = $db->query($requete);
-
-$newid=genererChaineAleatoire(10);
-$_SESSION['idpartie']=$newid;
-$db->query('INSERT INTO partieScore(IdPartie) VALUES("'.$newid.'")');
-
-$requete2 ="DELETE FROM partieCartes where IdPartie='".$id."'";
-$suppression2 = $db->query($requete2);
-
-for ($i = 1; $i <= 16; $i++) {
-    $db->query('INSERT INTO partieCartes(IdPartie,IdCarte) VALUES("'.$newid.'","'.$i.'")');
-}
-

SwichGIT/multi/LaboDangereux/Prototype2.0/css/Resp3.css

@@ -1,84 +0,0 @@
-/*Ecran*/
-@media screen and (min-width: 960px) {
-    /*ROND*/
-    .anneau {
-        position: relative;
-        background-color: var(--colorbase);
-        border-radius: var(--v);
-        height: var(--v);
-        width: var(--v);
-        display: table-cell;
-        vertical-align: middle;
-    }
-    .anneau2 {
-        position: relative;
-        background-color: white;
-        border-radius: var(--v);
-        height: var(--v);
-        width: var(--v);
-        left : calc((var(--u) - var(--v))/2);
-        display: table-cell;
-        vertical-align: middle;
-    }
-    .anneau3 {
-        position: relative;
-        background-color: var(--colorbase);
-        border-radius: var(--v);
-        height: var(--v);
-        width: var(--v);
-        margin-left: auto;
-        margin-right: auto;
-    }
-    .rondinterieur {
-        background-color: var(--lighttercia);
-        height: var(--w);
-        width: var(--w);
-        display: table;
-        margin: 0 auto;
-        border-radius: var(--w);
-    }
-    .rond {
-        display: table;
-        margin: 0 auto;
-        background-color: var(--colorbase);
-        height: var(--w);
-        width: var(--w);
-        border-radius: var(--w);
-    }
-
-    .rondcache {
-        display: table;
-        margin: 0 auto;
-        background-color: black;
-        border-radius: var(--y);
-    }
-    .rond2 {
-        display: table;
-        margin: 0 auto;
-        background-color: white;
-        height: var(--w);
-        width: var(--w);
-        border-radius: var(--w);
-    }
-    .rond3 {
-        position: relative;
-        top : calc((var(--v) - var(--w))/ 2);
-        left : calc((var(--v) - var(--w))/2);
-        display: table-cell;
-        vertical-align: middle;
-        background-color: white;
-        height: var(--w);
-        width: var(--w);
-        border-radius: var(--w);
-    }
-    .rond4 {
-        display: table;
-        margin: 0 auto;
-        background-color: var(--colorbase);
-        height: var(--w);
-        width: var(--w);
-        border-radius: var(--w);
-    }
-}
-
-   

SwichGIT/multi/LaboDangereux/Prototype2.0/css/base.css

@@ -1,120 +0,0 @@
-:root{
-	/*couleur héhé*/
-	--lightprima: #DEDEDE;
-	--lightsedonca: #B7B7B7;
-	--lighttercia: #E6E6E6;
-	/*Couleur bases*/
-	--colorbase : #e75259;
-	--colorcarre : #30C0DE;
-	--colorone : #00CBFF;
-	--colortwo : #00FF6E;
-	--colorthree : #C800FF;
-	--colorfour : #E6DA27;
-	--colorfive : #2E6DB4;
-	--colorsix : #E6792F;
-	/*Les formes*/
-	--u: calc(var(--x) / 2.75);
-	--v: calc(var(--y) / 2.75);
-	--w: calc(var(--z) / 2.75);
-	/*Les formes settings*/
-	--x : 10vw;
-	--y : 7vw;
-	--z : 3.75vw;
-}
-.php{
-	color: #ff0048;
-}
-#contientphp{
-	color: red;
-	position: absolute;
-}
-.test{
-	color: black;
-}
-
-a {
-	cursor: pointer;
-	z-index: 60;
-}
-
-
-
-body {
-	background-color: var(--lightprima);
-	height: 100%;
-	overflow-x: hidden;
-	overflow-y: hidden;
-	/*Desactiver la selection*/
-	-webkit-user-select: none; /* Chrome  / Safari  */
-	-moz-user-select: none; /* Firefox */
-	-ms-user-select: none; /* IE 10+ */
-	user-select: none;
-}
-
-
-#ContainBottom {
-position: absolute;
-margin-left: 25vw;
-height: 12vw;
-width: auto;
-bottom: 0;
-z-index: 20;
-}
-
-#clic{
-position: absolute;
-left: 55vw;
-top : 7vw;
-height: auto;
-width: 15vw;
-}
-
-#card-conteneur{
-z-index: 20;
-position: absolute;
-left: 0vw;
-}
-
-.flex-container {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  
-  -webkit-flex-flow: row wrap;
-  justify-content: space-around;
-  margin-top: -7vw;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

SwichGIT/multi/LaboDangereux/Prototype2.0/css/desktops.css

@@ -1,293 +0,0 @@
-/*Ecran*/
-@media screen and (min-width: 992px) {
-    
-    :root{
-        --taille : 10vw;
-    }
-    
-    /*PARTIE FORMES*/
-    .containform3 {
-        position: relative;
-        height: var(--x);
-        width: var(--x);
-        display: table-cell;
-        vertical-align: middle;
-    }
-
-    .containinte{
-        /*PROBLEME SIZE*/
-        top: calc((var(--y) - var(--z)) / 2);
-        left: calc((var(--y) - var(--z)) / 2);
-        height: var(--z);
-        width: var(--z);
-        z-index: 2;
-        position: absolute;
-    }
-
-    .cache{
-        top: calc((var(--x) - var(--y)) / 2.8);
-        left: calc((var(--x) - var(--y)) / 2.2);
-        height: calc(var(--y)*1.05);
-        width: calc(var(--y)*1.05);
-        z-index: 2;
-        position: absolute;
-        z-index: 15;
-    }
-
-    #choosemode {
-        height: 4vw;
-        width: 16vw;
-        position: absolute;
-        left: 42vw;
-        top: 50vh;
-        z-index: 15;
-    }
-
-    #conteneurmode{
-        width: 80%;
-        height: 2vw;
-        left : 10%;
-        top : 25%;
-        position: absolute;
-        margin: 0 auto;
-        background-color: var(--lightsedonca);
-        border-radius: 5vw;
-    }
-
-    #triangleprec{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 0.75vw solid transparent;
-        border-right: 1.25vw solid grey;
-        border-bottom: 0.75vw solid transparent;
-    }
-
-    #trianglesuiv{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 0.75vw solid transparent;
-        border-left: 1.25vw solid grey;
-        border-bottom: 0.75vw solid transparent;
-    }
-
-    #textmode {
-        font-family: Lucida Console, Arial Black, Arial;
-        font-size: 1vw;
-        color: #707070;
-        text-align:center;
-        margin: 5% auto 0 auto;
-    }
-
-    #formSize{
-        margin : 0 auto;
-        width: 100%;
-        height: 3vw;
-    }
-
-    .slider-container .bar .fill {
-        display: block;
-        width: 50%;
-        height: 100%;
-        background-color: #6200ee;
-    }
-
-    .slider-container .slider {
-        position: relative;
-        z-index: 2;
-        -webkit-appearance: none;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        outline: none;
-        background-color: transparent;
-    }
-    .slider.container{
-        position: relative;
-    }
-    .slider-container .bar {
-        position: absolute;
-        z-index: 1;
-        left: 0;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        background-color: #c6aee7;
-        overflow: hidden;
-    }
-    /*Moz*/
-    .slider-container .slider::-moz-range-thumb  {
-        -webkit-appearance: none;
-        width: 1vw;
-        height: 1vw;
-        background-color: #6200ee;
-        border-radius: 1vw;
-        cursor: pointer;
-        outline: none;
-        box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
-        transition: .3s ease-in-out;
-    }
-
-    .slider-container .slider::-moz-range-thumb:hover {
-        box-shadow: 0 0 0 10px rgba(98,0,238,.1);
-    }
-    .slider-container .slider:active::-moz-range-thumb {
-        box-shadow: 0 0 0 20px rgba(98,0,238,.2);
-    }
-
-    /*===========================================*/
-    
-    .logoboutton{
-        font-size: 2vw;    
-        color: var(--lightprima);
-        margin: 0.25vw; 
-    }
-
-    /*Externe*/
-    .bouttonMenuHaut{
-        height: 4vw;
-        width: 4vw;
-        background-color: var(--lightsedonca);
-        border-radius: 50%;
-        margin: 0 auto;
-        margin-top: 0.45vw;
-        position: relative;
-        display: block;
-    }
-
-    #affPoints {
-        text-align: center;
-        font-family: Montserrat, impact, Arial Black;
-        font-size: 2vw;
-        margin-top: 1.2vw;
-        color: var(--lightsedonca);
-    }
-
-    .divmenu {
-        width: 10vw;
-        height: inherit;
-        margin-right: 1vw;
-    }
-
-    .containButtonForm{
-        height: 2.5vw;
-        width: 2.5vw;
-        margin: 0.75vw;
-        position: absolute;
-    }
-
-    .buttonretour {
-        position: relative;
-        height: 4vh;
-        width: 4vh;
-        border-radius: 55vw;
-        background-color: var(--lightsedonca);
-        z-index: 5;
-        margin-left: 2vw;
-        top: 1.75vw;
-    }
-
-    .flex-item {
-        background: var(--lightsedonca);
-        width: var(--taille);
-        border-radius: 0.75vw;
-        padding-right: 0.15vw;
-        padding-left: 0.15vw;
-        padding-bottom: 0.25vw;
-        list-style: none;
-        display: flex;
-        margin-right: 0.4vw;
-        margin-left: 0.4vw;
-        margin-bottom: 1vw;
-        -webkit-flex-flow: row wrap;
-        justify-content: space-around;
-    }
-
-    .item-form {
-        width: 3vw;
-        padding-left: 0.1vw;
-        margin-top: 0.25vw;
-        height: 3vw;
-        border-radius: 10px;
-        background-color: var(--lighttercia);
-    }
-
-    .containcards {
-        overflow-x: auto;
-        display: flex;
-        flex-wrap: wrap;
-        padding-top: 1vw;
-        justify-content: center;
-    }
-
-    .logop2 img {
-        width: 20vh;
-        padding-top: 1vh;
-        position: relative;
-    }
-
-
-    .txt {
-        position: absolute;
-        font-family: Arial Black;
-        color: var(--lightprima);
-        font-size: 1.5vw;
-        left: 0.4vw;
-        top: -1.6vh;
-    }
-
-    .logo img {
-        position: absolute;
-        width: 12vw;
-        left: 44vw;
-        top: 13%;
-        z-index: 11;
-    }
-
-    .mounts img {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        pointer-events: none;
-        margin-left: -10px;
-    }
-
-    #contourbuttonvalider {
-        position: absolute;
-        border-radius: 45px;
-        left: 9.2vw;
-        top: 3.5vw;
-        height: 4vw;
-        width: 12vw;
-        background-color: var(--lightsedonca);
-        z-index: 15;
-    }
-
-    .bouttonvalider {
-        position: absolute;
-        height: 3.4vw;
-        width: 11.4vw;
-        top: 0.3vw;
-        left: 0.3vw;
-        border-radius: 30px;
-    }
-
-    .violet{
-        background-color: #B130DE;
-    }
-
-    .vert {
-        background-color: #00CC66;
-    }
-
-    #textjouer {
-        font-family: Montserrat, impact, Arial Black;
-        position: absolute;
-        font-size: 2.5vw;
-        margin-top: 0.2vw;
-        color: var(--lightsedonca);
-        text-align:center;
-        width: inherit;
-    }
-}

SwichGIT/multi/LaboDangereux/Prototype2.0/css/phone.css

@@ -1,6 +0,0 @@
-/*Demi Ecran*/
-@media screen and (max-width: 768px) {
-    body{
-        background-color: green;
-    }
-}

SwichGIT/multi/LaboDangereux/Prototype2.0/css/tablet.css

@@ -1,289 +0,0 @@
-/*DemTéléphone 1i Ecran*/
-@media screen and (min-width: 669px) and (max-width: 992px) {
-
-    :root{
-        --taille : 14vw;
-    }
-
-    .containform3 {
-        position: relative;
-        height: calc(1.25*var(--x));
-        width: calc(2*var(--x));
-        display: table-cell;
-        vertical-align: middle;
-        left: -2vw;
-    }
-
-    .containinte{
-        /*PROBLEME SIZE*/
-        top: calc(1.5*((var(--y) - var(--z)) / 2));
-        left: calc(1.5*((var(--y) - var(--z)) / 2));
-        height: calc(1.5*var(--z));
-        width: calc(1.5*var(--z));
-        z-index: 2;
-        position: absolute;
-    }
-
-    .cache{
-        top: calc(0.91*((var(--x) - var(--y)) / 2.8));
-        left: calc(4.55*((var(--x) - var(--y)) / 2.2));
-        height: calc(1.5*var(--y)*1.05);
-        width: calc(1.5*var(--y)*1.05);
-        z-index: 2;
-        position: absolute;
-        z-index: 15;
-    }
-
-    #formSize{
-        margin : 0 auto;
-        width: 100%;
-        height: 3vw;
-        position: relative;
-        top: 3vw;
-    }
-
-    .slider-container .bar .fill {
-        display: block;
-        width: 50%;
-        height: 100%;
-        background-color: #6200ee;
-    }
-
-    .slider-container .slider {
-        position: relative;
-        z-index: 2;
-        -webkit-appearance: none;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        outline: none;
-        top: -0.25vw;
-        background-color: transparent;
-    }
-    .slider.container{
-        position: relative;
-    }
-    .slider-container .bar {
-        position: absolute;
-        z-index: 1;
-        left: 0;
-        width: 100%;
-        height: 10px;
-        border-radius: 5px;
-        background-color: #c6aee7;
-        overflow: hidden;
-    }
-    /*Moz*/
-    .slider-container .slider::-moz-range-thumb  {
-        -webkit-appearance: none;
-        width: 2vw;
-        height: 2vw;
-        background-color: #6200ee;
-        border-radius: 1vw;
-        cursor: pointer;
-        outline: none;
-        box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
-        transition: .3s ease-in-out;
-    }
-
-    .slider-container .slider::-moz-range-thumb:hover {
-        box-shadow: 0 0 0 10px rgba(98,0,238,.1);
-    }
-    .slider-container .slider:active::-moz-range-thumb {
-        box-shadow: 0 0 0 20px rgba(98,0,238,.2);
-    }
-
-    .logop2 img {
-        width: 20vh;
-        padding-top: 1vh;
-        position: relative;
-    }
-
-    .txt {
-        position: absolute;
-        font-family: Arial Black;
-        color: var(--lightprima);
-        font-size: 5.5vw;
-        left: 2.25vw;
-        top: -1vh;
-    }
-
-    .logo img { 
-        position: absolute;
-        width: 45vw;
-        left: 28vw;
-        top: 13%;
-        z-index: 11;
-    }
-
-    .mounts img {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        pointer-events: none;
-        margin-left: -1vw;
-        margin-top: -1vw;
-        object-fit: cover;
-    }
-
-    #contourbuttonvalider {
-        position: absolute;
-        border-radius: 45px;
-        left: -10vw;
-        top: 5.5vw;
-        height: 15vw;
-        width: 50vw;
-        background-color: var(--lightsedonca);
-        z-index: 15;
-    }
-
-    .bouttonvalider {
-        position: absolute;
-        height: 13vw;
-        width: 47vw;
-        top: 1.1vw;
-        left: 1.5vw;
-        border-radius: 30px;
-        background-color: #B130DE;
-    }
-
-    .bouttonvalider2 {
-        position: absolute;
-        height: 6.8vw;
-        width: 22.8vw;
-        top: 1.1vw;
-        left: 1.1vw;
-        border-radius: 30px;
-        background-color: #00CC66;
-    }
-
-    #textjouer {
-        font-family: Montserrat, impact, Arial Black;
-        position: absolute;
-        font-size: 10vw;
-        margin-top: 0.2vw;
-        width: inherit;
-        text-align: center;
-        color: var(--lightsedonca);
-    }
-
-    #choosemode {
-        height: 7vw;
-        width: 50vw;
-        position: absolute;
-        left: 25vw;
-        top: 50vh;
-        z-index: 15;
-    }
-
-    #conteneurmode{
-        width: 80%;
-        height: 80%;
-        left : 10%;
-        top : 45%;
-        position: absolute;
-        background-color: var(--lightsedonca);
-        border-radius: 5vw;
-    }
-
-    #triangleprec{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 2vw solid transparent;
-        border-right: 4vw solid grey;
-        border-bottom: 2vw solid transparent;
-        margin-top: 0.75vw;
-    }
-
-    #trianglesuiv{
-        width: 0;
-        height: 0;
-        margin: 0.25vw auto 0 auto;
-        border-top: 2vw solid transparent;
-        border-left: 4vw solid grey;
-        border-bottom: 2vw solid transparent;
-        margin-top: 0.75vw;
-    }
-
-    #textmode {
-        font-family: Lucida Console, Arial Black, Arial;
-        font-size: 3vw;
-        color: #707070;
-        text-align:center;
-        margin: 5% auto 0 auto;
-    }
-
-    .logoboutton{
-        font-size: 2vw;    
-        color: var(--lightprima);
-        margin: 1vw; 
-    }
-
-    /*Externe*/
-    .bouttonMenuHaut{
-        height: 4vw;
-        width: 4vw;
-        background-color: var(--lightsedonca);
-        border-radius: 50%;
-        margin: 0 auto;
-        margin-top: 2.5vw;
-        position: relative;
-        display: block;
-    }
-
-
-    .divmenu {
-        width: 25vw;
-        height: inherit;
-        margin-right: 1vw;
-    }
-
-
-    #affPoints {
-        text-align: center;
-        font-family: Montserrat, impact, Arial Black;
-        font-size: 2vw;
-        margin-top: 3.5vw;
-        color: var(--lightsedonca);
-    }
-
-    .containcards {
-        overflow-x: auto;
-        display: flex;
-        flex-wrap: wrap;
-        padding-top: 5vw;
-        justify-content: center;
-        width: 70vw;
-        margin: 0 auto;
-        grid-row-gap: 2vw;
-        column-gap: 2vw;
-    }
-
-    .flex-item {
-        flex-grow: 1;
-        background: var(--lightsedonca);
-        width: var(--taille);
-        border-radius: 0.75vw;
-        padding-right: 0.15vw;
-        padding-left: 0.15vw;
-        padding-bottom: 0.25vw;
-        list-style: none;
-        display: flex;
-        margin-right: 0.4vw;
-        margin-left: 0.4vw;
-        margin-bottom: 1vw;
-        -webkit-flex-flow: row wrap;
-        justify-content: space-around;
-    }
-
-    .item-form {
-        width: 4vw;
-        height: 4vw;
-        padding-left: 0.1vw;
-        margin-top: 0.25vw;        
-        border-radius: 10px;
-        background-color: var(--lighttercia);
-    }
-
-}