@charset "utf-8";
/* CSS Document */

body
{
background-color:		#e6e6e6;
}

h1 input
{
	background-color:transparent;
	border:none;
	font-size:24px;
}

#formulairephp
{
display:none;
}


#boutontest1
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:800px;
	left:100px;
	border-radius:0px;
	cursor:pointer;
}
#boutontest2
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:900px;
	left:100px;
	border-radius:0px;
	cursor:pointer;
}
#boutontest3
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:900px;
	left:400px;
	border-radius:0px;
	cursor:pointer;
}
#boutontest4
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:800px;
	left:400px;
	border-radius:0px;
	cursor:pointer;
}

#boutontest5
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:800px;
	left:700px;
	border-radius:0px;
	cursor:pointer;
}
#boutontest6
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:900px;
	left:700px;
	border-radius:0px;
	cursor:pointer;
}
#boutontest7
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:900px;
	left:920px;
	border-radius:0px;
	cursor:pointer;
}
#boutontest8
{
 z-index:2; 
 width:200px; 
 height:80px; 
 display:block;
	position:absolute;
	top:800px;
	left:920px;
	border-radius:0px;
	cursor:pointer;
}

#game
{
	background-color:blue;
 text-align:center; 
 z-index:1; 
 width:1400px; 
 height:700px; 
 display:block;
	position:absolute;
	top:10px;
	left:10px;
}

#ecranphp
{
	background-color:green;
 text-align:center; 
 z-index:21; 
 width:1400px; 
 height:700px; 
 display:none;
	position:absolute;
	top:0px;
	left:0px;
}

#home
{
	background-color:green;
 text-align:center; 
 z-index:20; 
 width:1400px; 
 height:700px; 
 display:block;
	position:absolute;
	top:0px;
	left:0px;
}

#contientpages
{
	background-color:grey;
 text-align:center; 
 z-index:1; 
 width:1140px; 
 height:660px; 
 display:block;
	position:absolute;
	top:20px;
	left:240px;
}


.pages
{background-color:yellow;
border:none;
 text-align:center; 
 z-index:1; 
 width:1140px; 
 height:660px; 
 display:inline-block;
	color:white;
	font-size:14px;
	font-weight:bold;
	 	position:absolute;
	top:0px;
	left:0px;
		border-radius:0px;
	}
	
	
#croix
{
	background-color:red;
	border:2px solid black;
 text-align:center; 
 z-index:2; 
 width:30px; 
 height:30px; 
 display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	border-radius:30px;
	cursor:pointer;
}
#croix:hover {
filter: contrast(1.1);
transform: scale(1.2);
}

#control
{
	background-color:red;
 text-align:center; 
 z-index:1; 
 width:200px; 
 height:660px; 
 display:block;
	position:absolute;
	top:20px;
	left:20px;
}
#boutons
{
	background-color:green;
 text-align:center; 
 z-index:1; 
 width:200px; 
 height:300px; 
 display:block;
	position:absolute;
	top:100px;
	left:0px;
}
#aide
{
		font-family:Arial;
	padding:10px 6px;
		color:black;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background-color:white;
	border:solid 1px black; 
 text-align:center; 
 z-index:2; 
 width:160px; 
 height:70px; 
 display:none;
	position:absolute;
	bottom:10px;
	left:14px;
	border-radius:20px;
}

#nomjoueur {
	font-family:Verdana;
	background:transparent;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	color:white;
	width:160px;
	height:40px;
	position:absolute;
	left:20px;
	top:10px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
}

#ressources
{
background-color:red;
 text-align:center; 
 z-index:3; 
 width:200px; 
 height:660px; 
 display:none;
	position:absolute;
	top:20px;
	left:240px;
}

#synergies
{
	background-color:grey;
 text-align:left; 
 z-index:1; 
 width:240px; 
 height:620px; 
 display:block;
	position:absolute;
	top:20px;
	right:20px;
}

