/* Jeu de l'Oie - feuille de style */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.center {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.charte {
  font-weight:bold;
  color:black;
	position: absolute;
  top: 285px;
  left: calc(50% - 100px);
  display: inline-block;
  width: 200px;
}
.board {
	height: 828px;
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("../Images/plateau.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: inherit;
}
.btn{
	position:absolute;
	width:74px;
	left: calc(50% - 152px);
}
#bu_rolldice{
	top:332px;
}
#bia_rolldice{
	top:400px;
}
#bia_play{
	top:438px;
}
#turn{
	position:absolute;
	width:400px;
	top:478px;
	left: calc(50% - 200px);
}
#turn.red{
	color: black;
}
#turn.blue{
	color: black;
}
.pawns{
	position:absolute;
	width:35px;
	height:35px;
	border-radius : 50%;
	border : 5px double black;
}
.pawns.blue {
	background-color: dodgerblue;
  cursor : grabbing;
	z-index: 1;
}
.pawns.red {
	background-color: red;
  margin-top: 10px;
	margin-left: 15px;
}
.dice{
	height: 64px;
  width: 64px;
}
#dice-0-0{
	position:absolute;
	top:317px;
	right:0;
	left:80px;
	margin:0 auto;
}
#dice-0-1{
	position:absolute;
	top:317px;
	right:0;
	left:220px;
	margin:0 auto;
}
#dice-1-0{
	position:absolute;
	top:403px;
	right:0;
	left:80px;
	margin:0 auto;
}
#dice-1-1{
	position:absolute;
	top:403px;
	right:0;
	left:220px;
	margin:0 auto;
}