body{
   width:  870px;
   margin: auto; /*centrage du bloc*/
   margin-top : 0px;
   font-size: large;
   background-color: #FFE495;
   color: #000; /* noir */
   font-family: times, arial, sans-serif;
   text-align: center;
    }

	h2 {
	text-align: center;
	font-size: x-large;
	}
	
	h3 {
	text-align: left;
	font-style: italic;
	font-size: large;
	}
		
	h4 {
	text-align: center;
	font-size: medium;
	}
	
	h5 {
	text-align: left;
	font-size: small;
	}
	
	p{
	text-align: justify;
	}
	
	a{
	text-decoration: underline;
	color: #000; /* noir */
	}
		
	a:hover{	  
	text-decoration: underline;
	color : #A9A9A9; /* dark gray */
	}
		
	td, tr{
	font-size: large;
	font-style: italic;
	text-align: center;
	}
		
	ul {
	list-style-type: square;
	}
		
	img{
	border-style: none;
	}
	
	hr{
	border: 1px solid #D6A026;
	}

	#banniere{
    width: 870px;
    height: 170px;
    background-repeat: no-repeat;
	display: block;
    border-style: none;
    margin: 0px;
    }
 	
   .conteneur{
    height: auto;
	width: 870px;
	background-color: #F6F5BC;
	border-style: none;
	text-align: left;
	}
      		 
	.onglets{
	width: 100%; 
	height: auto;
	}			 
			 
	.menu{
	width: 182px;
	height: auto;
    float: left;
	font-style: italic;
	text-align: left;
	font-size: small;
	border-style: none;
	margin: 10px 0 0 0px;
	padding-left: 10px;
	}
	   	   
	.petitmenu a{
	text-decoration: none;
	color: #F6F5BC; /* blanc cassé */
	}	
	
    .petitmenu a:hover{
	text-decoration: none;
	color: #4D1A23; /* brique foncé */
	}					  
		  
	.petitmenu{
	width: 170px;
    height: auto;
	text-decoration: none;
	font-size: medium;
    float: left;
	color: #F6F5BC; /* blanc cassé */
	font-style: italic;
	background-color: #D6A026;
	padding: 10px 8px 5px 0;
	-moz-border-radius: 10px 10px 10px 10px;/* angles arrondis pour Mozilla */
	-khtml-border-radius: 10px 10px 10px 10px; /* pour Linux */
	-webkit-border-top-left-radius: 10px;/* pour Chrome */ 
	-webkit-border-top-right-radius: 10px;/* pour Chrome */
    -webkit-border-bottom-left-radius: 10px;/* pour Chrome */ 
	-webkit-border-bottom-right-radius: 10px;/* pour Chrome */			   
	}
			     		  
	.contenu{
	width: 650px;
    height: auto;
    border-style: none;
	margin: 40px 15px 20px 10px ;/* marge en haut de 40px */
	float: right;
	}
			  
	.contenubis{
	width: auto;
    height: auto;
	border-style: none;
	padding: 60px 0 50px 0;
	}		  
			  
	.main{
    display: block;
	margin: 10px 10px 10px 0px;
	}	
		
	.lydia{
    display: block;
	width: auto;
	float: right;
	margin: 10px 0 15px 10px;
	}
	  
	.map{
    display: block;
	margin: 0 10px 30px 0;
	float: left;
	}
			 
    .pieddepage{
	width: 100%;
    height: 60px;
	font-size: medium;
    border-top: 1px solid black;
	padding-top: 15px;
    text-align: center;	    
    clear: both; 
    } 	
	  
	.pieddepage a{
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	}  	

    .pieddepage p{
	text-align: center;
	}  	 
					  
	.angegauche {
	float: left;
	margin-bottom: 40px;
	margin-right:20px;
	}
	
    .angedroite{
	float: right; 
    margin-top: 40px;
	margin-bottom: 15px;
    }
		 	
	#onglets, #onglets ul  /* Liste */     
	{padding: 0; /* pas de marge intérieure */
	margin: 0; /* ni extérieure */
    line-height: 21px; /* on définit une hauteur pour chaque élément */
	list-style: none; /* on supprime le style par défaut de la liste */
    text-align: center; /* on centre le texte qui se trouve dans la liste */
	}
			 
	#onglets a /* Contenu des listes */
	{display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding: 0; /* aucune marge intérieure */
	background-color: #393534;        
    color: #fff; /* couleur du texte : blanc */
	text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	font-style: italic;
	width: 143px; /* largeur */
	}
    
    #onglets a:hover/* Lorsque la souris passe sur un des liens*/   
	{text-decoration: underline;
    }
			  
	#onglets li/* Éléments des listes */      
	{float: left;/* pour IE qui ne reconnaît pas "transparent" */
	border-right: 1px solid #fff;/* on met une bordure blanche à droite de chaque élément */
	}
		
    html>body #onglets li{/* IE ne reconnaissant pas le sélecteur ">" */
	border-right: 1px solid transparent;/* on met une bordure transparente à droite de chaque élément */
	}
			   
	#onglets li ul/* Sous-listes */
	{position: absolute;/* Position absolue */
    width: 143px;/* Largeur des sous-listes : environ 144px */
	left: -999em;/* on envoie loin du champ de vision */
	}
				
	#onglets li:hover ul, #onglets li.sfhover ul/* Sous-listes lorsque la souris passe sur un élément de liste */
	{left: -999em;/* On expédie les sous-listes hors du champ de vision */
	}			
                				
	html>body #onglets li ul li{
	border-top: 1px solid transparent;
	}
	 
    #onglets li:hover ul, #onglets li li:hover ul, #onglets li.sfhover ul, #onglets li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ 
	{left: auto;  /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
	}