#de_area {
	box-sizing: content-box;
	position: relative;
	top: 0;
	left: 0;
	height: 560px;
	width: 800px;
	border: 5px solid black;
	border-radius: 10px;
	background: black;
}

#de_area div {
	background: center / 100% no-repeat;
	border-radius: 10px;
	opacity: 0.9;
}

#de_area div:hover {
	border: 5px solid black;
	opacity: 1;
}

.de_clicked {
	border: 7px solid white !important;
	opacity: 0.5;
}

#menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 810px;
	height: 660px;
	z-index: 100;
	border-radius: 10px;
	background: black;
}

#menu > button {
	margin: 50px auto;
	display: block;
	width: 200px;
	height: 100px;
	font-size: 30px;
	background: #1b85b8;
	border-radius: 10px;
}



#menu > button:hover {
	background: #ae5a41;
	cursor: pointer;
}

#info {
	width: 500px;
	color: white;
	margin: 50px auto;
	font-size: 1.5em;
}

#win_area {
	box-sizing: content-box;
	position: relative;
	border: 5px solid black;
	border-radius: 10px;
	width: 800px;
	height: 80px;
	background: darkgrey;
}

.win {
	display: inline-block;
	height: 80px;
	width: 80px;
	background: center / 100% no-repeat;
	border: 5px solid black;
	border-radius: 10px;
	opacity: 0.9;
}

#infoInGame {
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 0;
	left: 10px;
	height: 80px;
	padding: 10px;
	border: 5px solid black;
	border-radius: 10px;
}

#infoInGame p {
	margin: 2px;
	font-size: 20px;
}

#goal_area {
	box-sizing: content-box;
	border: 5px solid black;
	border-radius: 10px;
	width: 360px;
	height: 610px;
	padding: 20px;
	position: absolute;
	top: 100px;
	left: 820px;
	opacity: 1;
	background: black;
}


.goal {
	margin-bottom: 2px;
}

.goal div {
	background: center / 100% no-repeat;
	border-radius: 10px;
	opacity: 0.2;
	height: 60px;
	width: 60px;
	display: inline-block;
}

#goal_area > div {
	box-sizing: content-box;
	height: 60px;
	opacity: 1;
}

#form_highscore,
#ty_partage {
	color: white;
	font-size: 1.5em;
}

#ty_partage > a {
	color: white;
	padding: 5px;
	border: 5px solid white;
	border-radius: 10px;
}

#form_highscore > button {
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
	background: #1b85b8;
}

#form_highscore > button:hover {
	cursor: pointer;
	background: #ae5a41;
}

#brelan1 div { background-image: url(img/d_1.png); }
#brelan2 div { background-image: url(img/d_2.png); }
#brelan3 div { background-image: url(img/d_3.png); }
#brelan4 div { background-image: url(img/d_4.png); }
#brelan5 div { background-image: url(img/d_5.png); }
#brelan6 div { background-image: url(img/d_6.png); }

.dp1,
.full2,
#carre div,
#yahtzee div { background-image: url(img/d_0.png); }

.dp2,
.full3 { background-image: url(img/d_0b.png); }