#zoomcarte
{
	background-color:green;
 text-align:center; 
 z-index:2; 
 width:240px; 
 height:620px; 
 display:block;
	position:absolute;
	top:20px;
	right:20px;
}
#cartezoomee
{	background-image:url(images/zoom.png);
	background-size:200px 200px;
	background-color:white;
 text-align:center; 
 z-index:1; 
 width:200px; 
 height:200px; 
 display:block;
	position:absolute;
	top:20px;
	left:20px;
}
#equipementattache
{	background-image:url(images/itemvide.png);
	background-size:200px 130px;
	background-color:red;
 text-align:center; 
 z-index:1; 
 width:200px; 
 height:130px; 
 display:block;
	position:absolute;
	top:250px;
	left:19px;
	border:2px solid black;
	border-radius:10px;
}

#boutonszoom
{
	background-color:grey;
 text-align:center; 
 z-index:1; 
 width:240px; 
 height:160px; 
 display:block;
	position:absolute;
	bottom:20px;
	right:0px;
}


.btn {
	background-color:#4d004d;
	border-radius:80px;
	border:3px solid #1ad1ff;
	display:inline-block;
	cursor:pointer;
	color:#1ad1ff;
	font-weight:bold;
	font-family:Arial;
	font-size:20px;
	padding:12px 10px;
	text-decoration:none;
	width:180px;
	height:60px;
	margin-top:24px;
	margin-left:0px;
}
.btn:hover {
filter: contrast(1.1);
transform: scale(1.1);
}


#formations
{
	background-color:white;
 text-align:left; 
 z-index:1; 
 width:200px; 
 height:540px; 
 display:block;
	position:absolute;
	top:100px;
	left:20px;
}

.formation
{
background-color:red;
border:solid 2px black; 
 z-index:1; 
 width:150px; 
 height:150px; 
 display:inline-block;
border-radius:10px;
margin-left:25px;
margin-top:20px;
cursor:pointer;
}
.formation:hover {
filter: contrast(1.1);
transform: scale(1.1);
}


#compo
{
	background-color:grey;
 text-align:left; 
 z-index:1; 
 width:540px; 
 height:540px; 
 display:block;
	position:absolute;
	top:100px;
	left:270px;
}


.contientslot
{
background-color:red;
border:solid 0px black; 
 z-index:1; 
 width:120px; 
 height:450px; 
 display:inline-block;
border-radius:0px;
margin-left:20px;
}


.slots
{
	background-image:url(images/unite1.png);
	background-size:150px 150px;
background-color:blue;
border:solid 2px black;
 text-align:center; 
 z-index:1; 
 width:150px; 
 height:150px; 
 display:block;
	border-radius:20px;
	cursor:pointer;
		position:absolute;
	top:0px;
	left:0px;
}
.slots:hover {
filter: contrast(1.1);
transform: scale(1.1);
}



#contientcollection
{background-color:green;
border:none;
 text-align:left; 
 z-index:1; 
 width:900px; 
 height:660px; 
 display:block;
	position:absolute;
	top:0px;
	left:120px;
	border-radius:0px;
}

#filtres
{
	background-color:white;
	border:none;
 text-align:center; 
 z-index:2; 
 width:80px; 
 height:660px; 
 display:block;
	position:absolute;
	top:0px;
	left:10px;
	border-radius:0px;
}
#boutonscollection
{
	background-color:white;
	border:none;
 text-align:center; 
 z-index:3; 
 width:200px; 
 height:200px; 
 display:none;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:0px;
}

.iconfiltres {
	background-color:red;
	border-radius:60px;
	border:2px solid black;
	display:inline-block;
	cursor:pointer;
	width:60px;
	height:60px;
	margin-top:18px;
	margin-left:2px;
}
.iconfiltres:hover {
filter: contrast(1.1);
transform: scale(1.1);
}

#nextpage
{
	background-color:white;
	border:none;
 text-align:center; 
 z-index:2; 
 width:70px; 
 height:200px; 
 display:block;
	position:absolute;
	top:100px;
	right:20px;
	border-radius:0px;
	cursor:pointer;
}
#nextpage:hover {
filter: contrast(1.1);
transform: scale(1.1);
}
#previouspage
{
	background-color:white;
	border:none;
 text-align:center; 
 z-index:2; 
 width:70px; 
 height:200px; 
 display:block;
	position:absolute;
	top:350px;
	right:20px;
	border-radius:0px;
	cursor:pointer;
}
#previouspage:hover {
filter: contrast(1.1);
transform: scale(1.1);
}





