@charset "utf-8";
/* CSS Document */

body {
	background-color: #EAC38C;
	background-image: url(images/fond-degrade.gif);
	background-repeat: repeat-x;
	font-size:0.8em;
	color:#424241;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2%;
}
img {
	border:0px;
}
#conteneur {
	margin: 0 auto;
	width: 956px;
	height: 600px;
	position: relative;
	border:#FFFFFF solid 1px;
}
#patio {
	background:url(images/patio.jpg) no-repeat;
	height: 600px;
	z-index:0;
}
#lounge {
	background:url(images/lounge.jpg) no-repeat;
	height: 600px;
}
#nutrition {
	background:url(images/nutrition.jpg) no-repeat;
	height: 600px;
}
#massage {
	background:url(images/massage.jpg) no-repeat;
	height: 600px;
}
#massage2 {
	background:url(images/massage2.jpg) no-repeat;
	height: 600px;
}
#boutique {
	background:url(images/boutique.jpg) no-repeat;
	height: 600px;
}
#esthetique {
	background:url(images/esthetique.jpg) no-repeat;
	height: 600px;
}
#starfitness {
	background:url(images/starfitness.jpg) no-repeat;
	height: 600px;
}
#hammam {
	background:url(images/hammam.jpg) no-repeat;
	height: 600px;
}
#fondlogo {
	background:url(images/mains.jpg) no-repeat;
	height: 600px;
}
#fondFetes {
	background:url(images/polynesie.jpg) no-repeat;
	height: 600px;
}
#accueil {
	background:url(images/accueil.jpg) no-repeat;
	height: 600px;
}
#sculpture {
	height: 600px;
}
#pluie {
	background:url(images/massage-pluie.jpg) no-repeat;
	height: 600px;
}
#uv {
	background:url(images/uv.jpg) no-repeat;
	height: 600px;
}
#presentation {
	background:url(images/presentation.jpg) no-repeat;
	height: 600px;
}
#visage {
	background:url(images/massage-visage.jpg) no-repeat;
	height: 600px;
}
#logo {
	position:relative;
	margin-top:5px;
	margin-left:5px;
}
div#nav {
	position:absolute;
	top:70px;
	width:820px;
	left:155px;
	z-index:100;
}
/* ----------------------------- start #nav ----------------------------- */
#nav img {
	border: none;
}
#nav dt {
	display: inline;
	list-style:none;
}
#nav dt a {
	float: left;
	display:block;
	height: 26px;
}
#nav dt a img {
	border:none;
	vertical-align:bottom; /* for IE6 */
}
#nav dt a:hover {
	visibility:visible;
}
#nav dt a:hover img {
	visibility:visible;
}
#nav dt a:hover img/**/ {
	visibility:hidden; /* hide from IE5.0/win */
}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#zero {
	background-color:#dcc596;
}
#one {
	background:url(images/nav-patio-over.gif) no-repeat left bottom;
}
#two {
	background:url(images/nav-espaces-over.gif) no-repeat left bottom;
}
#three {
	background:url(images/nav-nutrition-over.gif) no-repeat left bottom;
}
#four {
	background:url(images/nav-actus-over.gif) no-repeat left bottom;
}
#five {
	background:url(images/nav-tarifs-over.gif) no-repeat left bottom;
}
#six {
	background:url(images/nav-cheques-over.gif) no-repeat left bottom;
}
#seven {
	background:url(images/nav-partenaires-over.gif) no-repeat left bottom;
}
#height {
	background:url(images/nav-contact-over.gif) no-repeat left bottom;
}
/* ----------------------------- end #nav ids ----------------------------- */

