body {
background-color: #dddddd;
font-family: Arial, serif;
margin-left : 0px;
width: 1270px;}

#contenant {
  float: left;
  
  margin-left: 0px;
  padding: 0px;
  border: 0px solid black;
  background-color: #dddddd;
}

#rose, #rose4, #temoin, #bravo, #recommence, #scene_graphiques, #nb_boucle, #motif, #parametres, #bt_fermer, #reperage{
  visibility: hidden;
}

#image_poubelle{
	 float: left;
	 margin-left: 520px;
	 margin-top: 0px;
	 width: 80px;
}
#bt_exec{
	float: left;
	margin-top: 10px;
    margin-left: 7px;}



#bt_raz{
	  float: left;
	margin-top: 7px;
	margin-left:80px;}

.case{
  float: left;
  width: 100%;
  height: 35px;
  margin-left:5px;
  margin-top: 2px;
  margin-bottom:0px;
  padding-top:0%;
  padding-bottom:0%;
  
  background-repeat: no-repeat;
  background-size: 40px;
}

.case_bloc{
  float: left;
  width: 30px;
  height: 30px;
  margin-left:0px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0%;
  padding-bottom:0%;
  background-repeat: no-repeat;
  background-size: 30px;
}


.case2{
  float: left;
  width: 100%;
  height: 90px;
  margin-left:0px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0%;
  padding-bottom:0%;
  
  background-repeat: no-repeat;
  background-size: 90px;
}

.case3{
  float: left;
  width: 100%;
  height: 90px;
  margin-left:0px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0%;
  padding-bottom:0%;
}

.bt:hover {
  opacity: 0.6;
}

#bt_indice{
	float:left;
	margin-left: 30%;
	margin-top:40px;
	margin-top:10px;}

#indice{
	margin-left: 20%;
	margin-top:30px;
	float:left;}
	
.bloc{
	width: 100%;
	margin-left:0px;
	margin-top:10px;
	float:left;}
	
#programme{
	margin-top: 20px;
	width: 100%;
	float:left;}

#jeu{
	margin-top: 0px;
	width: 100%;

	float:left;}
	
#P2{
	visibility:visible;
    margin-top : 30px;
   }
   
#P0{
	width: 40%;
	margin-left:3%;
	margin-top:10px;
	float:left;
	}
	
#poubelle{
	width: 700px;
	height: 500px;
	margin-left:0px;
	margin-top:10px;
	float:left;
	}