.card {
	background-image:url(images/card1.png);
	background-size:200px 200px;
	background-color:black;
	border-radius:0px;
	border:none;
	display:inline-block;
	cursor:pointer;
	width:200px;
	height:200px;
	margin-top:15px;
	margin-left:15px;
}


#contientinventaire
{
	background-color:green;
border:none;
 text-align:left; 
 z-index:1; 
 width:1000px; 
 height:660px; 
 display:block;
	position:absolute;
	top:0px;
	left:70px;
	border-radius:0px;
}

.items
{
	background-image:url(images/unite1.png);
	background-size:200px 130px;
background-color:blue;
border:solid 2px black;
 text-align:center; 
 z-index:1; 
 width:200px; 
 height:130px; 
 display:inline-block;
	border-radius:10px;
	cursor:pointer;
	margin-top:22px;
	margin-left:20px;
}
.items:hover {
filter: contrast(1.1);
transform: scale(1.1);
}

#contientevolution
{
	background-color:green;
border:none;
 text-align:left; 
 z-index:1; 
 width:900px; 
 height:660px; 
 display:block;
	position:absolute;
	top:0px;
	left:220px;
	border-radius:0px;
}

.etapes {
	background-image:url(images/card1.png);
	background-size:300px 300px;
	background-color:black;
	border-radius:0px;
	border:none;
	display:inline-block;
	width:300px;
	height:300px;
	position:absolute;
}

#etape1
{
	top:240px;
	left:30px;	
}
#etape2
{
	top:240px;
	right:30px;	
}
#coutevolution
{
	position:absolute;
	top:300px;
	left:380px;
}
#boutonevoluer
{
	position:absolute;
	top:400px;
	left:360px;
}
#boutonretourcollection
{
	position:absolute;
	top:200px;
	left:360px;
}

.valeurgemme {
	font-family:Verdana;
	background:transparent;
	border-radius:100px;
	text-align:center;
	vertical-align:middle;
	font-size:24px;
	color:white;
	width:70px;
	height:30px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	margin-top:23px;
	margin-left:5px;
}

.contientprix {
	background-image:url(images/prix.png);
	background-size:140px 80px;
	background-color:black;
	border-radius:10px;
	border:none;
	display:inline-block;
	width:140px;
	height:80px;
}
.contientressources {
	background-image:url(images/prix.png);
	background-size:140px 80px;
	background-color:black;
	border-radius:10px;
	border:none;
	display:block;
	width:140px;
	height:80px;
position:absolute;
}
.valeurressource {
	font-family:Verdana;
	background:transparent;
	border-radius:100px;
	text-align:center;
	font-size:24px;
	color:white;
	width:70px;
	height:30px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	margin-top:23px;
	margin-left:5px;
}
#ressource1
{
color:yellow;
}

#contientressource1
{
	top:100px;
	left:30px;
}
#contientressource2
{background-color:blue;
	top:200px;
	left:30px;
}
#contientressource3
{background-color:red;
	top:300px;
	left:30px;
}
#contientressource4
{background-color:yellow;
	top:400px;
	left:30px;
}
#contientressource5
{background-color:black;
	top:500px;
	left:30px;
}



#arene
{
	background-color:grey;
 text-align:center; 
 z-index:5; 
 width:1400px; 
 height:700px; 
 display:none;
	position:absolute;
	top:0px;
	left:0px;
}

#accueuilarene
{
	background-color:green;
 text-align:center; 
 z-index:2; 
 width:1380px; 
 height:680px; 
 display:none;
	position:absolute;
	top:10px;
	left:10px;
	border-radius:20px;
}

#ecranfincombat
{
	background-color:black;
 text-align:center; 
 z-index:3; 
 width:1380px; 
 height:680px; 
 display:none;
	position:absolute;
	top:10px;
	left:10px;
	border-radius:20px;
}