#navGauche {
	position:absolute;
	top:250px;
	left:5px;
	width: 130px;
	background-color:#B09768;
	font-size:0.8em;
	color:#6D5C43;
	font-weight:bold;
}
#navGauche a {
	color:#FFFFFF;
	text-decoration:none;
}
.srubNavG {
	font-size:0.9em;
}
#navGauche .sousRub a {
	font-size:0.9em;
	font-weight:normal;
}
/*#########################################
###########MENU CSS########################
#####################################*/
#nav dd, #nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color:#dcc596;
}
/*
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}*/
#nav dt {
	cursor: pointer;
	text-align: left;
	font-weight: bold;
}
dd #smenu2 {
	width:150px;
}
#nav li {
	padding:2px;
}
#nav li a, #nav dt a {
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-size:0.7em;
	color:#ffffff;
	font-weight: bold;
}
#smenu1 {
	position:absolute;
	top:38px;
	left:0px;
	width:110px;
	z-index:1000;
	padding-left:2px;
}
* html #smenu1 {
	top:25px
}
*+html #smenu1 {
	top:25px
}
#smenu2 {
	position:absolute;
	top:38px;
	left:80px;
	z-index:1000;
	background-color:#dcc596;
	width:110px;
	padding-left:2px;
}
* html #smenu2 {
	top:25px
}
*+html #smenu2 {
	top:25px
}
#navGauche a:hover, #smenu1 a:hover, #smenu2 a:hover {
	color:#6D5C43;
}
#fermeture {
	z-index:0;
	position:absolute;
	left:90px;
	top:40px;
	width:400px;
	height:250px;
}
/******Fin navigation****/

#contenu {
	position:absolute;
	left:199px;
	top:138px;
	width:750px;
	font-size:0.8em;
	overflow:auto;
	height:450px;
	text-align:justify;
}
#contenutest {
	position:absolute;
	left:199px;
	top:138px;
	width:750px;
	font-size:0.8em;
	height:450px;
	text-align:justify;
}
#contenu a {
	color:#424241;
}
h1 {
	font-weight:bold;
	font-size:1.2em;
	color:#6FA010;
}
#contenu h2 {
	font-weight:bold;
	font-size:1.1em;
	color:#6D5C43;
	margin:0;
}
#contenu h3 {
	font-weight:bold;
	font-size:1.1em;
	color:#582a7f;
}
#contenu .texte {
	width:450px;
}
#photosEquipe {
	height:126px;
	float:left;
	width:740px;
}
#photosEquipe img {
	border:#FFFFFF solid 1px;
}
#equipe {
	position:absolute;
	float:left;
	top:150px;
	left:400Px;
	width:280px;
	text-align:justify;
}
/*minceur*/
#specif {
	position:absolute;
	right:0px;
	top:30px;
	width:350px;
	text-align:right;
}
/*###############TARIFS######################*/
#contenu ul, #contenu li {
	list-style-type:disc;
	background-color:none;/*	margin-left:-20px;*/
}
.+html #contenu ul, #contenu li {
margin-left:+40px;
}
#saut {
	display:inline;
}
#plaquette {
	position:absolute;
	left:20px;
	width:145px;
	height:120px;
	text-align:center;
}
#plaquette a {
	text-decoration:none;
	color:#6D5C43;
}
/*###############CONTACT###############*/
#ficheForm form {
	position:absolute;
	width:550px;
	left:85px;
	top:95px;
	font-size:1em;
}
#ficheForm legend, #ficheFormfieldset {
	font-weight:bold;
	/*color:#FFFFFF;*/
	border-width:0px;
}
.envoye {
	position:absolute;
	left:100px;
	height: 16px;
	border: 1px solid #ffffff;
	width:80%;
}
#ficheForm textarea {
	width:100%;
}
#cnil {
	left:100px;
}
#cnil a {
	color:#424241;
}
/*#####################CHEQUES CADEAUX#######################*/
#illustrationcheque {
	position:absolute;
	width:389px;
	height:400px;
	left:0px;
	top:20px;
}
#textecheque {
	posititon:relative;
	width:250px;
	height:130px;
	margin-left:440px;
	margin-top:150px;
	background-color:#897452;
	color:#FFFFFF;
	font-size:14px;
	padding:10px;
	text-align:center;
	float:left;
}
/*accueil*/
#accueilTitreA {
	position:absolute;
	left:160px;
	top:120px;
	font-size:1.1em;
	font-style:italic;
}
#accueilA {
	position:absolute;
	left:90px;
	top:180px;
}
#texteAccueil {
	position:absolute;
	top:80px;
	width:350px;
	text-align:justify;
	z-index:100;
	left:15px;
	font-size:.8em;
}
#texteAccueil a {
	color:#424241;
	text-decoration:underline;
}
#texteAccueil a:hover {
	color:#424241;
	text-decoration:none;
}
#accueilTitreA h1 {
	font-size:1.2em;
	font-weight:bold;
	color:#6D5C43;
}
#accueilA h2 {
	font-size:1em;
	font-weight:bold;
	color:#F27900;
}
embed, object {
	z-index:0;
	position:absolute;
	left:465px;
	top:130px;
	width:483px;
	height:382px;
}
#contenu embed, #contenu object {
	left:20px;
	top:30px;
	z-index:0;
}
#invitation {
	position:absolute;
	left:300px;
	top:295px;
}
#adresse {
	position:absolute;
	left:590px;
	top:300px;
	width:250px;
	border-right:#B09768 5px solid;
	font-size:.8em;
	text-align:right;
	padding-right:10px;
}
#mentions {
	color:#424241;
	font-size:.8em;
}
/*################acces*/

