/* CSS Document */
body {
	background-color: #643b15; 
} 
a {
	text-decoration:none;
	color:#000000;
}
a:hover {
	text-decoration:underline;
	color:#ffffff;
}

#align{
	height: auto;
	float: left;
	text-align: center;
	width: 100%;
}
#center {
	text-align: center;
}
#container{
	height : auto;
	margin: auto;
	text-align: left;
	width: 1005px;
}

#haut {
	background-image: url("images/img_haut.jpg");
	background-repeat: no-repeat;
	height: 12px;
} 
#milieu {
	background-image: url("images/img_centre.jpg");
	background-repeat: no-repeat;
	height:693px;
	-margin-top: -7px;
}
#logo {
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	width: 260px;
	height: 178px;
	margin: 0 0 0 13px;
	- background-image: url("images/logo.jpg");
	- margin: 5px 0 0 25px;
}

/*****************************************************************/
/***************************** MENU ******************************/
/*****************************************************************/
#navigation a.accueil {
	display: block ;
	background: url("images/btn_accueil_off.png") left top no-repeat ;
	width:84px;
	height:58px;
	float:left;
	margin: 240px 0 0 143px;
	-margin: 234px 0 0 75px;
	-background-image: url("images/btn_accueil_off.jpg");
}
#navigation a.accueil:hover, #navigation a.accueil:focus, #navigation a.accueil:active {
	background: url("images/btn_accueil_on.png") left top no-repeat ;
	-background-image: url("images/btn_accueil_on.jpg");
}
	
#navigation a.fitness {
	display: block ;
	background: url("images/btn_fitness_off.png") no-repeat ;
	width:68px;
	height:58px;
	float:left;
	margin: 240px 0 0 0;
	-margin: 234px 0 0 0;	
	-background-image: url("images/btn_fitness_off.jpg");
}
#navigation a.fitness:hover, #navigation a.fitness:focus, #navigation a.fitness:active {
	background: url("images/btn_fitness_on.png") no-repeat ;
	-background-image: url("images/btn_fitness_on.jpg");
}

#navigation a.muscu {
	display: block ;
	background: url("images/btn_muscu_off.png") no-repeat ;
	width:65px;
	height:58px;
	float:left;
	margin: 240px 0 0 0;
	-margin: 234px 0 0 0;	
	-background-image: url("images/btn_muscu_off.jpg");
}
#navigation a.muscu:hover, #navigation a.muscu:focus, #navigation a.muscu:active {
	background: url("images/btn_muscu_on.png") no-repeat ;
	-background-image: url("images/btn_muscu_on.jpg");
}

#navigation a.zen {
	display: block ;
	background: url("images/btn_zen_off.png") no-repeat ;
	width:37px;
	height:58px;
	float:left;
	margin: 240px 0 0 0;
	-margin: 234px 0 0 0;	
	-background-image: url("images/btn_zen_off.jpg");
}
#navigation a.zen:hover, #navigation a.zen:focus, #navigation a.zen:active {
	background: url("images/btn_zen_on.png") no-repeat ;
	-background-image: url("images/btn_zen_on.jpg");
}

#navigation a.soins {
	display: block ;
	background: url("images/btn_soins_off.png") no-repeat ;
	width:137px;
	height:58px;
	float:left;
	margin: 240px 0 0 0;
	-margin: 234px 0 0 0;
	-background-image: url("images/btn_soins_off.jpg");
}
#navigation a.soins:hover, #navigation a.soins:focus, #navigation a.soins:active {
	background: url("images/btn_soins_on.png") no-repeat ;
	-background-image: url("images/btn_soins_on.jpg");
}
	
#navigation a.squash {
	display: block ;
	background: url("images/btn_squash_off.png") no-repeat ;
	width:81px;
	height:58px;
	float:left;
	margin: 240px 0 0 0;
	-margin: 234px 0 0 0;
	-background-image: url("images/btn_squash_off.jpg");
}
#navigation a.squash:hover, #navigation a.squash:focus, #navigation a.squash:active {
	background: url("images/btn_squash_on.png") no-repeat ;
	-background-image: url("images/btn_squash_on.jpg");
}

