body
{
	position: relative;
	background: url(images/tuile.png) repeat;
	text-align: center;
	font-family: Times New Roman;
	font-style: italic;
	text-decoration: none;
}
header
{
	display: inline-block;
	position: absolute;
	width: 600px;	
	height: 91px;
	left: 50%;
	margin-left: -300px;
	
}
#bleauHt
{
	display: inline-block;
	width: 598px;	
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
}
.gauche
{
	width: 149px;
}
.milieu
{
	width: 300px;
}
.droit
{
	width: 149px;
}
.rond
{
  width: 48px;
  border: none;
  border-radius: 27px;
  box-shadow:3px 3px grey;
  background-color: #ab9f8c; /* Brun */
  color: #fff5e1;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  padding: 16px 1px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.rond:hover
{
	background-color: #fff5e1;
	color: #ab9f8c;
}
#ret
{
	position: absolute;
	top: 55px;
	left: 50%;
	margin-left: -325px;
}
#fdtps
{
	position: absolute;
	width: 157px;
	height: 30px;
	top: 125px;
	left: 50%;
	margin-left: -300px;
	background-color: #f1e0c7;
	color: #72729a;
	font-size: 1.25em;
	font-weight: bold;
	border: solid 2px #72729a;
}
#titre
{
	position: absolute;
	width: 420px;
	height: 25px;
	top: 115px;
	left: 50%;
	margin-left: -130px;
	background-color: #f0e2c4;
	font-weight: bold;
}
#mus
{
	position: absolute;	
	top: 175px;
	width: 676px;
	height: 30px;
	left: 50%;
	margin-left: -338px;
	color: #9900cc;
	display: grid;
	-ms-grid-columns: 336px 336px;
	grid-template-columns: 336px 336px;
	-ms-grid-rows: 28px;
	grid-template-rows: 28px;
	
}
#agche
{		
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	grid-row: 1;	
	justify-self: center;
}
#commandes
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;
	justify-self: center;
}
#cont
{
	position: absolute;
	width: 850px;
	height: 726px;
	top: 210px;
	left: 50%;
	margin-left: -425px;
}
.cotes
{
	width: 50px;
}
#centrale
{
	width: 750px;
	vertical-align: 1px;
}
#recul
{	
	height: 100px;
	margin-top: 300px;
	margin-left: 5px;	
}
#lePastel
{
	
	border: solid 20px white;
	border-radius: 10px;
	box-shadow: 4px 4px 4px grey;
}
#aller
{
	height: 100px;
	margin-top: 300px;
	margin-left: 4px;
}
.eteindre
{
	opacity:0.3;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.rallumer
{
	opacity:1;
	-webkit-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}