.paged {
	float: left;
	width: 50px;
	height: 390px;
	margin: 0vw;
	padding-left: 0%;
	padding-right: 0vw;
	padding-top: 0vw;
	padding-bottom: 0vw;
	border: 0px solid black;
	background-color: #eeeeee;;
}

#contenant {
  float: left;
  width: 640px;
  height:435px;
  margin-left: 0px;
  padding: 0px;
  border: 0px solid black;
  background-color: #ffffff;
}


#pioche {
  float: left;
  width: 440px;
  height:45px;
  margin-left: 0px;
  margin-top:-4px;
  padding: 0px;
  border: 0px solid black;
  background-color: #eeeeee;
}

#bt_exec{
	float: left;
	margin-top: 10px;
    margin-left: 7px;}


#A {
  float: left;
  width: 40px;
  height:40px;
  margin-left: 130px;
  padding: 0px;
  border: 0px solid black;
  background-color: #eeeeee;
}

#D {
  float: left;
  width: 40px;
  height:40px;
  margin-left: 10px;
  padding: 0px;
  border: 0px solid black;
  background-color: #eeeeee;
}

#G {
  float: left;
  width: 40px;
  height:40px;
  margin-left: 10px;
  padding: 0px;
  border: 0px solid black;
  background-color: #eeeeee;
}

#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;
}

.bt:hover {
  opacity: 0.6;
}

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

#indice{
	margin-left: 20px;
	margin-top:20px;
	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;
   }