/* CSS Document */
*{
  margin: 0;
  padding: 0;
}


body {
	background-color: #76b3ce;
	position: relative;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  	font-size: 13px;
	font-style: normal;
	color:#FFFFFF;
}

h1 {font-size:16px; color:#8be82d; font-weight: normal; margin-bottom:10px; padding-top:5px;}
h2 {font-size:16px; color:#8be82d; font-weight: normal;  }

#page{
  width: 913px; 
  margin: 0 auto;
  display: block;
  position: relative;
  background:url(img/background.jpg) repeat-y center #76b3ce;
  border:#232c33 1px solid;
}

#header {
	background:url(img/header.jpg) no-repeat center;
	height:121px;
}

#logo { padding-top:22px; padding-left:35px;}

#logo img {border:none;}

#menu{
padding-top:18px;
text-align:center;

}

#menu li{
display: inline;
list-style-type: none;
padding: 0 10px;
font-size: 12px;
}

#menu li a{
	text-decoration: none;
	color:#fff;
}

#menu li a:hover{
	color:#92eb24;
}

#defile { margin-bottom:5px; z-index:1;}

#content { 
	
	padding: 40px 25px;
	position: relative;
	width: 70%;
	float: left; }

#content.forme{background:url(img/laforme.png) no-repeat;}
#content.historique{background:url(img/historique.png) no-repeat;}
#content.qui{background:url(img/quisommesnous.png) no-repeat;}
#content.pourqui{background:url(img/pourqui.png) no-repeat;}
#content.tarifs{background:url(img/tarifs.png) no-repeat;}
#content.coursprive{background:url(img/coursprive.png) no-repeat;}
#content.fitness{background:url(img/creationsalle.png) no-repeat;}
#content.contact{background:url(img/nouscontacter.png) no-repeat;}



#content a{ color:#bdfa32; text-decoration:none;}	
#content a:hover{ color:#a1e000;}
	
img.thumb {
margin: 0 20px 0 0;
float: left;
}

img.galerie {
margin: 5px;
border: #CCCCCC double 2px;
}

a:hover img.galerie  {
border: #a1e000 double 2px;
}

div.categorie {       
display:block;
margin-bottom: 15px;
}

div.categorie { font-size:11px;}

	
#freezone {
	position: relative;
	padding: 0 0 0 10px;
	width: 20%;
	float: left;
	border-left:#788a98 1px solid }

#freezone a{ color:#bdfa32; text-decoration:none;}
#freezone a:hover{ color:#a1e000;}		
#freezone p{ margin-bottom: 10px;}
#freezone img{ margin-bottom: 15px;}	

#bienvenue {background:url(img/bienvenue.png) no-repeat; padding-top:40px;}
#contact {background:url(img/contact.png) no-repeat; padding-top:30px;}
#base {padding-top:30px;}
#agenda {background:url(img/agenda.png) no-repeat; padding-top:40px;}
#presse {background:url(img/presse.png) no-repeat; padding-top:40px;}
#temoignages {background:url(img/temoignages.png) no-repeat; padding-top:30px;}

div.clear{ clear: both;height:10px; }
div.separator{ clear: both; height:15px; border-bottom:#87a0b0 1px solid; margin-bottom: 15px; }

#footer{
	background:url(img/footer.jpg) #506878 no-repeat;
}
	
#footer p { 
	text-align:right; 
	padding: 25px;
	font-size: 11px;
	color:#fff;}	

#footer a { color:#8ab0bb; text-decoration:none;}	
#footer a:hover { color:#6ab9fc; }

#footer img { margin: 0 5px;}

/* forms */

input, textarea, select{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 100%;
  margin: .2em 0;
}

input, textarea{
  padding: .2em .4em;
}

input.radio, input.checkbox{
  background: #fff;
  padding: 2px;
}

form label{
  font-weight: normal;
  color:#fff; font-weight: normal; padding-bottom:5px;
}

fieldset{
  padding: .8em;
  border: 1px solid #d2c7af;
}