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


/* -------------------   FEUILLE DE STYLES POUR LE SITE WWW.LES-SENS-DU-BIEN-ETRE.COM -------------------------*/

body{
	background      : url(../img/massages-la-rochelle-fond.jpg) center white no-repeat;
	margin			: 0;
	padding			: 0;	
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #7A5A45;
	}



object {
	margin			: 0;
	padding			: 0;
	}

embed.fond {
	margin			: 0;
	padding			: 0;
	}


#fond {
					position: relative;
					background: #FFFFFF;
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 0;
					z-index: 1;
			}

#page{
	background		: url(../img/massages-la-rochelle-bg-page.png) repeat-y;
	width			: 780px;
	position		: absolute;
	margin			: 0 auto;
	padding			: 0 15px;
	top				: 0;
	left			: 50%;
	z-index			: 200;
	margin-left		: -390px;
				
	}
	
	
	
img{
	border			: none;
	}  
	
	
#header{

	background		: url(../img/massages-la-rochelle-header2.jpg) no-repeat top left;
	height			: 200px;
	}
	
.logo{
	padding-top		:75px;
	border:hidden;
	}


#menu{
	padding-top		:160px;
	
	}

#contenu{
	
	width:750px;
	

}


#flashAccueil{
	height			:400px;
}


#blocBonasavoir{
	background		:url(../img/massages-la-rochelle-bg-bon-a-savoir.jpg) no-repeat;
	width			:450px;
	height			:179px;
	float:left;
	}
	
p.bonasavoir{
	padding: 50px 10px 10px 15px;
	color:		white;
}

#blocTouche{
	background:url(../img/massages-la-rochelle-bg-touche-bien-etre.jpg) no-repeat;
	width:300px;
	height:179px;
	float:left;
}

p.toucheBienEtre{
	padding: 70px 10px 10px 25px;
	color:white;
}


#footer{
	clear:both;
	background:#9f8863 center;

	font-size:10px;
	color:white;
	width:750px;
	text-align:center;
	margin-top:20px;
	
}

a{
	color:white;
}
a:hover{
	color:#7A5A45;
}




#blocDansContenu{
	padding-left:50px;
	padding-bottom:0px;
	width:90%;
	
}

a.planDuSite{
	color:#7A5A45;
}
a.planDuSite:hover{
	color:#C4AC8C;
}

fieldset{
	width:80%;
	margin:20px 0;
	background:#DFE8BD;

}

p.texteAccueil1{
	font-size:14px;
	
	font-style:italic;
	padding:0 10px 20px 20px;
	width:90%;
	text-align:center;
	color:#A5B75E;
	font-weight:bold;
	
}


p.texteAccueil2{
	font-size:12px;
	padding:0 10px 20px 20px;
	width:90%;
	text-align:center;
	
}

.gras{
	font-weight:bold;
}
.souligne{
	text-decoration:underline;
}

.important{
	font-size:16px;
	font-weight:bold;
	color:#C4AC8C;
}


.colonneGauche{
	vertical-align:top;
	width:430px;
	padding-left:30px;
	
}

#horaires{
	
	background:url(../img/massages-la-rochelle-fond-bloc-horaires.jpg) no-repeat;
	width:250px;
	text-align:center;

	padding:55px 20px 0px 0px;
	
}

#retrouvez{
	background:url(../img/massages-la-rochelle-fond-bloc-retrouvez.jpg) no-repeat;
	width:250px;
	text-align:center;
	height:200px;
	padding:55px 20px 0px 0px;
	

}

.colonneDroite{
	vertical-align:top;
	
}

.label{
	vertical-align:top;
	border-right:solid thin #669933;
	text-align:right;
	padding:0 10px 0 0;
	
}

.champ{
	padding-left:10px;
}


input,textarea{
	border:none;
	background:#E8EAC6;
	
}
input:hover,textarea:hover{
	border:none;
	background:#D8DD9B;
}



.center{
	padding-left:5%;
	padding-top:5px;
}

a#vcard{
	background:url(../img/massages-la-rochelle-bt-v-card.png) no-repeat scroll;
	width:149px;
	height:64px;
	position:absolute;
	left:66%;
	}
	
a#vcard:hover{
	background:url(../img/massages-la-rochelle-bt-v-card-survol.png) no-repeat scroll;
	width:149px;
	height:64px;
	}


.mail{
	text-decoration:none;
	color:#7A5A45;
	}


.champEnvoi{
	background:inherit;
	background:url(../img/massages-la-rochelle-bt-envoyer.png) no-repeat;
	width:86px;
	height:21px;
	}

.champEnvoi:hover{
	background:inherit;
	background:none;
	background:url(../img/massages-la-rochelle-bt-envoyer-survol.png) no-repeat;
	width:86px;
	height:21px;
	cursor:pointer;
	}

p.coordonnees{
	/*border-left:medium dotted #D98579;*/
	padding			:10px;
	background:#F9F3F2;
	width:85%;
	border:thin #E9DFDC solid;
	}

.carte{
	border			:solid #E9DFDC 5px;
	}

p.aSavoir{
	text-align		:left;
	padding			:30px 5px 10px 15px;
	}
	
	
#intervenante{
	background:url(../img/massages-la-rochelle-fond-intervenante.jpg) no-repeat;
	

	padding:90px 20px 10px 30px;
	margin-bottom:20px;

}
.enSavoirPlus{
	color:#979E36;
	font-weight:bold;
	text-decoration:underline;
	
	
}
#tarifs{
	background:url(../img/massages-la-rochelle-fond-tarifs.jpg) no-repeat;
	width:391px;
	height:120px;
	padding:100px 20px 0px 30px;

}


#colGauche{
	
	width:60%;


	text-align:left;
	float:left;

	
	
}

#colDroite{
	background:url(../img/massages-la-rochelle-titre-avis.jpg) no-repeat;
	width:40%;
	padding-top:90px;
	text-align:left;
	float:left;

	
	
}

cite{
	color:#979E36;
	font-weight:bold;
	font-style:italic;

	
	
}
.alignDroite{
	float:right;
	padding-right:15px;
	color:#D1725A;
}

#blocBas{
	vertical-align:top;
	background:url(../img/massages-la-rochelle-bg-degrade.jpg) repeat-x;
	height:177px;
	width:750px;
}
.blocContact{
	background:url(../img/massages-la-rochelle-titre2-contact.png) no-repeat top left;
	padding-top:50px;

}
.blocBonasavoir{
	clear:both;

}


h1{
	color:#DA9D89;
	font-size:18px;
}


.italic{
	font-style:italic;
}


.unAvis{
	border:#D7E69B thin solid;
	border-left:#D2D68F 5px solid;
	text-align:left;
	padding-left:10px;
	padding:10px;
	padding-bottom:30px;
	margin:20px 10px 40px 70px;
	width:50%;
	background:#F1F7DB;
	
}

a.sousMenu{
	color:#7A5A45;
	line-height:22px;
	
}

a.sousMenu:hover{
	color:#8EA439;
	font-weight:bold;
	font-size:14px;
	
}

a.liens{
	color:#669900;
	font-size:16px;
}


legend{
	color:#93A433;
	font-weight:bold;
	font-size:14px;
}


.btimagecontact{
	outline:hidden;
}

#menuInfosMassages{
	background:url(../img/massages-la-rochelle-fd-infos-massages.jpg) no-repeat;
	width:80%;
	padding:100px 20px 10px 40px;
	
}

.photoBougies{
	float:right;
}

#tousAvis{
	background:url(../img/massages-la-rochelle-fond-boule.jpg) no-repeat center right;
}