body{
  background-image  : url("./image/fond.png");
  padding	    : 0px;
  margin            : 0px;
  color             : #FF0000;
}

#horloge {
   width: 512px; height: 512px;
   position: absolute;
   top: 250px; left: 400px;
}

#fond { 
  width: inherit 
}

#heure {
   position: absolute;
   width: 256px; height: 64px;
   top: 224px; left: 205px;
   -webkit-transform-origin: 20% 50%;
   transform-origin: 20% 50%;
}

#minute {
   position: absolute;
   width: 310px; height: 64px;
   top: 224px; left: 195px;
   -webkit-transform-origin: 20% 50%;
   transform-origin: 20% 50%;
}

#jour {
  width: 1100px; height: 200px;
	position: absolute;
	left: 70px;
}

#fond_j {
	width: inherit;
}

#ind_jour {
   position: absolute;
}


#journee {
  width: 300px; height: 600px;
	position: absolute;
        top: 224px; left: 1012px;
}

#fond_j2 {
	width: inherit;
}

#ind_jour2 {
   position: absolute;
}

#mois {
  width: 300px; height: 600px;
	position: absolute;
        top: 224px; left: 0px;
}

#fond_m {
	width: inherit;
}

#ind_m {
   position: absolute;
   top: 50px;
}


#saison {
  width: 256px; height: 256px;
	position: absolute;
        top: 850px; left: 20px;
}

#fond_s {
	width: inherit;
}

#ind_s {
   position: absolute;
   width: 128px; height: 32px;
   top: 112px; left: 115px;
   -webkit-transform-origin: 10% 50%;
   transform-origin: 10% 50%;   
}


#periode {
  width: 512px; height: 1024px;
	position: absolute;
        top: 860px; left: 400px;
}

#fond_p {
	width: inherit;
}

#ind_p {
   position: absolute;
}

#meteo {
  width: 256px; height: 256px;
	position: absolute;
        top: 850px; left: 1020px;
}

#fond_meteo {
	width: inherit;
}

#ind_meteo {
   position: absolute;
   width: 128px; height: 32px;
   top: 112px; left: 115px;
   -webkit-transform-origin: 10% 50%;
   transform-origin: 10% 50%;   
}


img#aiguille
{
position: absolute;
left	: 25%;
width	: 50%;
}