#navigation a.animations {
	display: block ;
	background: url("images/btn_animations_off.png") no-repeat ;
	width:116px;
	height:58px;
	float:left;
	margin: 240px 0 0 0;
	-margin: 234px 0 0 0;
	-background-image: url("images/btn_animations_off.jpg");
}
#navigation a.animations:hover, #navigation a.animations:focus, #navigation a.animations:active {
	background: url("images/btn_animations_on.png") no-repeat ;
	-background-image: url("images/btn_animations_on.jpg");
}

#navigation a.restauration {
	display: block ;
	background: url("images/btn_restauration_off.png") no-repeat ;
	width:128px;
	height:58px;
	float:left;
	margin: 240px 0 0 0;
	-margin: 234px 0 0 0;
	-background-image: url("images/btn_restauration_off.jpg");
}
#navigation a.restauration:hover, #navigation a.restauration:focus, #navigation a.restauration:active {
	background: url("images/btn_restauration_on.png") no-repeat ;
	-background-image: url("images/btn_restauration_on.jpg");
}
/*****************************************************************/
/************************* FIN MENU ******************************/
/*****************************************************************/

/*****************************************************************/
/************************* ACTUALITES *****************************/
/*****************************************************************/
#puce_orange {
	background: url("images/puce.png") no-repeat;
	width: 26px;
	height:26px;
	position:absolute;
	margin: 310px 0 0 30px;
	/margin: 310px 0 0 -800px;
	-margin: 310px 0 0 -840px;	
	-background: url("images/puce.gif") no-repeat;
}
.titres {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 16px;
	font-weight: bold;
	color: #643b15;
	margin-left: 32px;
	width: 300px;
}
#actus {
	position:absolute;
	margin:337px 0 0 32px;
	/margin: 330px 0 0 -800px;
	-margin: 335px 0 0 -837px;
}
#position_planning{
	color: #7cbde4;
	margin: 500px 0 0 32px;
	-margin: 490px 0 0 64px;
}
.planning {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
	color: #7cbde4;
	text-decoration:underline;
}
a.planning {
	color: #7cbde4;
}
a:hover.planning {
	color: #ffffff;
	text-decoration:none;
}

/*****************************************************************/
/******************* FIN ACTUALITES *****************************/
/*****************************************************************/

/*****************************************************************/
/************************* A propos de nous **********************/
/*****************************************************************/
#puce_orange2 {
	background: url("images/puce2.png") no-repeat;
	width: 28px;
	height:28px;
	position:absolute;
	margin: 310px 0 0 500px;
	/margin: 310px 0 0 -365px;
	-margin: 305px 0 0 -365px;
}

#presentation {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	position:absolute;
	width: 450px;
	height: 150px;
	margin: 350px 0 0 501px;
	/margin: 350px 0 0 -365px;
	-margin: 350px 0 0 -360px;
}
/*****************************************************************/
/********************* FIN A propos de nous **********************/
/*****************************************************************/

/*****************************************************************/
/************************** FOOTER *******************************/
/*****************************************************************/
#conteneur_bas {
	width:1005px;
	height: 104px;
	margin: 0 auto 0 auto;
	-margin: -3px 0 0 0;
}
#conteneur_bas_anims {
	width:1005px;
	height: 104px;
	margin: 0 auto 0 auto;
	-margin: -3px 0 0 0;
}
#bas {
	background-image: url("images/img_bas.jpg");
	background-repeat: no-repeat;
	height:104px;
	width: 766px;
	float:left;
	clear:both;
}
#adresse {
	font-size: 10px;
	font-family: verdana, arial, serif;
	color: white;
	position: absolute;
	margin-left: 280px;
	margin-top: 55px;
}
#adresse_contact {
	font-size: 10px;
	font-family: verdana, arial, serif;
	color: white;
	position: absolute;
	margin: 55px 0 0 280px;
	-margin: 55px 0 0 -100px;
}
.onglets {
	float:left;
}
/**#ico_orange {
	background-image: url("images/carre_orange.jpg");
	background-repeat: no-repeat;
	height:54px;
	width: 77px;
	float:left;
}
#ico_vert {
	background-image: url("images/carre_vert.jpg");
	background-repeat: no-repeat;
	height:54px;
	width: 78px;
	float:left;
}
#ico_bleu {
	background-image: url("images/carre_bleu.jpg");
	background-repeat: no-repeat;
	height:54px;
	width: 84px;
	float:left;
}
/*****************************************************************/
/*************************** FIN FOOTER **************************/
/*****************************************************************/

