body {
  margin:0;
  background-color: black;
}

#fond {
	top:50%;left:50%;
	position:fixed;
	width:800px;height:600px;
	margin-left:-400px;
  	margin-top:-300px;
	object-fit: scale-down;
	/*background-image: url(images/night.png);*/
	background-image: url(images/jour_matin900.png);
	background-position:center center;
	background-repeat: no-repeat;
  background-size: cover;
	}

	.light-conteneur {
		position:absolute;
		width:18px;height:27px;
		/*border:solid 1px green;	*/
	}
	#light1 { top:481px;left:306px; }
	.light-off { background-image: url(images/window_jour1off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on { background-image: url(images/window_jour1on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }


  .light-conteneur1 {
		position:absolute;
		width:13px;height:30px;
		/*border:solid 1px green;	*/
	}
	#light2 { top:514px;left:120px; }
	.light-off1 { background-image: url(images/window_jour2off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on1 { background-image: url(images/window_jour2on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }


  	.light-conteneur2 {
		position:absolute;
		width:11px;height:20px;
		/*border:solid 1px green;	*/
	}
	#light3 { top:442px;left:630px; }
	.light-off2 { background-image: url(images/window_jour3off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on2 { background-image: url(images/window_jour3on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }


  .light-conteneur3 {
		position:absolute;
		width:16px;height:26px;
		/*border:solid 1px green;	*/
	}
	#light4 { top:259px;left:161px; }
	.light-off3 { background-image: url(images/window_jour4off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on3 { background-image: url(images/window_jour4on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }

    .light-conteneur4 {
		position:absolute;
		width:16px;height:26px;
		/*border:solid 1px green;	*/
	}
	#light5 { top:338px;left:214px; }
	.light-off4 { background-image: url(images/window_jour4-1off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on4 { background-image: url(images/window_jour4-1on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }



  .light-conteneur5 {
		position:absolute;
		width:31px;height:26px;
		/*border:solid 1px green;	*/
	}
	#light6 { top:507px;left:611px; }
	.light-off5 { background-image: url(images/window_jour5off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on5 { background-image: url(images/window_jour5on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }



  .light-conteneur6 {
		position:absolute;
		width:11px;height:17px;
		/*border:solid 1px green;	*/
	}
	#light7 { top:400px;left:694px; }
	.light-off6 { background-image: url(images/window_jour6off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on6 { background-image: url(images/window_jour6on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }


  .light-conteneur7 {
		position:absolute;
		width:9px;height:18px;
		/*border:solid 1px green;	*/
	}
	#light8 { top:500px;left:757px; }
	.light-off7 { background-image: url(images/window_jour6-1off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on7 { background-image: url(images/window_jour6-1on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }




  .light-conteneur8 {
		position:absolute;
		width:14px;height:52px;
		/*border:solid 1px green;	*/
	}
	#light9 { top:275px;left:595px; }
	.light-off8 { background-image: url(images/window_jour7off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on8 { background-image: url(images/window_jour7on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }


    .light-conteneur9 {
		position:absolute;
		width:14px;height:52px;
		/*border:solid 1px green;	*/
	}
	#light10 { top:486px;left:503px; }
	.light-off9 { background-image: url(images/window_jour7-1off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on9 { background-image: url(images/window_jour7-1on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }



  .light-conteneur10 {
		position:absolute;
		width:9px;height:13px;
		/*border:solid 1px green;	*/
	}
	#light11 { top:441px;left:53px; }
	.light-off10 { background-image: url(images/window_jour8off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on10 { background-image: url(images/window_jour8on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }



  .light-conteneur11 {
		position:absolute;
		width:18px;height:8px;
		/*border:solid 1px green;	*/
	}
	#light12 { top:375px;left:345px; }
	.light-off11 { background-image: url(images/window_jour9off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on11 { background-image: url(images/window_jour9on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }




  .light-conteneur12 {
		position:absolute;
		width:69px;height:8px;
		/*border:solid 1px green;	*/
	}
	#light13 { top:343px;left:714px; }
	.light-off12 { background-image: url(images/window_jour10off.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%; }
	.light-on12 { background-image: url(images/window_jour10on.png);
	background-position:center center;
	background-repeat: no-repeat;
  object-fit: scale-down;
  background-size: cover;display:none;position:absolute;top:0;left:0;width:100%;height:100%; }