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

#fond {
	top:50%;left:50%;
	position:fixed;
	width:800px;height:600px;
	object-fit: scale-down;
	margin-left:-400px;
  	margin-top:-300px;
	/*background-image: url(images/night.png);*/
	background-image: url(images/nuit_pourstar1150.png);
	background-position:center center;
	background-repeat: no-repeat;
  	background-size: cover;
}
#start {
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
/*	text-align:center;
	display:flex;
	flex-direction: column;
	justify-content: center;
	font-size:2vw;*/
	background-image: url(images/teles.png);
	background-position:center center;
	background-repeat: no-repeat;
  	background-size: cover;

	
	z-index:2000;
	
	cursor:pointer;
}
#star { top:28px;left:30px; }


#star1 { top:188px;left:50px; }

#star2 { top:98px;left:100px; }

#star3 { top:48px;left:210px; }

#star4 { top:138px;left:180px; }

#star5 { top:168px;left:330px; }

#star6 { top:255px;left:400px; }

#star7 { top:100px;left:400px; }

#star8 { top:38px;left:510px; }

#star9 { top:58px;left:660px; }

#star10 { top:140px;left:530px; }

#star11 { top:138px;left:710px; }

#star12 { top:228px;left:645px; }

#star13 { top:28px;left:360px; }

#star14 { top:278px;left:25px; }

#star15 { top:128px;left:620px; }

#star16 { top:210px;left:460px; }

.star {
	position: absolute;
	width: 50px; height: 50px;
	opacity:0;
	border:solid 0px red;
	z-index: 1000;
	background-image: url(images/staar.png);
	background-position:center center;
	background-repeat: no-repeat;
	
	/*cursor:pointer;*/
}