/*****************************************************************/
/*************************** NIVEAU 2 ****************************/
/*****************************************************************/
#img_haut_niv2 {
	background-image:url(images/img_haut_niv2.jpg);
	background-repeat:no-repeat;
	height:705px;
}

#img_haut_niv2_virgin {
	background-image:url(images/img_haut_niv2_virgin.jpg);
	background-repeat:no-repeat;
	height:705px;
}
#img_haut_pub {
	background-image:url(images/img_haut_pub.jpg);
	background-repeat:no-repeat;
	height:1494px;
}
#logo_niv2 {
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	width: 260px;
	height: 178px;
	position:absolute;
	margin: 12px 0 0 13px;
	- background-image: url("images/logo_niv2.jpg");
	- margin: 17px 0 0 13px;
}

/**************************************************/
/****************** MENU **************************/
/**************************************************/
#navigation_niv2 a.accueil {
	display: block ;
	background: url("images/btn_accueil_off.png") left top no-repeat ;
	width:84px;
	height:56px;
	float:left;
	margin: 230px 0 0 143px;
	-margin: 227px 0 0 75px;
	-background-image: url("images/btn_accueil_niv2_off.jpg");
}
#navigation_niv2 a.accueil:hover, #navigation_niv2 a.accueil:focus, #navigation_niv2 a.accueil:active {
	background: url("images/btn_accueil_on.png") left top no-repeat ;
	-background-image: url("images/btn_accueil_niv2_on.jpg");
}
	
#navigation_niv2 a.fitness {
	display: block ;
	background: url("images/btn_fitness_off.png") no-repeat ;
	width:68px;
	height:58px;
	float:left;
	margin: 230px 0 0 0;
	-margin: 227px 0 0 0;
	-background-image: url("images/btn_fitness_niv2_off.jpg");
}
#navigation_niv2 a.fitness:hover, #navigation_niv2 a.fitness:focus, #navigation_niv2 a.fitness:active {
	background: url("images/btn_fitness_on.png") no-repeat ;
	-background-image: url("images/btn_fitness_niv2_on.jpg");
}

#navigation_niv2 a.muscu {
	display: block ;
	background: url("images/btn_muscu_off.png") no-repeat ;
	width:65px;
	height:58px;
	float:left;
	margin: 230px 0 0 0;
	-margin: 227px 0 0 0;
	-background-image: url("images/btn_muscu_niv2_off.jpg");
}
#navigation_niv2 a.muscu:hover, #navigation_niv2 a.muscu:focus, #navigation_niv2 a.muscu:active {
	background: url("images/btn_muscu_on.png") no-repeat ;
	-background-image: url("images/btn_muscu_niv2_on.jpg");
}

#navigation_niv2 a.zen {
	display: block ;
	background: url("images/btn_zen_off.png") no-repeat ;
	width:37px;
	height:58px;
	float:left;
	margin: 230px 0 0 0;
	-margin: 227px 0 0 0;
	-background-image: url("images/btn_zen_niv2_off.jpg");
}
#navigation_niv2 a.zen:hover, #navigation_niv2 a.zen:focus, #navigation_niv2 a.zen:active {
	background: url("images/btn_zen_on.png") no-repeat ;
	-background-image: url("images/btn_zen_niv2_on.jpg");
}

#navigation_niv2 a.soins {
	display: block ;
	background: url("images/btn_soins_off.png") no-repeat ;
	width:136px;
	height:56px;
	float:left;
	margin: 230px 0 0 0;
	-margin: 227px 0 0 0;
	-background-image: url("images/btn_soins_niv2_off.jpg");
}
#navigation_niv2 a.soins:hover, #navigation_niv2 a.soins:focus, #navigation_niv2 a.soins:active {
	background: url("images/btn_soins_on.png") no-repeat ;
	-background-image: url("images/btn_soins_niv2_on.jpg");
}
	
#navigation_niv2 a.squash {
	display: block ;
	background: url("images/btn_squash_off.png") no-repeat ;
	width:81px;
	height:56px;
	float:left;
	margin: 230px 0 0 0;
	-margin: 227px 0 0 0;
	-background-image: url("images/btn_squash_niv2_off.jpg");
}
#navigation_niv2 a.squash:hover, #navigation_niv2 a.squash:focus, #navigation_niv2 a.squash:active {
	background: url("images/btn_squash_on.png") no-repeat ;
	-background-image: url("images/btn_squash_niv2_on.jpg");
}

