body{
	background:#000000;
	overflow:hidden;
}

.spot{
	opacity:0.7;
	z-index:10;
}

#spot1{
	position:absolute;
	top:-20px;
	left:10px;
	background:url("images/spot-jaune.png") no-repeat;
	display:block;
	height:1000px;
	width:600px;
}



#spot2{
	position:absolute;
	top:-20px;
	left:50px;
	background:url("images/spot-rouge.png") no-repeat;
	display:block;
	height:1000px;
	width:600px;
}



#spot3{
	position:absolute;
	top:-20px;
	left:500px;
	background:url("images/spot-vert.png") no-repeat;
	display:block;
	height:1000px;
	width:600px;
}



#spot4{
	position:absolute;
	top:-20px;
	left:600px;
	background:url("images/spot-bleu.png") no-repeat;
	display:block;
	height:1000px;
	width:600px;
}

#lyre{
	position:absolute;
	top:-1000px;
	left:600px;
	background:url("images/lyre-rose.png") no-repeat;
	display:block;
	height:1954px;
	width:1068px;
}

#laser{
	position:absolute;
	background:url("images/laser.png") no-repeat;
	display:block;
	height:750px;
	width:1000px;
}

.bottom-bg{
	display:block;
	height:1050px;
	width:1644px;
	position:absolute;
	z-index:1;
}

#bottom-bg1{
	background:url("images/bg-violet2.png") no-repeat;
	z-index:2;
}
#bottom-bg2{
	background:url("images/bg-rouge2.png") no-repeat;
	z-index:1;
	display:none;
}

#silhouette{
	position:absolute;
	background:url("images/silhouette.png") no-repeat;
	display:block;
	height:320px;
	width:1500px;
	z-index:20;
}

#mainContent{
	background:#000000;
	color:#ffffff;
	opacity:0.8;
	width:980px;
	margin:auto;
	z-index:100;
	position:relative;
	
}