/* 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: 280px;
  left: calc(50% - 110px);
  display: inline-block;
  width: 200px;
}

body {
  background-image: url("../Images/plateau.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: inherit;
  }

.board {
	height: 829px;
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;

}
/* position gauche Lancer, doc et Machine en 1 X */
.btn{
	position:absolute;
	width:74px;
	left: calc(50% - 205px);
}
/* Lancer les ds */
#bu_rolldice{
	top:315px;
}
/* Machine joue */
#bia_rolldice{
	top:398px;
}
/* ? */
#bia_play{
	top:433px;
}

#infotext{
	position:absolute;
	width:245px;
	top:437px;
	min-height: 20px;
	left: calc(50% - 205px);
	font-weight: bold;
	color: red;
}
.pawns{
	position:absolute;
	width:45px;
	height:45px;
	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:312px;
	right:0;
	left:175px;
	margin:0 auto;
}
#dice-0-1{
	position:absolute;
	top:312px;
	right:0;
	left:315px;
	margin:0 auto;
}
#dice-1-0{
	position:absolute;
	top:395px;
	right:0;
	left:175px;
	margin:0 auto;
}
#dice-1-1{
	position:absolute;
	top:395px;
	right:0;
	left:315px;
	margin:0 auto;
}
#lancer12{
	position: absolute;
  left: calc(50% - 80px);
  top: 313px;
  width: 90px;
  text-align: justify;
}
#doc{
	width: auto;
	top:353px;
	margin:0 auto;
	color:black
}
#doctxt{
	position: absolute;
	top: 350px;
	left: calc(50% - 90px);

	font-size: 20px;
	font-weight: bold;
}