.points {
	font-family:Verdana;
	background:transparent;
	border-radius:100px;
	text-align:center;
	vertical-align:middle;
	font-size:30px;
	color:white;
	width:120px;
	height:60px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	margin-top:110px;
	margin-left:60px;
}
.golds {
	font-family:Verdana;
	background:transparent;
	border-radius:100px;
	text-align:center;
	vertical-align:middle;
	font-size:30px;
	color:yellow;
	width:120px;
	height:60px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	margin-top:30px;
	margin-left:60px;
}

.pseudos {
	font-family:Verdana;
	background:transparent;
	border-radius:0px;
	text-align:center;
	vertical-align:middle;
	font-size:36px;
	color:red;
	width:300px;
	height:80px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	position:absolute;
	top:10px;
	left:49px;
}

#board1
{
	background-color:white;
 text-align:center; 
 z-index:1; 
 width:1380px; 
 height:680px; 
 display:block;
	position:absolute;
	top:10px;
	left:10px;
	border-radius:20px;
}

#impact
{
	background-image:url(images/impact.gif);
	background-size:180px 180px;
background-color:transparent;
border:none;
 text-align:left; 
 z-index:4; 
 width:180px; 
 height:180px;
 display:none;
	border-radius:180px;
	position:absolute;
	top:0px;
	left:0px;
}
#projectile
{
	background-image:url(images/slots.png);
	background-size:100px 100px;
background-color:red;
border:none;
 text-align:center; 
 z-index:4; 
 width:100px; 
 height:100px; 
 display:none;
	border-radius:100px;
	position:absolute;
	top:0px;
	left:0px;
}
#impactzone
{
	background-image:url(images/aoe.gif);
	background-size:640px 640px;
background-color:transparent;
border:none;
 text-align:center; 
 z-index:4; 
 width:640px; 
 height:640px; 
 display:none;
	border-radius:30px;
	position:absolute;
	top:0px;
	left:0px;
}
#impactsoin
{
	background-image:url(images/impactsoin.gif);
	background-size:640px 640px;
background-color:green;
border:none;
 text-align:center; 
 z-index:4; 
 width:640px; 
 height:640px; 
 display:none;
	border-radius:30px;
	position:absolute;
	top:0px;
	left:0px;
}
#impactinvoc
{
	background-image:url(images/impact.gif);
	background-size:180px 180px;
background-color:blue;
border:none;
 text-align:left; 
 z-index:4; 
 width:180px; 
 height:180px;
 display:none;
	border-radius:180px;
	position:absolute;
	top:0px;
	left:0px;
}

.slotscombat
{
	background-image:url(images/slots.png);
	background-size:180px 180px;
background-color:transparent;
border:none;
 text-align:center; 
 z-index:1; 
 width:180px; 
 height:180px; 
 display:block;
	border-radius:0px;
	position:absolute;
	top:60px;
	left:60px;
}