#navigation_niv2 a.animations {
	display: block ;
	background: url("images/btn_animations_off.png") no-repeat ;
	width:115px;
	height:56px;
	float:left;
	margin: 230px 0 0 0;
	-margin: 227px 0 0 0;
	-background-image: url("images/btn_animations_niv2_off.jpg");
}
#navigation_niv2 a.animations:hover, #navigation_niv2 a.animations:focus, #navigation_niv2 a.animations:active {
	background: url("images/btn_animations_on.png") no-repeat ;
	-background-image: url("images/btn_animations_niv2_on.jpg");
}

#navigation_niv2 a.restauration {
	display: block ;
	background: url("images/btn_restauration_niv2_off.png") no-repeat ;
	width:127px;
	height:56px;
	float:left;
	margin: 230px 0 0 0;
	-margin: 227px 0 0 0;
	-background-image: url("images/btn_restauration_niv2_off.jpg");
}
#navigation_niv2 a.restauration:hover, #navigation_niv2 a.restauration:focus, #navigation_niv2 a.restauration:active {
	background: url("images/btn_restauration_niv2_on.png") no-repeat ;
	-background-image: url("images/btn_restauration_niv2_on.jpg");
}
/*****************************************/
/********* FIN MENU **********************/
/*****************************************/

/*****************************************/
/************ Texte défilant *************/
/*****************************************/
#defile{
	position: absolute;
	margin: 440px 0 0 501px;
	-margin: 440px 0 0 -361px;
}
#color{
-background-color:#ED8640;
}
/*****************************************/
/********* FIN Texte défilant ************/
/*****************************************/
#lien_photosclub {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 12px;
	font-weight: normal;
	color: #7cbde4;
	position: absolute;
	margin: 415px 0 0 780px;
	/margin: 406px 0 0 -72px;
}
a.liens_photosclub{
	color: #7cbde4;
}
a:hover.liens_photosclub{
	color:#FFFFFF;
	text-decoration:none;
}
.liens_photosclub{
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
	color: #7cbde4;
	text-decoration:underline;
}

#diaporama {
	position:absolute;
	margin: 340px 0 0 250px;
	#margin: 800px 0 0 -100px;
	/margin: 340px 0 0 -600px;
}
#titre {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	position: absolute;
	margin: 300px 0 0 150px;
	/margin: 300px 0 0 -713px;
	-margin: 0 0 0 -570px;
}


#titre_categorie {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	position: absolute;
	margin: 300px 0 0 150px;
	/margin: 300px 0 0 -713px;
	-margin: 300px 0 0 -600px;
}
#titre_categorie2 {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	position: absolute;
	margin: 300px 0 0 15px;
	/margin: 300px 0 0 -850px;
}
#titre_categorie3 {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	position: absolute;
	margin: 300px 0 0 150px;
	/margin: 300px 0 0 -713px;
	-margin: 300px 0 0 -700px;
}

/*****************************************************************/
/*********************** FIN NIVEAU 2 ****************************/
/*****************************************************************/

/*****************************************/
/********** FORMULAIRE CONTACT ***********/
/*****************************************/
#conteneur_bas_contact{
	width:1005px;
	height: 104px;
	margin: 0 auto 0 auto;
}

.googlemap{
	height:400px;
	width:800px;
	float:left;
	margin: 10px 0 0 220px;
	-margin: 10px -190px 0 150px;
}

#conteneur_formulaire{
	height: 400px;
	width: 800px;
	float:left;
	margin: 0 0 0 190px;
	-margin: 0 0 0 100px;
}
.text_form {
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 12px;
	font-weight: normal;
	float:right;
	margin-top:4px;
}
#annuler{
	float:right;
}
#envoyer{
font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 13px;
	font-weight: bold;
	float:right;
	padding: 0 20px 0 20px;
}
/*****************************************/
/****** Fin FORMULAIRE CONTACT ***********/
/*****************************************/
#maintenance {
	font-size:16px;
	font-family: verdana, arial, serif;
	font-weight:bold;
	color: #643b15;
	margin: 350px 0 0 440px;
}
#coming_soon {
	background-image: url("images/img_coming_soon.jpg");
	background-repeat: no-repeat;
	height:693px;
	-margin-top: -7px;
}

