/* CSS Document */
body{
	background-color:#CCCCCC;	
	width:100%;
}

#bloc{
	position:relative;
	width:900px;

	background-color:#CCCCCC;
	margin-left:auto;
	margin-right:auto;

	border:2px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#titre{
	margin:0px 0px 0px 0px;
	height:80px;
	width:900px;
	border-bottom:2px solid #333333;
	background-image:url(images/eau.gif);
	background-repeat:no-repeat;
	background-position:20px 5px;
}
#titre h1{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	margin:0 0 0 130px;
}


#titre .Style_adresse{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin:0 0 0 130px;
}

#titre .Style_cp{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	margin:0 0 0 130px;

}
#titre .Style_tel{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:0 0 0 130px;
}
#titre .Style_commentaire{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin:-15px 50px 0 0;
	letter-spacing:-1px;
}
#milieu{
	width:900px;
	height:480px;
}
#navigation_gauche{
	position:relative;
	width:120px;
	height:480px;
	float:left;
}
#navigation_gauche #menu{
	list-style-type:none;
	font-size:14px;
	margin:80px 0 0 0;
	padding:0 0 0 10px;
	
}
#navigation_gauche #menu .ssmenu1,
#navigation_gauche #menu .ssmenu2,
#navigation_gauche #menu .ssmenu3,
#navigation_gauche #menu .ssmenu4,
#navigation_gauche #menu .ssmenu5,
#navigation_gauche #menu .ssmenu6,
#navigation_gauche #menu .ssmenu7,
#navigation_gauche #menu .ssmenu8,
#navigation_gauche #menu .ssmenu9,
#navigation_gauche #menu .ssmenu10,
#navigation_gauche #menu .ssmenu11,
#navigation_gauche #menu .ssmenu12{
	margin:0 0 0 0;
	padding:10px 0 0 5px;
	font-weight:bold;
	text-align:left;
}


#centre,
#hammam,
#jaccuzi,
#sauna,
#cabines,
#labyrinthe,
#sallecine,
#solarium,
#bar,
#vestiaires,
#douches,
#tarifs,
#soirees,
#planacces,
#contact,
#photos{
	width:778px;
	height:480px;
	float:left;
	border-left:2px solid #333333;
	background-image:url(../photos/cle.jpg);
	background-position:700px 400px;
	background-repeat:no-repeat;
}
#planacces img{

	float:right;

}

#navigation_bas{
	width:900px;
	height:40px;
	margin:0 0 0 00px;
	padding:10px 0 0 0px;
	border-top:2px solid #333333;
	

}
#navigation_bas #pied{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
}
#navigation_bas #pied li{
	float:left;
	width:178px;	
	padding:0 0 0 0;
	font-size:14px;
	font-weight:bold;
	float:right;
	text-align:center;
}

#navigation_bas #pied .ssmenu21,
#navigation_bas #pied .ssmenu22,
#navigation_bas #pied .ssmenu23,
#navigation_bas #pied .ssmenu24,{
	padding-top:0px;
	margin:0 0 0 0;
	font-weight:bold;
	text-align:left; 
}

/*page d'accueil*/

#legende{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	text-align:center;
	font-size:18px;
	margin:0 0 0px 0;
	padding:10px 0 00px 0;
	height:30px;
	width:778px;
	float:left;
	/*text-indent:-70px;*/
}



#image{
	/*float:left;*/
	text-align:center;
	/*padding-left:180px;*/
	margin:5px 0 0 0;
}

#centre h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	margin:00px 0px 10px 0px;
}
#centre .legende{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	margin:00px 0px 03px 0px;
	font-weight:bold;
}

a:link,
a:hover,
a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
}
a:hover{
	text-decoration:none;
	color:#FFCC33;
}

/* CSS Document */

#centre h1,
#hammam h1,
#jaccuzi h1,
#sauna h1,
#cabines h1,
#labyrinthe h1,
#sallecine h1,
#solarium h1,
#bar h1,
#vestiaires h1,
#douches h1,
#tarifs h1,
#soirees h1,
#planacces h1,
#contact h1,
#photos h1{
	font-weight:bold;
	text-align:center;
	font-size:20px;
	margin:30px 0px 10px 0px;
	text-transform:uppercase;
}

#hammam h2,
#jaccuzi h2,
#sauna h2,
#cabines h2,
#labyrinthe h2,
#sallecine h2,
#solarium h2,
#bar h2,
#vestiaires h2,
#douches h2,
#tarifs h2,
#soirees h2,
#planacces h2,
#contact h2,
#photos h2{
font-weight:normal;
	text-align:center;
	font-size:14px;
	margin:10px 30px 10px 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}
#centre h4,
#hammam h4,
#jaccuzi h4,
#sauna h4,
#cabines h4,
#labyrinthe h4,
#sallecine h4,
#solarium h4,
#bar h4,
#vestiaires h4,
#douches h4,
#tarifs h4,
#soirees h4,
#planacces h4,
#contact h4,
#photos h4{
font-weight:normal;
	text-align:center;
	font-size:11px;
	font-style:italic;
	margin:10px 30px 10px 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}
#photos h5{
font-weight:bold;
text-align:center;
font-size:11px;
font-style:italic;