progress {
  border-radius:10px; 
  width: 60px;
  height: 5px;
  margin-left: 20px;
  margin-top:4px;


}
progress::-webkit-progress-bar {
  background-color: black;
  border-radius: 10px;
}
progress::-webkit-progress-value {
  background-color: var(--c,#1e1e15);
  border-radius: 10px;
  
}
progress::-moz-progress-bar {
 background-color: black;
  border-radius: 10px;
}


.unites {
	background-image:url(images/unite1d.png);
	background-size:180px 180px;
	background-color:transparent;
	border-radius:10px;
	border:none;
	display:block;
	width:180px;
	height:180px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
.inputsante {
	font-family:Verdana;
	background:transparent;
	border-radius:100px;
	text-align:center;
	font-size:12px;
	color:black;
	width:30px;
	height:30px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	position:absolute;
	top:169px;
	left:1px;
}

.barrevie
{
margin-left:-1px;
margin-top:180px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 110px;
    height: 10px;
    padding: 1px 1px 1px 1px;
    background: #333; 
    background: -webkit-linear-gradient(#2d2d2d,#444);
    background:    -moz-linear-gradient(#2d2d2d,#444);
    background:      -o-linear-gradient(#2d2d2d,#444);
    background:         linear-gradient(#2d2d2d,#444);
    border: 2px solid black;
    border-radius: 15px;
    background-color:grey;
}

.factions {
	background-image:url(images/faction.png);
	background-size:220px 60px;
	background-color:blue;
	border-radius:10px;
border:solid 2px black;
	display:inline-block;
	width:220px;
	height:60px;
	z-index:1;
text-align:left;
		position:absolute;
}
.quotas {
	font-family:Verdana;
	background:transparent;
	border-radius:10px;
	text-align:center;
	font-size:20px;
	color:white;
	width:60px;
	height:40px;
	font-weight:bold;
	border:none;
	display:inline-block;
	z-index:1;
	position:absolute;
	top:9px;
	left:70px;
}
.bonussynergie {
	background-image:url(images/bonuslock.png);
	background-size:60px 40px;
	background-color:black;
	border-radius:6px;
border:solid 2px black;
	display:inline-block;
	width:60px;
	height:40px;
	z-index:1;
	position:absolute;
	top:8px;
	left:150px;
}




#factionhumain
{
	top:10px;
	left:9px;
}
#factionsquelette
{
	top:80px;
	left:9px;
}
#factiondemon
{
	top:150px;
	left:9px;
}
#factioncreature
{
	top:220px;
	left:9px;
}

#originebleu
{
	top:290px;
	left:9px;
}
#originerouge
{
	top:360px;
	left:9px;
}
#originejaune
{
	top:430px;
	left:9px;
}
#origineviolet
{
	top:500px;
	left:9px;
}


#ecranlancecombat
{
	background-color:yellow;
border:none;
 text-align:left; 
 z-index:2; 
 width:1140px; 
 height:660px; 
 display:none;
	 position:absolute;
	top:0px;
	left:0px;
	border-radius:0px;
}


#aventure
{
	background-color:green;
border:none;
 text-align:left; 
 z-index:1; 
 width:1140px; 
 height:660px; 
 display:block;
	 position:absolute;
	top:0px;
	left:0px;
	border-radius:0px;
}

#pve
{
	background-color:red;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:200px; 
 height:200px; 
 display:block;
	 position:absolute;
	top:220px;
	left:260px;
	border-radius:20px;
	cursor:pointer;
}
#pve:hover {
filter: contrast(1.1);
transform: scale(1.1);
}
#pvp
{
	background-color:blue;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:200px; 
 height:200px; 
 display:block;
	 position:absolute;
	top:220px;
	left:660px;
	border-radius:20px;
	cursor:pointer;
}
#pvp:hover {
filter: contrast(1.1);
transform: scale(1.1);
}

#zone1
{
	top:30px;
	left:45px;
}
#zone2
{
	top:240px;
	left:45px;
}
#zone3
{
	top:450px;
	left:45px;
}

.zones
{
	background-color:red;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:1000px; 
 height:180px; 
 display:block;
	 position:absolute;
	border-radius:20px;
}

.aventures
{
	background-color:blue;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:140px; 
 height:140px; 
 display:inline-block;
	border-radius:20px;
	margin-left:80px;
margin-top:20px;
cursor:pointer;
}
.aventures:hover {
filter: contrast(1.1);
transform: scale(1.1);
}




#inputdegat {
	font-family:Verdana;
	background-color:transparent;
	border-radius:80px;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	color:red;
	width:80px;
	height:80px;
	font-weight:bold;
border:none;
	display:block;
	z-index:1;
	margin-top:-50px;
	margin-left:48px;
}


#contientpoints1
{
background-color:green;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:400px; 
 height:300px; 
 display:block;
	 position:absolute;
	top:200px;
	left:120px;
	border-radius:20px;
}
#contientpoints2
{
background-color:green;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:400px; 
 height:300px; 
 display:block;
	 position:absolute;
	top:200px;
	left:860px;
	border-radius:20px;
}
#boutonfincombat
{ 
	position:absolute;
	top:550px;
	left:595px;
}
.resultats
{
background-color:grey;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:400px; 
 height:140px; 
 display:block;
	 position:absolute;
	top:-160px;
	left:0px;
	border-radius:20px;
}

.offres
{
	background-color:blue;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:140px; 
 height:140px; 
 display:inline-block;
	border-radius:20px;
	margin-left:80px;
margin-top:20px;
cursor:pointer;
}
.offres:hover {
filter: contrast(1.1);
transform: scale(1.1);
}

.marchandise
{
	background-color:white;
border:none;
 text-align:left; 
 z-index:1; 
 width:1140px; 
 height:660px; 
 display:block;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:0px;
}
.contientmarchandise
{
	background-color:grey;
border:none;
 text-align:left; 
 z-index:1; 
 width:920px; 
 height:660px; 
 display:block;
	position:absolute;
	top:0px;
	left:220px;
	border-radius:0px;
}

.marchandiseachat
{
	background-color:green;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:300px; 
 height:200px; 
 display:inline-block;
	margin-left:100px;
margin-top:80px;
	border-radius:20px;
}
.marchandiseachatitem
{
	background-color:green;
border:solid 2px black;
 text-align:left; 
 z-index:1; 
 width:260px; 
 height:180px; 
 display:inline-block;
	margin-left:30px;
margin-top:30px;
	border-radius:20px;
}
.prixmarchand {
	font-family:Verdana;
	background:transparent;
	border-radius:100px;
	text-align:center;
	vertical-align:middle;
	font-size:24px;
	color:yellow;
	width:70px;
	height:30px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	margin-top:40px;
	margin-left:150px;
}

.btnachat {
	background-color:#4d004d;
	border-radius:80px;
	border:3px solid #1ad1ff;
	display:inline-block;
	cursor:pointer;
	color:#1ad1ff;
	font-weight:bold;
	font-family:Arial;
	font-size:16px;
	padding:12px 10px;
	text-decoration:none;
	width:140px;
	height:60px;
	margin-top:40px;
	margin-left:140px;
}
.btnachat:hover {
filter: contrast(1.1);
transform: scale(1.1);
}


.prixmarchanditem {
	font-family:Verdana;
	background:transparent;
	border-radius:100px;
	text-align:center;
	vertical-align:middle;
	font-size:24px;
	color:yellow;
	width:70px;
	height:30px;
	font-weight:bold;
	border:none;
	display:block;
	z-index:1;
	margin-top:30px;
	margin-left:120px;
}

.btnachatitem {
	background-color:#4d004d;
	border-radius:80px;
	border:3px solid #1ad1ff;
	display:inline-block;
	cursor:pointer;
	color:#1ad1ff;
	font-weight:bold;
	font-family:Arial;
	font-size:16px;
	padding:12px 10px;
	text-decoration:none;
	width:140px;
	height:60px;
	margin-top:30px;
	margin-left:110px;
}
.btnachatitem:hover {
filter: contrast(1.1);
transform: scale(1.1);
}


#ouverture
{
	background-color:white;
 text-align:center; 
 z-index:5; 
 width:1400px; 
 height:700px; 
 display:none;
	position:absolute;
	top:0px;
	left:0px;
}
#ouvert
{
	background-color:red;
 text-align:center; 
 z-index:1; 
 width:1400px; 
 height:700px; 
 display:none;
	position:absolute;
	top:0px;
	left:0px;
}
#boutonouvertureoeuf
{ 
margin-top:500px;
margin-left:610px;
}
#boutonouverturegemme
{ 
margin-top:500px;
margin-left:610px;
}
#boutonouverturecoffre
{ 
margin-top:500px;
margin-left:610px;
}
#boutonouvertureitem
{ 
margin-top:500px;
margin-left:610px;
}
#objetaouvrir
{
	background-color:green;
 text-align:center; 
 z-index:1; 
 width:300px; 
 height:300px; 
 display:block;
	position:absolute;
	top:100px;
	left:550px;
}
#objetouvert
{
	background-color:black;
 text-align:center; 
 z-index:1; 
 width:300px; 
 height:300px; 
 display:block;
	position:absolute;
	top:100px;
	left:550px;
}
#boutonsaveouverture
{ 
margin-top:500px;
}