#coordonnees {
	position:absolute;
	left:410px;
	top:83px;
	width:300px;
	padding-left:10px;
	border-left:#B09768 5px solid;
	text-align:justify;
}
/*################partenaires*/
.imgPartenaires {
	margin-left:10px;
	margin-bottom:5px;
	top:0px;
}
#aVuarnesson {
	position:absolute;
	top:0px;
	left:0px;
	width:730px;
	text-align:justify;
	min-height:150px;
}
#dTerrand {
	position:absolute;
	top:270px;
	width:730px;
	text-align:justify;
}
#partenaires {
	width:470px;
	top:50px;
	text-align:justify;
}
#partenaires h2 {
	margin:0px;
}
/*################bien etre*/
#bienEtre {
	width:680px;
}
#bienEtre a {
	text-decoration:none;
}
#qui h2, #tarifs h2,, #domaines h2, #suivi h2, #methode h2 {
color:#ff7a00;
}
.bien {
	visibility:hidden;
	position: absolute;
	top: 120px;
	left: 250px;
	width: 455px;
	height: 300px;
	text-align: justify;
}
#methode {
	visibility:visible;
}
#methode ol {
	margin-left:-10px;
}
/*################boutique*/
#photosboutique {
	width:730px;
	margin-top:5px;
}
.vign-boutique {
	float:left;
	width:200px;
	margin-right:25px;
	margin-left:10px;
	margin-bottom:10px;
	height:200px;
}
/*################massage*/

#balinais h2, #californien h2, #indien h2, #oriental h2, #australien h2, #japonais h2, #escale_tropicale h2, #escale_suedoise h2, #escale_marocaine h2, #escale_tunisienne h2, #escale_eva h2, #escale_decouverte h2, #galets_chauds h2, #croisiere_creole h2, #balade_mexicaine h2, #invitation_indienne h2, #promenade_indonesienne h2, #evasion_japon h2, #reve_afrique h2, #detente_provence h2, #australienhomme h2, #ballotins h2, #cuir_chevelu h2, #tropical h2, #Bora h2, #mullee h2, #yhi h2, #soin_regard h2, #tya h2, #Geisha h2, #detendre h2, #tonifier h2, #maigrir h2, #sculpter h2 {
	color:#ff7a00;
}
.description_massage {
	visibility:hidden;
	position: absolute;
	top: 80px;
	left: 430px;
	width: 280px;
	height: 360px;
	text-align: justify;
}
.description {
	visibility:hidden;
	position: absolute;
	top: 20px;
	left: 430px;
	width: 280px;
	height: 360px;
	text-align: justify;
}
#balinais, #escale_decouverte, #croisiere_creole, #australienhomme, #Geisha, #maigrir {
	visibility:visible;
}
#californien, #indien, #oriental, #australien, #escale_tropicale, #escale_suedoise, #escale_marocaine, #escale_tunisienne {
	visibility:hidden;
}
.nom {
	visibility:hidden;
	position:absolute;
	color:#ffffff;
	font-weight:bold;
}
.nomV {
	visibility:visible;
	position:absolute;
	color:#ffffff;
	font-weight:bold;
}
#et {
	left:105px;
	top:190px;
}
#ee {
	left:245px;
	top:150px;
}
#ed {
	left:230px;
	top:270px;
}
#es {
	left:190px;
	top:80px;
}
#em {
	left:180px;
	top:140px;
}
#etu {
	left:190px;
	top:140px;
}
#aus {
	left:260px;
	top:230px;
}
#bal {
	left:290px;
	top:180px;
}
#cal {
	left:60px;
	top:170px;
}
#ind {
	left:270px;
	top:160px;
}
#ori {
	left:190px;
	top:140px;
}
#jap {
	left:230px;
	top:120px;
}
#gc {
	left:200px;
	top:190px;
}
#ba {
	left:190px;
	top:100px;
}
#cc {
	left:70px;
	top:170px;
}
#mtr {
	left:90px;
	top:170px;
}
#ccr {
	left:250px;
	top:225px;
}
#bm {
	left:70px;
	top:170px;
}
#ii {
	left:180px;
	top:170px;
}
#pi {
	left:150px;
	top:190px;
}
#esl {
	left:160px;
	top:80px;
}
#rca {
	left:230px;
	top:215px;
}
#dp {
	left:150px;
	top:115px;
}
#lau {
	left:50px;
	top:200px;
}
#bo {
	left:200px;
	top:155px;
}
#mu {
	left:150px;
	top:75px;
}
#yh {
	left:340px;
	top:165px;
}
#sr {
	left:220px;
	top:225px;
}
#ty {
	left:320px;
	top:225px;
}
#ge {
	left:290px;
	top:145px;
}
#me {
	left:200px;
	top:165px;
}
area map a {
	display:block;
}
#photoStarfit {
	position:absolute;
	top:100px;
	left:550px;
	border:solid 1px #FFFFFF;
}
/*##################actualites */
h5 {
	color:#ff7a00;
}
#lui, #elle {
	width:500px;
}
.esthe {
	color:#582a7f;
}
.actus {
	margin-right:40px;
	margin-bottom:5px;
	border: 1px solid #FFFFFF;
}
.presse {
	width:620px;
}
.presse a {
	text-decoration:none;
}
#vente {
	position:absolute;
	left:475px;
	top:50px;
	font-weight:bold;
	font-size:1.2em;
	color:#FF3300;
}
/*/////////////////////////////////////////////contact*/

