@font-face {
    font-family: basque;
    src: url(Magda.TTF);
}

#header{
	background: url("logo2.png") no-repeat center left, url("nouveau.jpg") no-repeat center right;
	background-color: SandyBrown ;
	padding: 50px 0px 100px 100px;
	margin-top: -0px;
	font-family: basque;
}

body{
        font-family : Verdana; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 11 pixels */
}
main
{
  width: 100%;
  height: 100%;
  
}
#navigation
{
  width: 100%;
  height: 30px;
  background-color: peru;
  padding: 0px 0px 0px 0px;
  margin-top: -24px;

}
#navigation div {
	padding: 0px 0px 0px 0px;
   margin: auto;
    width: 90%;
}
#footer{
	 border: 1px solid green;
	 text-align : center;
}
#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
                z-index:999;
}
#menu, #menu ul /* Liste */     
{
        padding : 0 0 0 0;  
        margin : 0; 
        list-style : none; 
        line-height : 30px; 
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu a /* Contenu des listes */
{
        display : block;  
        padding : 0; 
        background : peru;    
        color : white; /* couleur du texte */
        text-decoration : none; 
        width : 150px; /* largeur */

}

#menu li       
{ 
        float : left; 
        
        
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li 
{
        
        border-top : 1px solid #fff; 
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: peru; /* On passe le texte en bleu... */
        background: yellow; /* ... et au contraire, le fond en blanc */
}

.selected
{
 	BACKGROUND-COLOR: red; 
}


#menu li:hover ul ul, #menu li.sfhover ul ul 
{ 
        left: -999em; 
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
#corps table {
	width: 100%;
}


#corps p img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
