@charset "utf-8";
/* CSS Document */

* { margin:0px;
    padding:0px;
	}
body { background: #999999;
       font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:18px;
	   color: #333333;	   
	   }
.wapper {
          width:92%;
		  margin-top:2%;
		  margin-right:auto;
		  margin-left:auto;		  
		  text-align: center;	  
		  }
.contenu { padding: 10px;
           margin:10px;
		   text-align:justify;		   
		   }
        		   		  
 #navlist
{
color: white;
background:##fbef79 ;
padding: 0 2px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #eb8e37;
border-width: 0px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#courant { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* necessaire seulement pour Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;

/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#courant:hover
{
background: #e36d28;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#courant:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}