/*    feuille de style control   */


body
{
  background-color  : rgba(0, 0, 0, 1);
  background-image  : url("../pict/plan horizontal2.png");
  background-repeat : no-repeat;
  padding	    : 0px;
  margin            : 0px;
  color             : #FF0000;
}

.ico
{
  height	    : 35px;
  width             : 35px;
}

a#back
{
  text-decoration   : none;
  color		    : #FFF;
  left              : 15px;
  top               : 420px;
  position          : absolute;
}

div#batt
{
  top		    : 440px;
  left		    : 70px;
  position          : absolute;
  color		    : #FFF;
}

div#tempParent
{
  top               : 140px;
  left              : 740px;
  position          : absolute;
}

div#tempTelia
{
  top               : 232px;
  left              : 870px;
  position          : absolute;
}

div#tempLeo
{
  top               : 205px;
  left              : 630px;
  position          : absolute;
}

div#tempEnzo
{
  top               : 330px;
  left              : 820px;
  position          : absolute;
}

div#tempMax
{
  top               : 30px;
  left              : 860px;
  position          : absolute;
  color             : #FFF;
}

div#tempMin
{
  top               : 70px;
  left              : 860px;
  position          : absolute;
  color             : #FFF;
}

div#tempRdc
{
  top               : 190px;
  left              : 175px;
  position          : absolute;
}

div#tempMailys
{
  top               : 230px;
  left              : 330px;
  position          : absolute;
}

div#tempExterieur
{
  top               : 60px;
  left              : 190px;
  position          : absolute;
  color             : #FFF;
}

div#humRdc
{
  top               : 210px;
  left              : 185px;
  position          : absolute;
}

div#LumRdc
{
  top               : 230px;
  left              : 185px;
  position          : absolute;
}

div#humExterieur
{
  top               : 80px;
  left              : 190px;
  position          : absolute;
  color             : #FFF;
}

.initial
{
  font-size         : 50%;
  color 	    : black;
}

.element
{
  font-size         : 80%;
}

.par
{
  font-size         : 80%;
}

div#volet
{
  top		    : 300px;
  left		    : 650px;
  position	    : absolute;
}

.fenetre
{
   height 	    : 65px;
   width  	    : 65px;
}

.boutton
{
   height 	    : 40px;
   width  	    : 40px;
   left		    : 35px;
   top	 	    : 20px;
   position	    : absolute
}

meter
{	
        transform: rotate(270deg);
	height		: 22px;
	width		: 34px;
}

div#batt
{
	width	: 200px;
	height	: 150px;
}

div#batExterieur
{
	top		: 30px;
	left		: 10px;
	position	: absolute;
}

div#batRdc
{
	top		: 80px;
	left		: 10px;
	position	: absolute;
}

div#batMailys
{
	top		: 130px;
	left		: 10px;
	position	: absolute;
}
#batExterieurMeter
{
	top		: -1px;
	left		: 70px;
	position	: absolute;
	z-index		: 0;
}

#batRdcMeter
{
	top		: -1px;
	left		: 70px;
	position	: absolute;
	z-index		: 0;
}

#batMailysMeter
{
	top		: -1px;
	left		: 70px;
	position	: absolute;
	z-index		: 0;
}

#batExterieurVal
{
	font-size	: 12px;
	font-weight	: bold;
	top		: 10px;
	left		: 76px;
	position	: absolute;
	z-index		: 1;
	color		: black;
}

#batRdcVal
{
	font-size	: 12px;
	font-weight	: bold;
	top		: 10px;
	left		: 76px;
	position	: absolute;
	z-index		: 1;
	color		: black;
}

#batMailysVal
{
	font-size	: 12px;
	font-weight	: bold;
	top		: 10px;
	left		: 76px;
	position	: absolute;
	z-index		: 1;
	color		: black;
}

#prcent
{
	font-size	: 8px;
	font-weight	: bold;
	top		: 10px;
	left		: 89px;
	position	: absolute;
	z-index		: 2;
	color		: black;

}