#anim {
	float:left;
	clear: both;
	margin: 50px 0 0 250px;
	-margin: 50px 0 0 120px;
}

/*****************************************/
/********* PARTENAIRES *******************/
/*****************************************/

#logos {
	float:left;
	clear: both;
	margin: 50px 0 0 250px;
	-margin: 50px 0 0 120px;
}
/*****************************************/
/********* FIN PARTENAIRES ***************/
/*****************************************/

/*****************************************/
/************* RESTAURATION **************/
/*****************************************/

.milieu_variable {
	background-image: url(images/img_milieu_niv2.jpg);
	width: 1005px;
	margin: 0 auto 0 auto;
	height: auto;
	min-height: 1px;
}
.milieu_variable_photos {
	background-image: url(images/img_milieu_niv2.jpg);
	position:relative;
	height: 300px;
	min-height:1px;
}
.milieu_planning {
	background-image: url(images/img_milieu_niv2.jpg);
	height: 220px;
	min-height:1px;
}
.milieu_variable_videos {
	background-image: url(images/img_milieu_niv2.jpg);
	height: 200px;
	min-height: 1px;
}
/*****************************************/
/********* FIN RESTAURATION **************/
/*****************************************/

/*****************************************/
/************** ANIMATION ****************/
/*****************************************/
.liste_photos{
	float: left;
	clear: both;
	margin: 50px 0 0 25px;
	-margin: 50px 0 0 25px;
}
.liste_stages{
	float: left;
	margin: 50px 0 0 80px;
	-margin: 50px 0 0 55px;
}
.liste_animations{
	float: left;
	margin: 50px 0 0 25px;
	-margin: 50px 0 0 45px;
}
.liste_planning_anims{
	float: left;
	clear:both;
	margin: 50px 0 0 135px;
	-margin: 80px 0 0 190px;
}
.police_liste{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
}
.diapos_photos{
	position:absolute;
	margin: 340px 0 0 100px;
	-margin: 340px 0 0 -760px;
}
/*****************************************/
/************ FIN ANIMATION **************/
/*****************************************/

/*****************************************/
/*************** PLANNING ****************/
/*****************************************/
.planning_cours{
	position:absolute;
	height:595px;
	width:595px;
	margin:330px 0 0 150px;
	-margin: 330px 0 0 -800px;
}
#position_telecharger{
	float:left;
	margin: 850px 0 0 -90px;
	-margin: 300px 0 0 -50px;
}
.telecharge_planning{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-style: bold;
	color: #7cbde4;
	text-decoration:underline;
}
a:hover.telecharge_planning{
	color: #ffffff;
	text-decoration:none;
}
/*****************************************/
/*********** FIN PLANNING ****************/
/*****************************************/

/*****************************************/
/**************** VIDEOS *****************/
/*****************************************/
.video1{
	position:absolute;
	padding: 370px 0 0 15px;
	-margin: 5px 0 0 -850px;
}
.video2{
	position:absolute;
	padding: 370px 0 0 342px;
	-margin: 5px 0 0 -850px;
}
.video3{
	position:absolute;
	padding: 370px 0 0 669px;
	-margin: 5px 0 0 -850px;
}
.video4{
	position:absolute;
	margin: -62px 0 0 15px;
	-margin: -50px 0 0 28px;
}
.video5{
	position:absolute;
	margin: -62px 0 0 342px;
	-margin: -50px 0 0 355px;
}
.video6{
	position:absolute;
	margin: -62px 0 0 669px;
	-margin: -50px 0 0 682px;
}
/*****************************************/
/************** OSTEOPATHIE **************/
/*****************************************/
#position_text{
	position: absolute;
	margin: 330px 230px 0 15px;
	-margin: 330px 0 0 -850px;
	-padding: 0 15px 0 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}

#position_text2{
	margin: -6px 10px 0 10px;
	-margin: 0 10px 0 13px;
}
.texte_osteopathie{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
#position_textosteo{
	position:absolute;
	margin: 650px 10px 0 250px;
	-margin: 650px 150px 0 -570px;
}
/***************************************/
/****** Pour insérer une image  ********/
/***************************************/
.pub{
	margin:300px 0 0 100px;
	-margin: 350px 0 0 105px;
}
.espace {
	margin-top: 120px;
}
/***************************************/
/***************************************/
/***************************************/

