.fond {
		overflow: scroll;
		height:3000px;
		width:4400px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;

} 
.text1 {
		height:120px;
		width:620px;
		position: absolute;
			background-color: yellow;
		
		top: 9.5%;
		left: 9% ;
		} 

.text2 {
		height:600px;
		width:500px;
		position: absolute;
		background-color: white;
	
  		top: 23%;
		left: 22% ;
		} 

.text3 {
		height:290px;
		width:520px;
		position: absolute;
		background-color: white;

  		top: 49.5%;
		left: 29% ;
		} 

.text4 {
		height:190px;
		width:900px;
		position: absolute;
		background-color: white;
	
  		top: 2000px;
		left:1000px ;
		} 

.text5 {
		height:350px;
		width:450px;
		position: absolute;
		background-color: white;
	
  		top: 100px;
		left:2200px ;
		} 

.text6 {
		height:250px;
		width:950px;
		position: absolute;
		background-color: white;
		
  		top: 900px;
		left:2900px ;
		} 


.text7 {
		height:300px;
		width:1000px;
		position: absolute;
		background-color: white;
		
  		top: 1800px;
		left:2700px ;
		} 

.text8 {
		height:100px;
		width:100px;
		position: absolute;
		background-color: white;
	
  		top: 2300px;
		left:3900px ;
		} 


.trait1 {
		height:500px;
		width:250px;
		position: absolute;
		left: 730px;
		top: 400px;
		} 

.trait2 {
		height:2500px;
		width:300px;
		position: absolute;
		left: 1780px;
		top: 20px;
		} 


.genji {
		height:450px;
		width:550px;
		position: absolute;
		background-image: url("petitgenji.png");
  			 background-repeat: no-repeat;
  			 background-size: 100%;
  			
		top: 820px;
		left: 2060px ;
		

} 

.genji:hover {
		background-image: url("genji.png");
  					background-size: 100%;
  					background-repeat: no-repeat;
  					} 

.storespieds  {
		height:450px;
		width:700px;
		position: absolute;
		background-image: url("storespieds_petit.png");
  			 background-repeat: no-repeat;
  			 background-size: 100%;
  			
		top: 2190px;
		left: 1250px ;
		

} 

.storespieds:hover { background-image: url("storespieds.png");
  					background-size: 100%;
  					background-repeat: no-repeat;
  					} 

.lippi{
		height:400px;
		width:800px;
		position: absolute;
		background-image: url("lippi_petit.png");
  			 background-repeat: no-repeat;
  			 background-size: 105%;
  			
		top: 1700px;
		left: 1930px ;
		

} 

.lippi:hover { background-image: url("lippi.png");
  					background-size: 105%;
  					background-repeat: no-repeat;
  					} 

.nature{
		height:400px;
		width:500px;
		position: absolute;
		background-image: url("nature_petit.png");
  			 background-repeat: no-repeat;
  			 background-size: 100%;
  			
		top: 1010px;
		left: 2300px ;
		

} 

.nature:hover { background-image: url("nature.png");
  					background-size: 100%;
  					background-repeat: no-repeat;
  					} 


.promenoir{
		height:370px;
		width:600px;
		position: absolute;
		background-image: url("promenoir_petit.png");
  			 background-repeat: no-repeat;
  			 background-size: 120%;
  			
		top: 1690px;
		left: 800px ;
		

} 

.promenoir:hover { background-image: url("promenoir.png");
  					background-size: 100%;
  					background-repeat: no-repeat;
  					} 
.simultaneite{
		height:400px;
		width:1500px;
		position: absolute;
		background-image: url("simultaneite_petit.png");
  			 background-repeat: no-repeat;
  			 background-size: 90%;
  			
		top: 1330px;
		left: 2470px ;
		

} 
.simultaneite:hover { background-image: url("simultaneite.png");
  					background-size: 90%;
  					background-repeat: no-repeat;
  					} 



.soleilnoir {
		height:400px;
		width:400px;
		position: absolute;
		top: 2400px;
		left: 3950px ;
		right:0px;
		bottom: 0px;
	} 

.perso1 {
		height:630px;
		width:630px;
		position: absolute;
		background-image: url("perso1.png");
  			 background-repeat: no-repeat;
  			 background-size: 100%;
  			
		top: 15%;
		left: 7% ;
		

} 


.perso2 {
		height:630px;
		width:630px;
		position: absolute;
		background-image: url("perso2.png");
  			 background-repeat: no-repeat;
  			 background-size: 100%;
  			
		top: 2%;
		left: 25% ;
		

} 


.perso3 {
		height:630px;
		width:1800px;
		position: absolute;
		background-image: url("perso3.png");
  			 background-repeat: no-repeat;
  			 background-size: 90%;
  			
		top: 10%;
		left: 50% ;
		

} 

.coulissant{
		height:500px;
		width:1000px;
		position: absolute;
		background-image: url("coulissant_petit.png");
  			 background-repeat: no-repeat;
  			 background-size: 100%;
  			
		top: 77%;
		left:55% ;
		

} 

.coulissant:hover { background-image: url("coulissant.png");
  					background-size: 100%;
  					background-repeat: no-repeat;
  					} 


.nuages{
		height:300px;
		width:1000px;
		position: absolute;
		background-image: url("nuages_petit.png");
  			 background-repeat: no-repeat;
  			 background-size: 120%;
  			
		top: 0%;
		left:40.3% ;
		

} 

.nuages:hover { background-image: url("nuages.png");
  					background-size: 120%;
  					background-repeat: no-repeat;
  					}