body{
		background-position: top;
		background-repeat: no-repeat;
		background-attachment: fixed;
		font-family: "Impact";
		position: center;
		justify-content: center;
		text-align : center;
		float : center;
		text-decoration: none;
		background-size: cover;
		
	}



@media (min-width:980px)  {
	body {
		background-color: #CCD3FF;
		font-size: 100%;
		transform: scale(1);
		margin-left: 0px;
	}
	
}
@media (min-width:500px) and (max-width:980px)  {
	body {
		background-color: #CCD3FF;
		font-size: 75%;
		transform: scale(0.75);
		margin-left: -60px;
	}
	
}
@media (max-width:500px)  {
	body {
		background-color: #CCD3FF;
		font-size: 50%;
		transform: scale(0.5);
		margin-left: -130px;
	}
	
}


{--------------------------------------------------------------------------------------------------}

#retoursitebutton{
	position: absolute; top: 5px; left: 300px;
}
@media (orientation: portrait) {
	#retoursitebutton{
	position: absolute; top: 5px; left: 200px;
	}
}

p{
	font-family: serif;
	font-size: 20px;
	margin: 0px 0px 20px 0px;
}


.titlebox{
	position: absolute; top: 50px; left: 50px;
	justify-content: left;
	text-align : left;
}
#titre { font-style: bolt; font-size: 40px;}
#subtitre { font-style: oblique 15deg; font-size: 17px; margin-top: -20px;}


.maincroupier {
	position: absolute; top: 150px; left: 50px;
}
@media (orientation: portrait) {
	.maincroupier {
	top: 285px; left: 50px;
}
}

.mainjoueur {
	position: absolute; top: 350px; left: 50px;
}
@media (orientation: portrait) {
	.mainjoueur {
	top: 480px; left: 50px;
}
}

.paquet{
	position: absolute; top: 150px; left: 550px;
}
@media (orientation: portrait) {
	.paquet{
	top: 100px; left: 50px;
}
}

.cardpic {
	width: 100px;
	position: absolute;
	border-radius: 7px;
}
#cro1{left: 0px; top:30px; border:solid black 1px;}
#cro2{left: 30px; top:32px; border:none;}
#cro3{left: 60px; top:34px; border:none;}
#cro4{left: 90px; top:36px; border:none;}
#cro5{left: 120px; top:38px; border:none;}
#cro6{left: 150px; top:30px; border:none;}
#cro7{left: 180px; top:32px; border:none;}
#cro8{left: 210px; top:34px; border:none;}
#cro9{left: 240px; top:36px; border:none;}
#cro10{left: 270px; top:38px; border:none;}

#pla1{left: 0px; top:30px; border:solid black 1px;}
#pla2{left: 30px; top:32px; border:none;}
#pla3{left: 60px; top:34px; border:none;}
#pla4{left: 90px; top:36px; border:none;}
#pla5{left: 120px; top:38px; border:none;}
#pla6{left: 150px; top:30px; border:none;}
#pla7{left: 180px; top:32px; border:none;}
#pla8{left: 210px; top:34px; border:none;}
#pla9{left: 240px; top:36px; border:none;}
#pla10{left: 270px; top:38px; border:none;}

#dospaquet{left: 0px; top:30px; border:solid black 1px;}
#facepaquet{left: 30px; top:32px; border:none;}


.textbox{
	position: absolute; top: 370px; left: 540px;
	justify-content: left;
	text-align : left;
}
@media (orientation: portrait) {
	.textbox{
		top: 150px; left: 250px;
	}
}
.inputbox1{
	position: absolute; top: 460px; left: 540px;
	justify-content: left;
	text-align : left;
}
#inputbox1{display: block;}
.inputbox2{
	position: absolute; top: 460px; left: 540px;
	justify-content: left;
	text-align : left;
}
#inputbox2{display: none;}
@media (orientation: portrait) {
	.inputbox1{
		top: 700px; left: 100px;
		transform: scale(1.5);
	}
	.inputbox2{
		top: 700px; left: 100px;
		transform: scale(1.5);
	}
}

.input{
	margin-bottom: 5px;
	width: 130px;
}
.inputtxt{
	width: 150px;
}

#panneauresultat{
	position: absolute; top: 150px; left: 100px;
	width: 550px;
	height: 300px;
	background-color: white;
	border: solid black 5px;
	border-radius: 15px;
	display: none;
}
@media (orientation: portrait) {
	#panneauresultat{
		top: 200px; left: 50px;
		width: 400px;
		height: 250px;
	}
}
#Titleresultat {
	font-size: 50px;
	margin-top: 70px;
}
@media (orientation: portrait) {
	#Titleresultat {
		font-size: 50px;
		margin-top: 30px;
	}
}


.lowtextbox{
	position: absolute; top: 600px; left: 50px;
	justify-content: left;
	text-align : left;
}
@media (orientation: portrait) {
	.lowtextbox{
	top: 850px; left: 50px;
}
}
#lowtxt1 { font-size: 12px; }
#lowtxt2 { font-size: 12px; margin-top: -10px;}