/*
Titre:      CSS global : www.soins-zen.com
*/



/* ---[ Structure ]--- */

body      {
	color: #666;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-variant: normal;
	line-height: 1.2em;
	text-align: center;
	margin: 0
	}







#container      {
	background-image: url("images/fond_lamelle.gif");
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0 auto;
	padding: 0;
	width: 802px;
	height: auto;
	border: 0
	}






#entete     {
	background-image: url("images/entete.jpg");
	margin-right: auto;
	margin-left: auto;
	width: 768px;
	height: 107px
	}





#contenu      {
	background-image: url("images/fond.jpg");
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
	left: 0;
	width: 768px;
	height: 632px
	}




#contenugauche    {
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 552px;
	float: left
	}



#contenudroit        {
	text-align: left;
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 552px
	}


#editorial        {
	text-align: right;
	margin: 0;
	padding-top: 0;
	position: relative;
	top: 0;
	left: 0;
	width: 94%
	}



#espace  {
	position: static;
	width: auto;
	height: 10px
	}

#photo {
	text-align: left;
	padding-left: 70px;
	width: auto;
	height: auto
	}

#pied       {
	background-image: url("images/pied.jpg");
	margin-right: auto;
	margin-left: auto;
	width: 768px;
	height: 46px;
	clear: both;
	top: 3px;
	vertical-align: 23px
	}

	
#textementions {
	color: #333;
	text-align: left;
	margin: 20px 0 0 20px;
	width: 600px
	}

h1 {
	font-size: 10px;
	line-height: 1em;
	position: absolute;
	left: -9000px;
	border-width: 0
	}
	
	
	
/* ---[ Menu : Blocs ]--- */


#qui  {
	background-image: url(images/qui.jpg);
	margin: 0;
	padding: 0;
	width: 210px;
	height: 24px
	}

#energie {
	background-image: url(images/energie.jpg);
	width: 210px;
	height: 24px
	}
	
#shiatsu {
	background-image: url(images/shiatsu.jpg);
	width: 210px;
	height: 24px
	}

#reiki {
	background-image: url(images/reiki.jpg);
	width: 210px;
	height: 24px
	}

#massages {
	background-image: url(images/massages.jpg);
	width: 210px;
	height: 24px
	}
	
#tarifs {
	background-image: url(images/tarifs.jpg);
	width: 210px;
	height: 24px
	}
	
#contact {
	background-image: url(images/contact.jpg);
	width: 210px;
	height: 24px
	}

#liens {
	background-image: url(images/liens.jpg);
	width: 210px;
	height: 24px
	}

#partenaires {
	background-image: url(images/partenaires.jpg);
	width: 210px;
	height: 24px
	}
	
	
/* ---[ Menu : Liste en Rollover ]--- */


.titremenu    {
	font-size: 10px;
	line-height: 1em;
	position: absolute;
	left: -9000px
	}




ul  {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0
	}
	
li  {
	display: inline;
	width: 210px;
	height: 24px
	}
 

li a  {
	line-height: 24px;
	display: block;
	width: 210px;
	height: 24px
	}
 


a#qui:hover   {
	background-image: url(images/qui.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

	
a#energie:hover  {
	background-image: url(images/energie.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

	
a#shiatsu:hover  {
	background-image: url(images/shiatsu.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

	
a#reiki:hover  {
	background-image: url(images/reiki.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

	
a#massages:hover  {
	background-image: url(images/massages.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

	
a#tarifs:hover  {
	background-image: url(images/tarifs.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

	
a#contact:hover  {
	background-image: url(images/contact.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

a#liens:hover  {
	background-image: url(images/liens.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

a#partenaires:hover  {
	background-image: url(images/partenaires.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}


#quiactif  {
	background-image: url(images/qui.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}


#quiactif span {
	visibility: hidden;
	left: -9000px
}


#energieactif  {
	background-image: url(images/energie.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}


#energieactif span {
	visibility: hidden;
	left: -9000px
}


#shiatsuactif  {
	background-image: url(images/shiatsu.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}


#shiatsuactif span {
	visibility: hidden;
	left: -9000px
}


#reikiactif  {
	background-image: url(images/reiki.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

#reikiactif span {
	visibility: hidden;
	left: -9000px
}


#massagesactif  {
	background-image: url(images/massages.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

#massagesactif span {
	visibility: hidden;
	left: -9000px
}

#tarifsactif  {
	background-image: url(images/tarifs.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

#tarifsactif span {
	visibility: hidden;
	left: -9000px
}

#liensactif  {
	background-image: url(images/liens.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

#partenairesactif  {
	background-image: url(images/partenaires.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

#contactactif  {
	background-image: url(images/contact.jpg);
	background-position: 0 24px;
	width: 210px;
	height: 24px
	}

#contactactif span {
	visibility: hidden;
	left: -9000px
}


/* ---[ Editorial ]--- */


/* ---Titre Rubrique--- */

h2  {
	font-size: 10px;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0;
	height: 21px
	}


#titreshiareima    {
	background-image: url("images/titreshiareima.jpg");
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}


#titreshiareima span {
	visibility: hidden;
	left: -9000px
	}



#titrequi   {
	background-image: url(images/titrequi.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}

#titrequi span {
	visibility: hidden;
	left: -9000px
	}

#titreenergie    {
	background-image: url("images/titreenergie.jpg");
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}

#titreenergie span {
	visibility: hidden;
	left: -9000px
	}

#titreshiatsu   {
	background-image: url(images/titreshiatsu.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}

#titreshiatsu span {
	visibility: hidden;
	left: -9000px
	}

#titrereiki   {
	background-image: url(images/titrereiki.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}

