html{
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
	background-attachment:fixed;
	background-repeat:no-repeat;
	height:99%;	
}


body{
	width:80%;
	background-color:white;
	margin:auto;
	padding:0% 1%;
	height:100%;
	min-height:600px;
}

#divDeChat{
	width:25%;
	height:99%;
	float:right;
	overflow:auto;	
	border:2px solid black;
	display:inline-block;
	padding:0 5px;
}
#divDeChat h1{
	margin-top:0px;
}

#jeu{
	width:70%;
	display:inline-block;
	border:2px solid black;
	transform-style: preserve-3d;
}

#info{
	height:40px;
}

.cartes{
	min-height:80px;
}

.delimitePhoto, .delimitePhoto>div {
	width: 48px;
	height: 76px;
	transition: transform 0.5s ease;
	margin:0px 1%;
}

.delimitePhoto{
		vertical-align:top;
		box-shadow					: 2px 2px 10px;
		transform-style				: preserve-3d;
		display:inline-block;
}

.delimitePhoto>div {
		position					: absolute;
		backface-visibility			: hidden;
}

.front {		
		transform					: rotateY(0deg);
}

.back {
		background					: url('flipside.png');
		transform					: rotateY(180deg);
}

.delimitePhoto:hover{
		transform					: rotateY(180deg);
}

#zoneAffichage{
	border:2px solid black;
	border-radius:10px;		
	margin-top:10px;
}

#zoneAffichage p{
	padding:10px;
	margin:0px;
}