html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
	}

	* { margin:0; padding:0; outline:0;}

	html, body { height:100%; }


	body {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif}
	body {font-size: 11px}
        body {font-style: normal}
        body {width: 1000px}
        body {height: 1000px}
	body {line-height:20px}
        body {letter-spacing: 1.2px}
	body {background-color: black}
	body {color:#BBBBBB}

        body {scroll:hidden}
	W {color:#FFFFFF}
	h1 {
	font-size:12px;
	font-weight:600;
	color:#FFFFFF;}
        
 
	p {
   	 margin: 10px 0; /* Marges plus faibles que par défaut. (7) */
	}



	A:link { 
		text-decoration:none;
		color:#58CCFF;
		}

        A:hover {
		text-decoration:none;
		color:#FFFFFF ;
                        }
	
	A:visited { 
		text-decoration:none;
		color:#58CCFF;
		}

	#global {
		position:absolute;
		left: 50%; 
		width: 1000px;
		margin-left: -500px; /* moitié de la largeur */
		border: 0px solid #000;
   	  }

	#marge {
		position:absolute;
		left: 100px; 
		top:30px;
	}


		
	#intention {
		position:absolute;
		top: 19px;
		left: 430px;
	}



	#intention1 {
		position:absolute;
		top: 19px;
		left: 430px;
		color:#FFFFFF;
	}


	#intention2 {
		position:absolute;
		top: 19px;
		left: 430px;
		color:#222222;
	}


	#agenda {
		position:absolute;
		top: 19px;
		left: 510px;
	}



	#agenda1 {
		position:absolute;
		top: 19px;
		left: 510px;
		color:#FFFFFF;
	}

	#agenda2 {
		position:absolute;
		top: 19px;
		left: 510px;
		color:#222222;
	}




	#planb {
		position:absolute;
		top: 35px;
		left: 510px;
		width:50px;
	}



	#planb1 {
		position:absolute;
		top: 35px;
		left: 510px;
		color:#FFFFFF;
		width:50px;
	}

	
	#memoire {
		position:absolute;
		top: 19px;
		left: 575px;
	}


	#memoire1 {
		position:absolute;
		top: 19px;
		left: 575px;
		color:#FFFFFF;
	}

	#vedettes {
		position:absolute;
		top: 19px;
		left: 650px;
	}


	#vedettes1 {
		position:absolute;
		top: 19px;
		left: 650px;
		color:#FFFFFF;
	}

	#vedettes2 {
		position:absolute;
		top: 19px;
		left: 650px;
		color:#222222;
	}

	#accueil {
		position:absolute;
		top: 19px;
		left: 730px;
	}



	#accueil1 {
		position:absolute;
		top: 19px;
		left: 730px;
		color:#FFFFFF;
	}

	
	#accueil2 {
		position:absolute;
		top: 19px;
		left: 730px;
		color:#222222;
	}


	#intention:hover {
		color:#FFFFFF;
	}

	#agenda:hover {
		color:#FFFFFF;
	}

	#memoire:hover {
		color:#FFFFFF;
	}

	#vedettes:hover {
		color:#FFFFFF;
	}

	#accueil:hover {
		color:#FFFFFF;
	}

	#planb:hover {
		color:#FFFFFF;
	}

	#page {
		position:absolute;
		top:130px;
		left: 16px;
		text-align:justify;
		width:760px;
	     }

     	#page400 {
		position:absolute;
		top:130px;
		left: 16px;
		width:390px;
		text-align:justify;
	     }

	#pagesuite {
		position:relative;
		top:80px;
	     }



	#text {
		position:absolute;
		top: 130px;
		left: 430px;
		width:350px;
		text-align:justify;
	     }

	#date {
		position:absolute;
		top: 130px;
		left: 300px;
		width:100px;
		text-align:left;
	     }


     	#text  A {
		color:#58CCFF;
	     }

	#text  A:hover {
		color:#FFFFFF;
	     }

     	#flash {
		position:absolute;
		top:60px;
		left: 0px;
		width:800;
		text-align:justify;
	     }

     
     	#textrel {
		display:block;
		float:right;
		width:350px;
		text-align:justify;
	     }


 	#textrel A:hover {
		color:#FFFFFF;
	     }

	     
	  #textrelG {
		display:block;
		float:left;
		width:350px;
		text-align:justify;
	     }
	     


	#Arrow {
		font-size:16px; 
		font-weight:800; 
 	    	top: 2px; 
		font-size:16px; 
		font-weight:800; 
	}


	#next {
		overflow: hidden;
		width:763px;
	     }

	 #nextB {
		overflow: hidden;
		width:763px;
		margin-bottom:100px;
	     }

	     
	 #next25 {
		overflow: hidden;
		width:763px;
		margin-bottom:100px;
	     }

	#imagerel {
		display: block;
		float:left;
		left: 0px;
		width:390px;
		color:#777777;
		border:1px;
		text-align:center;
	     }

	  #imagerel A {
		  color:#777777;
	     }

	     
	  #imagerel A:hover {
		  border-color:#777777;
	     }

	     
	#imagerelR {
		display: block;
		float:left;
		left: 0px;
		width:390px;
		margin-bottom:100px;
		border:1px;
		text-align:right;
	     }

     	#image800 {
		left: 0px;
		width:800px;
		color:#777777;
		border:0px;
		text-align:center;
	     }

	#credit {
		font-size:9px;
		width:328px;
		border:1px;
		text-align:right;
	     }

	#creditG {
		font-size:9px;
		width:328px;
		border:1px;
		margin-left:30px;
		text-align:left;
	     }


	#vedetteslist {	
		position:absolute;
		top:130px;
		left: 200px;
		width:205px;
		list-style: none ;
		text-align:right;
		font-size:11px;
		font-weight:600;
	     }


	     	
	#num {
		position:absolute;
		top: 40px;
		left: 430px;
		width:100px;
	}


	#vedetteslist A:hover {	
		color:#FFFFFF;
	     }



	#quoiquand {	
		position:relative;
		left:230px;	
		top:-20px;
		width:380px;
		list-style: none ;
		text-align:left;
		font-weight:200;
	     }

     	#ouquand {	
		position:relative;
		left:50px;	
		margin-top:+20px;	
		margin-bottom:+30px;	
		width:300px;
		padding-left:+5px;
		list-style: none ;
		text-align:left;
		font-weight:200;
		color:#777777;
		border-left: 1px solid #444444; 
		display: block; 
	     }

	     
     	#ouquandG {	
		position:relative;
		left:0px;	
		margin-top:+20px;	
		margin-bottom:+30px;	
		width:340px;
		padding-left:+5px;
		list-style: none ;
		text-align:left;
		font-weight:200;
		color:#777777;
		border-left: 1px solid #444444; 
	     }

	   #ouquandGB {	
		position:relative;
		left:0px;	
		margin-top:+60px;	
		margin-bottom:+30px;	
		width:340px;
		padding-left:+5px;
		list-style: none ;
		text-align:left;
		font-weight:200;
		color:#777777;
		border-left: 1px solid #444444; 
	     }

	#logo {
  	   	position:absolute;
 	    	left: 10px; 
 	    	top: 21px; 
	        }
	

	  
	  
