body{
	background-color: #969696;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #fff;
	font-size: large;
	font-family: "Arial Black";
}

@media (orientation: landscape) {
@media (min-width:980px)  {
	body {transform: scale(1);margin-left : -50px;}	
}
@media (min-width:500px) and (max-width:980px)  {
	body {transform: scale(0.5);margin-left : -200px;}	
}
@media (max-width:500px)  {
	body {transform: scale(0.3);margin-left : -250px;}	
}
}

@media (orientation: portrait) {
	body {transform: scale(2);margin-left : 250px; margin-top : 200px;}	
}


button{
	margin-left : 5%;
}


.corpdepage{
	
	
}
.pagegauche{
	float: left;
	position: absolute; top: 25px; left: 30px;
	font-size: 30px;
	position: center;
	text-align: center;
}
.vousname{color: #fff;}
.vousimage{}
.tablejeu{}
.Resultat{
	font-size: 30px; text-decoration: none;
}
#Resultattext{color: #fff;}
#Resultatlink{color: #fff;}

		.cosmos{
			position: absolute; top: 150px; left: 550px;
		}
		.grille{
			position: absolute; top: 150px; left: 550px;
		}
				
				#L1C1{cursor:pointer;   position: absolute; top: -18px; left: 383px;   transform: scale(0.304);  }
				#L1C2{cursor:pointer;   position: absolute; top: -18px; left: 541px;   transform: scale(0.304);  }
				#L1C3{cursor:pointer;   position: absolute; top: -18px; left: 700px;   transform: scale(0.304);  }
				
				#L2C1{cursor:pointer;   position: absolute; top: 141px; left: 383px;   transform: scale(0.304);  }
				#L2C2{cursor:pointer;   position: absolute; top: 141px; left: 541px;   transform: scale(0.304);  }
				#L2C3{cursor:pointer;   position: absolute; top: 141px; left: 700px;   transform: scale(0.304);  }
				
				#L3C1{cursor:pointer;   position: absolute; top: 300px; left: 383px;   transform: scale(0.304);  }
				#L3C2{cursor:pointer;   position: absolute; top: 300px; left: 541px;   transform: scale(0.304);  }
				#L3C3{cursor:pointer;   position: absolute; top: 300px; left: 700px;   transform: scale(0.304);  }
				
								
.pagedroite{
	float: left;
	position: absolute; top: 25px; left: 1200px;
	font-size: 30px;
	margin-left: -150px;
	text-align: center;
}
		.botname{color: #fff;}
		.botimage{}











@media (orientation: portrait) {
	
	button{
	margin-left : 15%;
	margin-top : -20%;
}
.corpdepage{
	
}
.pagegauche{
	float: left;
	position: absolute; top: -125px; left: -10px;
	font-size: 30px;
	position: center;
	margin-left: 0px;
	text-align: center;
	transform: scale(0.5);
}
.vousname{color: #fff;}
.vousimage{}
.tablejeu{}
.Resultat{
	font-size: 30px; text-decoration: none;
}
#Resultattext{color: #fff;}
#Resultatlink{color: #fff;}
		.cosmos{
			position: absolute; top: 400px; left: 125px;
		}
		.grille{
			position: absolute; top: 400px; left: 125px;
		}
				
				#L1C1{cursor:pointer; position: absolute; top: 231px; left: -44px;   transform: scale(0.304);  }
				#L1C2{cursor:pointer; position: absolute; top: 231px; left: 116px;   transform: scale(0.304);  }
				#L1C3{cursor:pointer; position: absolute; top: 231px; left: 275px;   transform: scale(0.304);  }
				
				#L2C1{cursor:pointer; position: absolute; top: 391px; left: -44px;   transform: scale(0.304);  }
				#L2C2{cursor:pointer; position: absolute; top: 391px; left: 116px;   transform: scale(0.304);  }
				#L2C3{cursor:pointer; position: absolute; top: 391px; left: 275px;   transform: scale(0.304);  }
				
				#L3C1{cursor:pointer; position: absolute; top: 550px; left: -44px;   transform: scale(0.304);  }
				#L3C2{cursor:pointer; position: absolute; top: 550px; left: 116px;   transform: scale(0.304);  }
				#L3C3{cursor:pointer; position: absolute; top: 550px; left: 275px;   transform: scale(0.304);  }
				
								
.pagedroite{
	float: left;
	position: absolute; top: -125px; left: 400px;
	font-size: 30px;
	margin-left: -150px;
	text-align: center;
	transform: scale(0.5);
}
		.botname{color: #fff;}
		.botimage{}
}