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/nuit_staropacity1100.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:456px;left:254px; }
	#light2 { top:545px;left:329px; }
	.light-off { background-image: url(images/windowon.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/windowoff.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;
		/*border:solid 1px green;	*/
	}
	#light3 { top:517px;left:65px; width:6px;height:31px; }
	#light4 { top:517px;left:135px; width:11px;height:31px; }
	.light-off1 { background-image: url(images/window1on.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/window1off.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:21px;
		/*border:solid 1px green;	*/
	}
	#light5 { top:446px;left:599px; }
	.light-off2 { background-image: url(images/window3on.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/window3off.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:11px;height:23px;
		/*border:solid 1px green;	*/
	}
	#light6 { top:263px;left:288px; }
	#light7 { top:290px;left:124px; }
	.light-off3 { background-image: url(images/window4on.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/window4off.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:15px;height:23px;
		/*border:solid 1px green;	*/
	}
	#light8 { top:396px;left:160px; }
	#light9 { top:290px;left:137px; }
	.light-off4 { background-image: url(images/window5on.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/window5off.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:29px;height:23px;
		/*border:solid 1px green;	*/
	}
	#light10 { top:512px;left:655px; }
	.light-off5 { background-image: url(images/window6on.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/window6off.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:16px;
		/*border:solid 1px green;	*/
	}
	#light11 { top:404px;left:703px; }
	#light12 { top:544px;left:743px; }
	.light-off6 { background-image: url(images/window7on.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/window7off.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:12px;height:50px;
		/*border:solid 1px green;	*/
	}
	#light13 { top:385px;left:521px; }
	.light-off7 { background-image: url(images/window8on.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/window8off.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:12px;height:50px;
		/*border:solid 1px green;	*/
	}
	#light14 { top:280px;left:594px; }
	.light-off8 { background-image: url(images/window9on.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/window9off.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:8px;height:13px;
		/*border:solid 1px green;	*/
	}
	#light15 { top:464px;left:38px; }
	.light-off9 { background-image: url(images/window10on.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/window10off.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:8px;height:13px;
		/*border:solid 1px green;	*/
	}
	#light16 { top:404px;left:64px; }
	.light-off10 { background-image: url(images/window11on.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/window11off.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:15px;height:8px;
		/*border:solid 1px green;	*/
	}
	#light17 { top:517px;left:474px; }
	.light-off11 { background-image: url(images/window12on.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/window12off.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:15px;height:8px;
		/*border:solid 1px green;	*/
	}
	#light18 { top:347px;left:474px; }
	.light-off12 { background-image: url(images/window13on.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/window13off.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-conteneur13 {
		position:absolute;
		width:16px;height:9px;
		/*border:solid 1px green;	*/
	}
	#light19 { top:389px;left:364px; }
	.light-off13 { background-image: url(images/window14on.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-on13 { background-image: url(images/window14off.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-conteneur14 {
		position:absolute;
		width:67px;height:8px;
		/*border:solid 1px green;	*/
	}
	#light20 { top:327px;left:713px; }
	.light-off14 { background-image: url(images/window15on.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-on14 { background-image: url(images/window15off.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%; }