body {
	margin: 0; /* pour éviter les marges */
  	text-align: center; /* pour corriger le bug de centrage IE */
	background: #836f5f url(../images/index/background.gif) top repeat-x;
	font: 12px Arial;
	color: #000000;
}


a, a:visited, a:hover, a:focus, a:active { text-decoration: underline; }

form { margin:0px; }


#contenu {
	margin: 0 auto; /* Pour center le site */
	text-align: left;
	width: 854px;
}

h1{
	font-weight:normal;
	margin:0px;
}

h2{
	font-weight:normal;
	margin:0px;
}

h3{
	font-weight:normal;
	margin:0px;
}

ul, li{
	margin:0px;

}



.police-times-13-blanc { font:13px "Times New Roman"; color:#FFFFFF; }
.police-times-15-blanc { font:15px "Times New Roman"; color:#FFFFFF; }

.police-times-14 { font:normal 14px "Times New Roman"; }
.police-times-24-gris { font:normal 24px "Times New Roman"; color:#898684; letter-spacing:0.9; line-height:0.9 }
.police-times-24-violet { font:normal 24px "Times New Roman"; color:#78728A; letter-spacing:0.9; line-height:0.9 }
.police-times-24-bleu { font:normal 24px "Times New Roman"; color:#5471a3; letter-spacing:-1px; line-height:0.9 }
.police-times-40-gris { font:40px "Times New Roman"; color:#898684; }
.police-times-40-violet { font:40px "Times New Roman"; color:#78728A; }
.police-times-40-bleu { font:40px "Times New Roman"; color:#5471a3; }

.police-arial-11-marron { font:11px Arial; color:#928077; }
.police-arial-12-gris { font:12px Arial; color:#898684; }
.police-arial-13-marron { font:13px Arial; color:#928077; }
.police-arial-15-orange { font:15px Arial; color:#a46736; }
.police-arial-15-vert { font:15px Arial; color:#85986c; }
.police-arial-15-rouge { font:15px Arial; color:#a74a45; }
.police-arial-15-gris { font:15px Arial; color:#898684; }
.police-arial-15-bleu { font:15px Arial; color:#5471a3; }
.police-arial-18-gris { font:18px Arial; color:#898684; }

.police-verdana-11-marron { font:11px Verdana; color:#72635c; }


a.lien-violet-gris, a.lien-violet-gris:visited  { color: #78728A; text-decoration: none;}
a.lien-violet-gris:hover, a.lien-violet-gris:focus, a.lien-violet-gris:active { color: #898684; }

a.lien-marron-noir, a.lien-marron-noir:visited  { color: #72635c; text-decoration: none;}
a.lien-marron-noir:hover, a.lien-marron-noir:focus, a.lien-marron-noir:active { color: #000000; }

a.lien-marronclair-blanc, a.lien-marronclair-blanc:visited  { color: #c6beb6; text-decoration: none;}
a.lien-marronclair-blanc:hover, a.lien-marronclair-blanc:focus, a.lien-marronclair-blanc:active { color: #FFFFFF; font-weight: bold; }


/* ---- Gestion des sous-menus ---- */

a.ss, a.ss:visited  { color: #666666; text-decoration: none;}
a.ss:hover, a.ss:focus, a.ss:active { color: #000000; font-weight: bold; }

.ss-hebergement { 
	padding: 2px 5px 2px 15px; 
	font: 10px Arial;
	color: #666666;
	text-align: left;
}
.ss-hebergement:hover { 
	background: #edc9a7 url(../images/hebergement/menu_05.gif) top left repeat-y;
}
.ss-hebergement-hover { 
	background: #edc9a7 url(../images/hebergement/menu_05.gif) top left repeat-y;
	color: #000000;
	font-weight: bold;
}

.ss-loisir { 
	padding: 2px 5px 2px 15px; 
	font: 10px Arial;
	color: #666666;
	text-align: left;
}
.ss-loisir:hover { 
	background: #adc98c url(../images/loisirs/menu_05.gif) top left repeat-y;
}
.ss-loisir-hover { 
	background: #adc98c url(../images/loisirs/menu_05.gif) top left repeat-y;
	color: #000000;
	font-weight: bold;
}

.ss-restaurant { 
	padding: 2px 5px 2px 15px; 
	font: 10px Arial;
	color: #666666;
	text-align: left;
}
.ss-restaurant:hover { 
	background: #c5a1a3 url(../images/restauration/menu_05.gif) top left repeat-y;
}
.ss-restaurant-hover { 
	background: #c5a1a3 url(../images/restauration/menu_05.gif) top left repeat-y;
	color: #000000;
	font-weight: bold;
}

.ss-spa { 
	padding: 2px 5px 2px 15px; 
	font: 10px Arial;
	color: #666666;
	text-align: left;
}
.ss-spa:hover { 
	background: #a8b8d1 url(../images/spa/menu_05.gif) top left repeat-y;
}
.ss-spa-hover { 
	background: #a8b8d1 url(../images/spa/menu_05.gif) top left repeat-y;
	color: #000000;
	font-weight: bold;
}

.ss-reunion { 
	padding: 2px 5px 2px 15px; 
	font: 10px Arial;
	color: #666666;
	text-align: left;
}
.ss-reunion:hover { 
	background: #d2cdc9 url(../images/reunion/menu_05.gif) top left repeat-y;
}
.ss-reunion-hover { 
	background: #d2cdc9 url(../images/reunion/menu_05.gif) top left repeat-y;
	color: #000000;
	font-weight: bold;
}

.ss-galerie { 
	padding: 2px 5px 2px 15px; 
	font: 10px Arial;
	color: #666666;
	text-align: left;
}
.ss-galerie:hover { 
	background: #bdbac5 url(../images/galerie/menu_05.gif) top left repeat-y;
}
.ss-galerie-hover { 
	background: #bdbac5 url(../images/galerie/menu_05.gif) top left repeat-y;
	color: #000000;
	font-weight: bold;
}

//--------------------------  CSS Pour la galerie d'images ---------------

#galerie-photos{
	clear: both;
	float:left;
}

#galerie-photos img{
	float:left;
	border:0px;
	margin:8px 0px 0px 8px;
	width:120px;
	
}