#ficheForm label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:200px;
	float:left;
	font-size:12px;
}
#ficheForm .small {
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:200px;
}
#ficheForm input, #ficheForm select, #ficheForm textarea {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:250px;
	margin:2px 0 20px 10px;
}
#basic .loader {
	display:none;
	font-weight:bold;
	width:550px;
	font-size:12px;
	text-align:center;
	margin-top:80px;
}
#alert {
	color:#666;
	width:200px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#FAFAFA;
	border:4px solid #50A306;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -100px;
	position: absolute;
}
.filetRouge {
	border:2px solid #FF3300;
}
/**************************************************cheque cadeau*/
#categories {
	font-weight:bold;
}
ul#listecat {
}
ul#listecat li.prodcat {
	font-size:13px;
	list-style-type:circle;
	margin:5px;
}
ul#listecat li.prodcat span {
	/*color:#FF7A00;	*/
	color:#6FA010;
	font-weight:bold;
}
.vert {
	color:#6FA010;
	font-weight:bold;
}
ul#listecat li div.desccat {
	font-size:10px;
	padding:5px;
	width:430px;
}
ul#listeprod {
}
ul#listeprod li.prodprod {
	font-size:12px;
	margin:5px;
}
ul#listeprod li div.descprod {
	font-size:10px;
	padding:5px;
	width:430px;
}
ul#listeprod li div.droite {
}
ul#listeref {
}
table.listeref tr.prodref {
	font-size:10px;
	list-style-type:square;
	line-height:15px;
	height:15px
}
table.listeref tr.prodref input.qte {
	width:25px;
	height:12px;
	font-size:10px;
	margin-right:20px;
}
table.listeref tr.prodref span.droite {
	font-weight:bold;
}
table.listeref tr.prodref td.intitule {
	width:300px;
}
table.listeref tr.prodref td.quantite {
	width:100px;
}
 table.listeref tr.prodref td.tdml{
	width:200px; 
 }
 table.listeref tr.prodref input.MontantLibre {
	width:30px;
	height:12px;
	font-size:10px;
	margin-right:10px;
}
 input.qte {
	height:12px;
}
table.listeref tr.prodref td.prix {
	width:70px;
	font-weight:bold;
}
.filetRouge {
	border:#FF0000 2px solid;
}
.small {
	font-size:9px;
}
#formcom3 p input.mdroite {
	position:absolute;
	left:150px;
}
.gd {
	width:400px;
}
#cheminCommande {
	width:130px;
	height:100%;
	color:#6D5C43;
	padding:5px;
}
p.actuel {
	color:#FFFFFF
}
input.suiv {
	margin-left: 550px;
}
.rouge {
	color:#C00;
}
#commander {
	position:absolute;
	left:400px;
	top:300px;
}
.mere {
	color:#15ACB7;}
#fille{
	position:absolute;
	left:530px;
	top:30px;}