font-family: Verdana, Arial, Helvetica, sans-serif;
}


#centre #vignettes,
#hammam #vignettes,
#jaccuzi #vignettes,
#sauna #vignettes,
#labyrinthe #vignettes,
#sallecine #vignettes,
#solarium #vignettes,
#bar #vignettes,
#vestiaires #vignettes,
#douches #vignettes,
#tarifs #vignettes,
#soirees #vignettes,
#planacces #vignettes,
#contact #vignettes,
#photos #vignettes{

	text-align:center;
	margin:130px 20px 0px 20px;
}

#cabines #vignettes{

	text-align:center;
	margin:005px 20px 0px 20px;
}



#centre #vignettes2,
#hammam #vignettes2,
#jaccuzi #vignettes2,
#sauna #vignettes2,
#cabines #vignettes2,
#labyrinthe #vignettes2,
#sallecine #vignettes2,
#solarium #vignettes2,
#bar #vignettes2,
#vestiaires #vignettes2,
#douches #vignettes2,
#tarifs #vignettes2,
#soirees #vignettes2,
#planacces #vignettes2,
#contact #vignettes2,
#photos #vignettes2{

	text-align:center;
	margin:10px 20px 0px 20px;

}

#centre #vignettes img,
#hammam #vignettes img,
#jaccuzi #vignettes img,
#sauna #vignettes img,
#cabines #vignettes img,
#labyrinthe #vignettes img,
#sallecine #vignettes img,
#solarium #vignettes img,
#bar #vignettes img,
#vestiaires #vignettes img,
#douches #vignettes img,
#tarifs #vignettes img,
#soirees #vignettes img,
#planacces #vignettes img,
#contact #vignettes img,
#photos #vignettes img
#centre #vignettes2 img,
#hammam #vignettes2 img,
#jaccuzi #vignettes2 img,
#sauna #vignettes2 img,
#cabines #vignettes2 img,
#labyrinthe #vignettes2 img,
#sallecine #vignettes2 img,
#solarium #vignettes2 img,
#bar #vignettes2 img,
#vestiaires #vignettes2 img,
#douches #vignettes2 img,
#tarifs #vignettes2 img,
#soirees #vignettes2 img,
#planacces #vignettes2 img,
#contact #vignettes2 img,
#photos #vignettes2 img{
	border:2px solid #999999;
}


#centre h3,
#hammam h3,
#jaccuzi h3,
#sauna h3,
#cabines h3,
#labyrinthe h3,
#sallecine h3,
#solarium h3,
#bar h3,
#vestiaires h3,
#douches h3,
#tarifs h3,
#soirees h3,
#planacces h3,
#contact h3,
#photos h3{
font-weight:normal;
	text-align:center;
	font-size:12px;
	margin:0px 0px 10px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tarifs h2{
	text-decoration:underline;
	font-size:15px;
	text-align:center;
}

#tarifs .tarifs{
	font-size:12px;
	text-align:center;
}

#titretrash{
	margin:10px 0 20px 0;
}
#titreelectro{
padding:0 0 20px 0;
	margin:10px 0 20px 0;
	border-top:2px solid black;
	border-bottom:2px solid black;
}
#calendrier{
	margin:10px 0 20px 0;
}
#titretrash h1{
	font-size:18px;
	text-align:center;
	padding:0 0 0 0px ;
	margin:0px 0 0 0px;
	background-image:url(images/aigle.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-position:0px 0px;
	height:70px;
	width:340px;
	float:left;
}
#titretrash h2{
	font-size:12px;

		margin:10px 20px 20px 0;
		font-weight:bold;
		text-align:justify;
		}
#soirees .infos{
	font-size:12px;
	text-align:right;
		margin:0px 20px 0 00px;
}

#titreelectro h1{
	font-size:18px;
	text-align:center;
	padding:0 0 0 0 ;
	margin:0px 0 0 0px;
	/*background-image:url(images/electro.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-position:0px 0px;*/
	height:70px;
	width:340px;
	float:left;
 
}
#titreelectro h2{
	font-size:12px;

		margin:10px 20px 20px 0;
		font-weight:bold;
		text-align:justify;
	
		}

#calendrier h1{
	font-size:18px;
	text-align:left;
	padding:0 0 0 0 ;
	margin:30px 0 0 10px; 
}
#calendrier h2{
		font-size:14px;
	text-align:center;
		margin:10px 0 5px 0px;
		font-weight:bold;

		}
#calendrier .infos{
	font-size:10px;
	text-align:center;
		margin:0 0 0 0;
		letter-spacing:-1px;
}

#mail{ 
	width:748px;
	height:480px;
	float:left;
	border-left:2px solid #333333;
	padding-left:30px;
}
#mail h1{
	font-size:18px;
	text-align:left;
	padding:0 0 0 0 ;
	margin:30px 0 0 10px; 
}
#mail label{
	font-size:14px;
	text-align:left;
	padding:0 0 0 0 ;
	margin:30px 0 0 10px; 
}

#mail #email_expediteur,
#mail #titre,
#mail #message{
	border:2px solid black;
	width:600px;
	background-color:#CCCCCC;
}