#titrereiki span {
	visibility: hidden;
	left: -9000px
	}
	
#titremassages   {
	background-image: url(images/titremassages.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}

#titremassages span {
	visibility: hidden;
	left: -9000px
	}	


#titreauratherapie   {
	background-image: url(images/titreauratherapie.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}

#titreauratherapie span {
	visibility: hidden;
	left: -9000px
	}	
	
#titretarifs    {
	background-image: url("images/titretarifs.jpg");
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}


#titretarifs span {
	visibility: hidden;
	left: -9000px
	}	
	
	
#titrecontact    {
	background-image: url("images/titrecontact.jpg");
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 0
	}


#titrecontact span {
	visibility: hidden;
	left: -9000px
	}	

/* ---Texte--- */



h3   {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	/*line-height: 1.2em;*/
	margin: 10px 0 0
	}

h4   {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	/*line-height: 1.2em;*/
	margin: 8px 0 0
	}


.texte  {
	color: #666;
	font-size: 12px;
	font-style: italic;
	/*line-height: 1.2;*/
	text-align: right
	}


.texteniv1    {
	text-align: right;
	margin: 0;
	width: 100%
	}
	
.citation        {
	color: #666;
	font-size: 10px;
	/*line-height: 1.2em;*/
	text-align: center;
	padding-left: 22px;
	width: 80%
	}



.textementions {
	color: #333;
	text-align: left;
	margin: 5px 0 0;
	width: 100%
	}
.textepied {
	margin: 0;
	padding-top: 12px;
	width: 100%;
	height: auto
	}

/* ---[ Liens ]--- */


a:link   {
	color: #369;
	text-decoration: underline
	}



a:visited   {
	color: #666;
	text-decoration: underline
	}



a:hover  {
	color: #369;
	text-decoration: none
	}


#pied a:link    {
	color: #999;
	text-decoration: none
	}




#pied a:visited   {
	color: #999;
	text-decoration: none
	}



#pied a:hover   {
	color: #666;
	text-decoration: none
	}




/* ---[ Chakra ]--- */

#chakras    {
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 503px;
	height: auto;
	}


/* ---Liste rollover--- */

#chakras ul  {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0
	}
	
.sahali  {
	display: inline;
	width: 503px;
	height: 108px;
	}
 

.sahali a  {
	line-height: 108px;
	display: block;
	width: 503px;
	height: 108px;
	}

.ajnali  {
	display: inline;
	width: 503px;
	height: 53px;
	}
 

.ajnali a  {
	line-height: 108px;
	display: block;
	width: 503px;
	height: 53px;
	}

.visli  {
	display: inline;
	width: 503px;
	height: 43px;
	}
 

.visli a  {
	line-height: 108px;
	display: block;
	width: 503px;
	height: 43px;
	}


.anali  {
	display: inline;
	width: 503px;
	height: 49px;
	}
 
.anali a  {
	line-height: 108px;
	display: block;
	width: 503px;
	height: 49px;
	}


.mali  {
	display: inline;
	width: 503px;
	height: 41px;
	}
 
.mali a  {
	line-height: 108px;
	display: block;
	width: 503px;
	height: 41px;
	}
	
	
.svali  {
	display: inline;
	width: 503px;
	height: 43px;
	}
 

.svali a  {
	line-height: 108px;
	display: block;
	width: 503px;
	height: 43px;
	}	
	
	
.muli  {
	display: inline;
	width: 503px;
	height: 73px;
	}
 

.muli a  {
	line-height: 108px;
	display: block;
	width: 503px;
	height: 73px;
	}	
	

/* ---Images rollover--- */

#sahasrara  {
	background-image: url(images/chakras/sahasrara.jpg);
	margin: 0;
	padding: 0;
	width: 503px;
	height: 108px
	}

#ajna {
	background-image: url(images/chakras/ajna.jpg);
	width: 503px;
	height: 53px
	}
	
#vishudda {
	background-image: url(images/chakras/vishudda.jpg);
	width: 503px;
	height: 43px
	}

#anahata {
	background-image: url(images/chakras/anahata.jpg);
	width: 503px;
	height: 49px
	}

#manipura {
	background-image: url(images/chakras/manipura.jpg);
	width: 503px;
	height: 41px
	}
	
#svadhistana {
	background-image: url(images/chakras/svadhistana.jpg);
	width: 503px;
	height: 43px
	}
	
#mulhadara {
	background-image: url(images/chakras/mulhadara.jpg);
	width: 503px;
	height: 73px
	}


#sahasrara:hover   {
	background-image: url(images/chakras/sahasrara.jpg);
	background-position: 0 108px;
	width: 503px;
	height: 108px
	}

	
#ajna:hover  {
	background-image: url(images/chakras/ajna.jpg);
	background-position: 0 53px;
	width: 503px;
	height: 53px
	}

	
#vishudda:hover  {
	background-image: url(images/chakras/vishudda.jpg);
	background-position: 0 43px;
	width: 503px;
	height: 43px
	}

	
#anahata:hover  {
	background-image: url(images/chakras/anahata.jpg);
	background-position: 0 49px;
	width: 503px;
	height: 49px
	}

	
#manipura:hover  {
	background-image: url(images/chakras/manipura.jpg);
	background-position: 0 41px;
	width: 503px;
	height: 41px
	}

	
#svadhistana:hover  {
	background-image: url(images/chakras/svadhistana.jpg);
	background-position: 0 43px;
	width: 503px;
	height: 43px
	}

	
#mulhadara:hover  {
	background-image: url(images/chakras/mulhadara.jpg);
	background-position: 0 73px;
	width: 503px;
	height: 73px
	}