body{
	background-color: #DCDCDC /*Gainsboro*/; 
	color: black;
	font-family: Verdana, Helvetica, serif;
	font-size: small;					
}

#page{    
	background-color : white;
	width : 980px; /* largeur de la page */
	margin-top: 2px; 
	margin-left: auto; /*pour centrer */
	margin-right: auto;
	margin-bottom: 2px;
}
#bandeau{    		 
	margin-bottom: 0; /* pas de marge inférieure */ 	  
}
#bandeau h1 span{  
	font-size: 75%;	
	color: #DAA520; /* GoldenRod */	 	
}
.img_gauche{
    float: left;
	padding: 5px;
	margin-right: 25px;	
	margin-bottom: 5px;
}

.img_droit{    
	float: right;
	padding: 5px;
	margin-left: 5px;
	margin-bottom: 5px;	
}

.col_gauche{
    margin-top: 7px;
    float: left;
	width: 60%;
}

.col_droit{
    margin-top: 7px;    
	float: right;
	width: 40%;		
}

#zone_navigation{
	background-color : White;
	margin: 0;	
	padding: 0px 10px 4px 0px;
	text-align: right; /*cadrée à droite */
	border-bottom: 2px solid #DAA520; /* GoldenRod */	
	
}
#zone_navigation ul{
	margin-bottom: 0;			
}

#zone_navigation li{
	display: inline;
	list-style-type : none; /*Sans puce */	
	text-align : center;
	margin: 0 2px 0 0;
						
}
#zone_navigation  a{
	background-color: #DAA520; /* GoldenRod */	
	color: white;			
	padding: 4px 5px 4px 5px;
	border: 2px solid #DAA520; /* GoldenRod */	
}

#zone_navigation a:hover{
	text-decoration: underline;	
}
#zone_navigation  #active{
    background-color: White;
	font-weight: bold; 
	color: Navy;
	border-top: 2px solid #DAA520; /* GoldenRod */
	border-left: 2px solid #DAA520; /* GoldenRod */
	border-right: 2px solid #DAA520; /* GoldenRod */	
	padding: 4px 5px 6px 5px; /*6 px pour effacer la bordure inférieure */	
}

/*#page_accueil #navi01 a,
#page_visite #navi02 a,
#page_region #navi03 a,
#page_tarifs #navi04 a,
#page_galerie #navi05 a,
#page_dispo #navi06 a,
#page_liens #navi07 a{
    background-color: White;
	color: Navy;	
	padding-bottom: 6px; 
	border-bottom:none;
	text-decoration: none;		
}*/

#zone_texte{
	margin-left: 10px;
	margin-right: 10px; 
}
#zone_texte p{
	text-align: justify;
				
}

#pied_page{
	clear:both;
    border-top: 1px solid #DAA520; /* GoldenRod */				
	padding: 5px;
	font-size: 80%;
	text-align: center;		
}

a{
	text-decoration: none; /* supprime le soulignement ds liens */
	color: #DAA520; /* GoldenRod */	
	font-weight: bold; 
}
a:hover, a:focus {
	color: #B8860B ; /*DarkGoldenRod*/
}
h1{
	font-size: 200%;
	font-weight: bold; 
	color: Navy; 
}
h2{
	font-size: 130%;
	font-weight: bold; 
	color: #DAA520; 
}

#zone_texte h2{
	font-size: 150%;
	color: #DAA520; /* GoldenRod */ 
	font-weight: bold;	
}
#zone_texte h3{
	font-size: 130%;	
	color: #DAA520; /* GoldenRod */ 
	font-weight: bold;	
}
.entete {
	font-size: small;
	font-weight: bold;
	color: White;	
	background-color: Navy;
}
.detail {
	font-size: small;	
	background-color: #FFFACD ; /*LemonChiffon*/
	font-weight: bold;
	color: black;
}
.petit {   	
	font-weight: normal;
	font-size: 80%;
}

.note {	
	font-size: 45%;	
	font-weight: normal;
	font-style: italic;	
	color: black;
}
.vignette{	
	width: 156px;
	height: 156px;
	vertical-align: middle;
	text-align:center;
	border: 1px solid #D3D3D3 ; /*lightGrey*/
	/*background-color: #FFFFFF ; */	
}
	
a img{
	border: none; /*supprimer la bordure pour les images dans les liens */			
}