body {
margin:10px; 
font:10px Verdana,Arial; 
background:url("../design/fond.jpg");
background-repeat:repeat-x;
background-color:#000000;
}

a,p,ul,li {
color:#fff;
}

a.footer {
text-decoration: none ;
}

.accueil {
position: relative;  width:450px; height:380px; 
}



.presentation {
position: relative; left:350px;  width:600px; height:380px; 
overflow:auto;
visibility : visible; z-index : 1;
}


			#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;	/* Création du contexte de formatage */
        background: url("../design/menu-fond-noir.png") repeat; 
				}
			#nav li {
				float: left ;
				width: 162px ;
				border: 1px solid #000 ;
				margin-right: 1px ;
				color: #fff ;
				}

			#nav li a {
				display: block ;
				color: #fff ;
        font:13px Verdana,Arial; 
        font-weight:bold;
				line-height: 1em ;
				padding: 5px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li.vert a:hover {
			background: url("../design/menu-fond-vert.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.vertactif a {
			background: url("../design/menu-fond-vert.png") repeat; 
				text-decoration: none ;
				}
				
			#nav li.bleu a:hover {
			background: url("../design/menu-fond-bleu.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.bleuactif a{
			background: url("../design/menu-fond-bleu.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.violet a:hover {
			background: url("../design/menu-fond-violet.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.violetactif a{
			background: url("../design/menu-fond-violet.png") repeat; 
				text-decoration: none ;
				}
				
											#nav li.orange a:hover {
			background: url("../design/menu-fond-orange.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.orangeactif a{
			background: url("../design/menu-fond-orange.png") repeat; 
				text-decoration: none ;
				}
				
					#nav li.marine a:hover {
			background: url("../design/menu-fond-marine.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.marineactif a{
			background: url("../design/menu-fond-marine.png") repeat; 
				text-decoration: none ;
				}
				
						#nav li.jaune a:hover {
			background: url("../design/menu-fond-jaune.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.jauneactif a{
			background: url("../design/menu-fond-jaune.png") repeat; 
				text-decoration: none ;
				}
				
									#nav li.gris a:hover {
			background: url("../design/menu-fond-gris.png") repeat; 
				text-decoration: none ;
				}
				
							#nav li.grisactif a{
			background: url("../design/menu-fond-gris.png") repeat; 
				text-decoration: none ;
				}
				
			#nav li a:hover, #nav li a:focus, #nav li a:active {
			background: url("../design/menu-fond-noir.png") repeat; 
			text-decoration: none ;
				}