html	{
			background-color:#0099cc;
			}
			
body	{
			background:url('images/fond_aqua.jpg');
			background-repeat:no-repeat;
			font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
			font-size:100%;
			width:1300px;
			height:1000px;
			position:absolute;
			left:50%;
			top:50%;
			margin-left:-450px;
			margin-top:-320px;
			}
			
			
#change	{
			background:url('images/fond_aqua1.jpg');
			background-repeat:no-repeat;
	}
	
			
#change1	{
			background:url('images/fond_aqua2.jpg');
			background-repeat:no-repeat;
	}
	
/* ------------------ menu ------------------*/

#blueblock{
width: 180px;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
background-color: #ffffff;
color: #0099cc;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background-color: #0099cc;
color: #fff;
}

/* ---------------- index ---------------*/

#left	{
			width:220px;
			height:500px;
			margin-top:150px;
			margin-left:30px;
			float:left;
			
			}
			
			
#right	{
			color:#0099cc;
			margin-top:130px;
			margin-left:270px;
			font-size:90%;
		
			}
			

/*------------------------ photos -------------------*/
			
			
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid #0099cc;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 20px;
left: 20px; 

}	

.thumbnail:hover span.top{ 
visibility: visible;
top: -200px;
left: 20px; 

}	

.thumbnail:hover span.topright{ 
visibility: visible;
top: -200px;
left: -500px; 

}	

			
#right ul li	{
					list-style:none;
					display:inline;
					}
			

			
#photos1	{
				height:400px;
				width:80px;
				float:left;
				
				}
			
			
			
#photos	{
				height:400px;
				width:80px;
				float:left;
				}
			
			
#photos2	{
				height:400px;
				width:80px;
				float:left;
				
				}		
				
#photos3	{
				height:400px;
				width:80px;
				float:left;
				
				}		
				
#photos4	{
				height:400px;
				width:80px;
				float:left;
				
				}		
				
#photos5	{
				height:400px;
				width:80px;
				float:left;
				
				}		
				
#photos6	{
				height:400px;
				width:80px;
				float:left;
				
				}		
			
			
#diaporama	{
				margin-left:40px;
				margin-top:180px;
				}
			
			
			
/*---------------- reglement ---------------*/

#right-reglement	{
			color:#0099cc;
			margin-top:130px;
			margin-left:250px;
			font-size:90%;
			width:570px;
			}
			
			
#right-reglement ul li	{
					list-style:decimal;
					}