:root{
	/*couleur héhé*/
	--lightprima: #DEDEDE;
	--lightsedonca: #B7B7B7;
	--lighttercia: #E6E6E6;
	/*Couleur bases*/

	--colorbase : #e9546f;/*ROND*/
	--colorcarre : #c97fb3;/*CARRE*/
	--colorone : #00a088;/*TRIANGLE*/
	--colortwo : #5880c1;/*CROIX*/
	--colorthree : #C800FF;/*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);
	--w: calc(var(--z) / 2.75);
	/*Les formes settings*/
	--x : 10vw;
	--y : 7vw;
	--z : 3.75vw;
	/*Formes ete*/
	--l: 3vw;
	--m: 2.5vw;
	--n: 1.5vw;
}

.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;
}