html,body{
        height: 60vh;
}
#heure{
	background-color:silver;
	color:navy;
	left:0px;
	top:-1px;
	width: 100%;
	height: 3%;
	text-align: center;
	font-size: 2vw;
	font-weight:bold;
	position: absolute;	
}
#js100_test1{ 
	z-index:2;
	width:100%;
	height:30%;
	left:0px;
	top:5%;
	position: absolute;	
	background-color:silver;
	color:lightblue;
	
}
#js100_test1 div {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	height: 18%;
	text-align: center;
	font-size: 1.7vw;
	font-weight:bold;
	background-color:navy;
	
}
#js100_test2{ 
	position:relative;z-index:10;
	width:100%;
	height:5%;
	left:0px;
	top: 26%;
	position: absolute;	
	background-color:lightblue;
}
#js100_test2 div {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	top:0.05%;
	width: 25%;
	height: 5%;
	text-align: center;
	font-size: 1.7vw;
	font-weight:bold;
	background-color:lightblue;
	color:navy;
}
#svent{
	position:absolute;
	top:0.05%;
	left:0px;
}
#srafale{
	position:absolute;
	top:0.05%;
	left:20%;
}
#sdirvent{
	position:absolute;
	top:0.05%;
	left:40%;
}
#scouleurCiel{
	position:absolute;
	top:0.05%;
	left:65%;
}
#salon{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:0%;
}
#repas{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:12.5%;	
}
#cuisine{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:25%;	
}
#chambre_rdc{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:37.5%;
}
#bureau{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:50%;
}
#chambre{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:62.5%;	
}
#chambre_amis{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:75%;	
}

#detente{
	position:absolute;
	width: 12%;
	top:1.2%;
	left:87.5%;
}
#buanderie{
	position:absolute;
	width: 12%;
	top:36%;
	left:12.5%;
}
#saldeau{
	position:absolute;
	width: 12%;
	top:36%;
	left:0%;
}
#dressing{
	position:absolute;
	width: 12%;
	top:36%;
	left:25%;
}
#terrasse{
	position:absolute;
	width: 12%;
	top:36%;
	left:50%;
}
#jardin{
	position:absolute;
	width: 12%;
	top:36%;
	left:75%;
}
#garage{
	position:absolute;
	width: 12%;
	top:36%;
	left:37.5%;
}
#spluie{ 
	position:absolute;
	width: 12%;
	top:36%;
	left:62.5%;
}
#ressenti{
	position:absolute; 
	width: 12%;
	top:36%;
	left:87.5%;
}
#salonval{
	position:absolute;
	width: 12%;
	top:16%;
	left:0%;
}
#repasval{
	position:absolute;
	width: 12%;
	top:16%;
	left:12.5%;	
}
#cuisineval{
	position:absolute;
	width: 12%;
	top:16%;
	left:25%;	
}
#chambre_rdcval{
	position:absolute;
	width: 12%;
	top:16%;
	left:37.5%;
}
#bureauval{
	position:absolute;
	width: 12%;
	top:16%;
	left:50%;
}
#chambreval{
	position:absolute;
	width: 12%;
	top:16%;
	left:62.5%;	
}
#chambre_amisval{
	position:absolute;
	width: 12%;
	top:16%;
	left:75%;	
}
#detenteval{ 
	position:absolute;
	width: 12%;
	top:16%;
	left:87.5%;
}
#buanderieval{
	position:absolute;
	width: 12%;
	top:50.8%;
	left:12.5%;
}
#saldeauval{
	position:absolute;
	width: 12%;
	top:50.8%;
	left:0%;
}
#dressingval{
	position:absolute;
	width: 12%;
	top:50.8%;
	left:25%;
}
#terrasseval{
	position:absolute;
	width: 12%;
	top:50.8%;
	left:50%;
}
#jardinval{
	position:absolute;
	width: 12%;
	top:50.8%;
	left:75%;
}

#garageval{
	position:absolute;
	width: 12%;
	top:50.8%;
	left:37.5%;
}
#spluieval{ 
	position:absolute;
	width: 12%;
	top:50.8%;
	left:62.5%;
}
#sressenti{
	position:absolute;
	width: 12%;
	top:50.8%;
	left:87.5%;
}
#graphique{ 
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:4%;
	left:0%;
	position: absolute;	
}
#graphique img{
	position:absolute;
	z-index:1;
	display: inline;
	margin: auto;
	padding: 6%;
	margin-top: 0%;
}