html {font-size: 100%; /* Évite un bug d'IE 6-7. (1) */}
	* { margin:0; padding:0; outline:0 }
	html, body { height:100%; }


.bodypage {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size: 13px;
}

#distance { 
		width:1px;
		background-color:#000000;
		float:left;
		}

.container {
	width: 1000px;
	height:1600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	font-size: 12px;
	position:relative;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica,sans-serif;
        font-style: normal;
	line-height:15px;
	font-weight:200;
	background-color: #000000;
	color:#CCCCCC;
	clear: both;
	}
		
		A:link { 
			color:#BBBBBB;
			text-decoration:none;
		}

		A:visited{
			text-decoration:none;
			color:#BBBBBB;
			}

		A:hover {
			color:#DD99DD;
			text-decoration:none;
			}  

hr {
     display:  block;
     height: 1px;
     margin: 0;
     _margin: -7px 0;
     padding: 0;
     color: #AAAAAA;
     background-color: #AAAAAA;
     border: 0;
 }





	#lag {
		color:#DD99DD;
		font-size:37px;
		letter-spacing:0px;
		font-style:italic;
  	   	position:absolute;
 	    	left: 10px; 
 	    	top: 50px; 
		margin:0;
		margin-top:-5px;
	    	text-align:left;
		line-height:40px;
	        }
		
	#vision {
		color:#CCBBCC;
		font-size:12px;
  	   	position:absolute;
 	    	left: 0px; 
		width:240px;
 	    	top: 90px; 
		margin:0;
		padding:0;
	    	text-align:center;
	        }

	#photo {
		color:#CCBBCC;
		font-size:12px;
	    	text-align:left;
  	   	position:absolute;
		width:240px;
		text-align:center;
 	    	left: 0px; 
 	    	top: 105px; 
	        }

	#menu {
  	   	position:absolute;
		font-size:12px;
 	    	top: 190px; 
 	    	left: 40px; 
		line-height:20px;
	    	text-align:center;
		width:150px;
		padding:0;
		margin:0;
	        }
		

	#legend {
		color:#AAAAAA;
		line-height:20px;
 		position:absolute;
 	    	left: 200px; 
 	    	top: 172px; 
		font-size:12px;
		letter-spacing:1.7px;
	        }

	.legend {
		position:relative;
 	    	left: 220px; 
 	    	top: -20px; 
		color:#AAAAAA;
		line-height:20px;
 		position:absolute;
		font-size:12px;
	        }

	.legend2 {
		position:relative;
 	    	left: 220px; 
 	    	top: -40px; 
		color:#AAAAAA;
		line-height:20px;
 		position:absolute;
		font-size:12px;
	        }

	.more {
		position:relative;
 	    	left: 820px; 
		width:170px;
		text-align:right;
 	    	top: -20px; 
		color:#AAAAAA;
		line-height:20px;
 		position:absolute;
		border:0;
		padding-left:5px;
		padding-right:5px;
		background-color:#000000;
	        }

	#imagerel {
  	   	position:absolute;
 	    	left: -620px; 
 	    	top: 31px; 
	        }




	#plus {
		position:absolute;
 	    	right: 000px; 
		width:100px;
		text-align:right;
		color:#DD99DD;
		line-height:20px;
		font-size:12px;
		letter-spacing:1.7px;
	        }

		#plus:hover {
		color:#BBBBBB;
	        }


	#date {
		color:#DDDDDD;
		font-size:8pt;
  	   	position:absolute;
 	    	left: 12px; 
 	    	top: 80px; 
	    	text-align:left;
		letter-spacing:1.7px;
	        }

	#entree {
		color:#888888;
		font-size:9pt;
  	   	position:absolute;
 	    	left: 80px; 
 	    	top: 125px; 
	    	text-align:left;
		letter-spacing:2px;
	        }

		#entree:link {
		color:#DD99DD;
		text-decoration:none;
		letter-spacing:2px;
		}

		#entree:hover {
		color:#BBBBBB;
		font-size:9pt;
		text-decoration:none;
		letter-spacing:2px;
		}

		#entree:visited {
		text-decoration:none;
		color:#DD99DD;
		font-size:9pt;
		letter-spacing:2px;
		text-decoration:none;
		}

	#line {
  	   	position:relative;
 	    	left: 00px; 
 	    	top: 0px; 
		border:0;
		margin:0;
		padding:0;
	        }


	#image {
  	   	position:relative;
 	    	left: 200px; 
 	    	top: 10px; 
	        }



	#image0 {
  	   	position:absolute;
 	    	left: 10px; 
 	    	top: 180px; 
	        }
	        
		
	#text {
  	   	position:relative;
 	    	left: 200px; 
 	    	top: 0px; 
		width:800px;
		font-size:12px;
		line-height:20px;
		text-align:justify;
		}
	        

				
	#text A {
  	   	color:#DD99DD;
		}
	        
					
	#text A:hover {
  	   	color:#BBBBBB;
		}
	  


				
a {
text-decoration: none; /* définition du lien qui affichera le calque */
}

a:hover {
background: none; /* correction d'un bug IE */
}

a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}


a:hover span { /* définition de la balise <span> au survol */
display:block;
position: absolute;
left: +0px;
top:+0px;
text-align:center;
}