/* 	Reset
   	............................................................................................ */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*	Defaults
	............................................................................................ */

	body
		{
		font-family: arial, sans-serif;
		color: #6f4a5b;
		line-height: 19px;
		font-size: 12px;
		}
	
	#enerzen
		{
		width: 868px;
		_width: 800px;
		border: 1px solid #CCC;
		background: #FFF url(images/background.jpg) left top no-repeat;
		margin: 25px auto;
		padding: 0 0 35px 0;
		}
	
	#stone
		{
		background: transparent url(images/pierre.jpg) left bottom no-repeat;	
		min-height: 350px;
		_height: 350px;
		}

	 a,
	 a:link,
	 a:active,
	 a:visited
		{
		color:  #846471;
		text-decoration: underline;
		}
	
	 a:hover
		{
		color: #846471;
		text-decoration:  none;
		}
	

/*	Headings
	................................................................................................*/
		
			
	h1
		{
		display: block;
		width: 363px;
		height: 163px;
		margin: 0;
		float: left;
		clear: right;
		}
	
	h1 a,
	h1 a:link,
	h1 a:active,
	h1 a:visited
		{
		display: block;
		text-indent: -999px;
		overflow: hidden;
		width :363px;
		height: 163px;
		}
	
	h2
		{
		width: 428px;	
		height: 239px;
		text-indent: -999px;
		overflow: hidden;
		float: right;
		display: block;
		}
		
	h2#bienvenue 			{ background: transparent url(images/h2_bienvenue.jpg) 			left top no-repeat;}
	h2#massages 			{ background: transparent url(images/h2_massage_classique.jpg) 	left top no-repeat;}
	h2#massages_sportifs 	{ background: transparent url(images/h2_massage_sportif.jpg) 	left top no-repeat;}
	h2#massages_assis 		{ background: transparent url(images/h2_massage_assis.jpg) 		left top no-repeat;}
	h2#reflexologie 		{ background: transparent url(images/h2_reflexologie.jpg) 		left top no-repeat;}
	h2#nutritherapie 		{ background: transparent url(images/h2_nutritherapie.jpg) 		left top no-repeat;}
	h2#temoignages 			{ background: transparent url(images/h2_temoignages.jpg) 		left top no-repeat;}
	h2#tarifs 				{ background: transparent url(images/h2_tarifs.jpg) 			left top no-repeat;}
	h2#contact 				{ background: transparent url(images/h2_contact.jpg) 			left top no-repeat;}
	
	h3
		{
		width: 450px;	
		height:25px;
		text-indent: -999px;
		overflow: hidden;
		display: block;
		margin: -27px 0 27px 0;
		}	
		
	h3#prevenir{ background: transparent url(images/h3_prevenir.gif) -4px top no-repeat;}
	

/*	Nav
	................................................................................................*/


	ul#nav
		{
		clear: left;
		margin: 125px 100px 50px 61px;
		_margin: 125px 70px 50px 31px;
		overflow: hidden;
		float: left;	
		}
		
	ul#nav li
		{
		line-height: 30px;
		}
	
	ul#nav li a
		{
		display: block;
		padding: 30px 0 0 0;
		overflow: hidden !important;
		height: 0px !important; 
		width: 125px !important;
		height /**/:30px; /* for IE5/Win only */
		}
		
	ul#nav li#accueil a 			{ background: transparent url(images/navigation.gif)  000px 10px no-repeat; }
 	ul#nav li#accueil.active a,
	ul#nav li#accueil a:hover 		{ background: transparent url(images/navigation.gif) -155px 10px no-repeat; }		

	ul#nav li#massages a 			{ background: transparent url(images/navigation.gif)  000px -22px no-repeat; }
 	ul#nav li#massages.active a,	
	ul#nav li#massages a:hover		{ background: transparent url(images/navigation.gif)  -155px -22px no-repeat; }
	
	ul#nav li#classique a 			{ background: transparent url(images/navigation.gif)  000px -60px no-repeat; }
 	ul#nav li#classique.active a,	
	ul#nav li#classique a:hover		{ background: transparent url(images/navigation.gif) -155px -60px no-repeat; }	
		
	ul#nav li#sportif a 			{ background: transparent url(images/navigation.gif)  000px -92px no-repeat; }	
 	ul#nav li#sportif.active a,	
	ul#nav li#sportif a:hover		{ background: transparent url(images/navigation.gif) -155px  -92px no-repeat; }			

	ul#nav li#assis a 				{ background: transparent url(images/navigation.gif)  000px -120px no-repeat; }
 	ul#nav li#assis.active a,	
	ul#nav li#assis a:hover			{ background: transparent url(images/navigation.gif) -155px -120px no-repeat; }

	ul#nav li#reflexologie a 		{ background: transparent url(images/navigation.gif)  000px -154px no-repeat; }
 	ul#nav li#reflexologie.active a,	
	ul#nav li#reflexologie a:hover	{ background: transparent url(images/navigation.gif) -155px -154px no-repeat; }

	ul#nav li#nutritherapie a 		{ background: transparent url(images/navigation.gif)  000px -188px no-repeat; }
 	ul#nav li#nutritherapie.active a,	
	ul#nav li#nutritherapie a:hover	{ background: transparent url(images/navigation.gif) -155px -188px no-repeat; }	

	ul#nav li#temoignages a 		{ background: transparent url(images/navigation.gif)  000px -220px no-repeat; }
 	ul#nav li#temoignages.active a,	
	ul#nav li#temoignages a:hover 	{ background: transparent url(images/navigation.gif) -155px -220px no-repeat; }

	ul#nav li#tarifs a 				{ background: transparent url(images/navigation.gif)  000px -254px no-repeat; }
 	ul#nav li#tarifs.active a,	
	ul#nav li#tarifs a:hover		{ background: transparent url(images/navigation.gif) -155px -254px no-repeat; }

	ul#nav li#contact a 			{ background: transparent url(images/navigation.gif)  000px -288px no-repeat; }
 	ul#nav li#contact.active a,	
	ul#nav li#contact a:hover 		{ background: transparent url(images/navigation.gif) -155px -288px no-repeat; }




/*	Content
	................................................................................................*/

	
	#content	
		{
		float: right;
		margin: 0 80px 0 0;
		width: 480px;
		_width: 430px;
		text-align: justify;
		padding: 55px 0 0 0;
		}

	#content p
		{
		margin: 0 0 20px 0;
		text-align: justify;
		line-height: 22px;		
		}
		
		
/*	Clearfix
			............................................................................................ */
		
	.clearfix:after 
		{
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */		



/*	Tableaux
	................................................................................................*/

	table
		{
		width: 100%;
		}
		
	table tr td
		{
		border-bottom: 1px solid #FFF;
		padding: 3px;
		text-align: center;
		background-color: #EADDE4;
		}
		
	table tr th
		{
		background-color: #DBC6CF;
		border: 1px solid #FFF;
		padding: 3px;
		}
		
	table tr th.top
		{
		background-color: #B790A2;
		color: #FFF;
		border: 1px solid #FFF;
		padding: 3px;
		text-align: center;
		font-weight: bold;
		}		

	td.color
		{
		background-color: #DBC6CF;
		}
	
	
	