/* le bouton submit */
input[type="submit"] {
	background:#000000; 
	font:11px, Verdana, sans-serif;letter-spacing: 1px ;
	border:none; margin-right:0;  margin-left:-8px; 
	color:#58CCFF;
}



fieldset {
  background:#000000;
  border:none;
  text-align:left;
  margin-left:0;
  margin-bottom:0px;
  padding:0;
  width:350px;
}



#buttons {
  margin-top:0px;
   cursor: pointer;
   color:#58CCFF;
  margin-right:-5px;
    background:#000000;
    border:0px;
 font:11px, Verdana, sans-serif;letter-spacing: 1px ;
}




#coordonnees input {
  color:#58CCFF;
  font-size:11px;
  letter-spacing:2px;
  background:#000000;
  margin-left:0px;
  width:60px;
  margin-right:0px;
  line-height:10px;
  margin-bottom:0px;
  padding-right:0px;
  border-width:1px;
  border-top:0px;
  border-left:0px;
  border-right:0px;
}



#program {
  letter-spacing:2px;
  background:#000000;
  letter-spacing:2px;
  border-color:#000000;
  margin-left:00px;
  line-height:10px;
  margin-bottom:+0px;
  padding:0px;
}

#program input {
  background:#000000;
  letter-spacing:2px;
  border-color:#000000;
  margin-left:0px;
  line-height:10px;
  margin-bottom:+0px;
  padding:0px;
}




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:inline;
position: absolute;
left: -370px;
width:250px;
text-align:center;
}

#minived {
	position:absolute;
	left:-180px}