/* Général */
html, body {
	color: #F0E39E;
	background: #505050;
	height:658px;
		font-size:16px;

}

a {
	color: #3d1704;
}
a:hover, a:focus {
	color: #FF4C00;
}

strong {
	color: #A1B55D;
}

/* Global */
#global {
	border-width:4px;
	border-color: #81c8aa;
	border-style:solid;
	background:#fff;
}

/* Navigation */
#navigation {
	background: #3d1704;
	/* background-image:url(../picto/MARIEBspa_03-26.gif);
	background-position:left bottom;
	background-repeat:no-repeat; */
	background:#3D1704 url(../images/backgrd-marieb.jpg) no-repeat scroll center bottom;
	font-family: Trebuchet, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-weight:bold;
	font-size: 1em;
	height:791px;
}

.soinsvisage #navigation {
	height:912px;
}

#image-index{
	background:transparent url(../images/MARIEBspa_06.png) no-repeat scroll 0 0;
	left:447px;
	position:absolute;
	top:-26px;
	z-index:33;
	width: 654px;
	height: 357px;

}

.forfait #navigation {
	background: #3d1704;
	background:#3D1704 url(../images/backgrd-marieb.jpg) no-repeat scroll center bottom;
	/* background-image:url(../picto/MARIEBspa_03-26.gif);
	background-position:left bottom;
	background-repeat:no-repeat; */
	height:767px;
}

.cellulite #navigation {
	background: #3d1704;
	height:1165px;
}



/* Contenu principal */
#contenu {
	color: #363B29;
	background: #ffffff;
}

#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}
#coldroite {
float:right;
width:387px;
}

.accueil #coldroite, .forfait #coldroite, .lespa #coldroite, .soinsvisage #coldroite, .cellulite #coldroite, .spa #coldroite{
float:left;
width:385px;
margin-left:33px;

}

.accueil #colphotos{
float:left;
width:785px;
margin-left:33px;
}

.contact #coldroite {
float:right;
width:350px;
}
#colgauche {
float:left;
width:828px;
padding:30px 0 0 33px;

}

.lespa #colgauche {
float:left;
width:420px;
padding:30px 0 0 33px;

}

#col_horizontal {
float:left;
width:722px;
}

#utilitaires{
	color:#fff;
	display:inline;
	}

.contact #colgauche {
padding:0px 0 0 33px;

}

#colgauche1 {
float:left;
width:387px;
margin-right:53px;
}

#colgauche2 {
float:left;
width:387px;
margin-top:330px;
margin-left:12px;
}

#colgauche2 li {
margin: .50em 0;
}

.spa #colgauche2 {
float:left;
margin-left:28px;
margin-top:330px;
width:387px;
}

.soinsvisage #colgauche2{
	margin-top:246px;
	}

.soins #colgauche2 {
float:left;
width:387px;
margin-top:330px;
margin-left:12px;
}

.accueil #colgauche1{
	margin-left:32px;
width:387px;
}
.accueil #colgauche2{
color:#000000;
float:right;
margin-top:330px;
text-align:left;
width:371px;
}

.lespa #colgauche2{
	
	float:left;
margin-left:33px;
margin-top:279px;
width:387px;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding:30px 50px 40px 0px; 
}
#global {
	width: 90%;
	overflow: hidden; 
	width:1085px;

}

.photos{
	
width:209px; 
height:157px; 
overflow:hidden; 
margin:7px; 
border:1px solid gray;
float:left;
}

/* En-tête */
#entete {
	background:coral none repeat scroll 0 0;
padding:0;
width:224px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#logo {
	position:absolute;
	top:0px;
	left:-68px;
	width: 356px;
	height: 177px;


	
}

#logobas {
	left:-407px;
	position:absolute;
	top:796px;
	width: 1083px;
	height: 171px;


	
}

.spa #logobas {
left:-4px;
position:absolute;
top:846px;
}

.lespa #logobas{
left:-4px;
position:absolute;
top:829px;
}

.forfait #logobas {
	left:590px;
	;
	position:absolute;
	top:809px;
	width: 326px;
	height: 214px;


	
}

.cellulite #logobas {
left:-411px;;
position:absolute;
top:1132px;
	
}

.soinsvisage #logobas {
left:-383px;
position:absolute;
top:896px;
	
}

.soins #forfait{
left:-4px;
position:absolute;
top:919px;}

#imgdeco{
	left:270px;
position:absolute;
top:38px;
	}
#navigation {
	width: 216px; /* -> 4 */
	float: left;
	margin-top:168px;
}

.lespa #navigation{	
	float:left;
height:792px;
margin-top:168px;
width:216px;
}

.spa #navigation{	
	float:left;
height:839px;
margin-top:168px;
width:216px;
}

#navigation ul {
	margin: 0;
	padding: 0px 28px 0 0;
	list-style: none;
	text-align:right;
}
#navigation a {
	display: block;
	padding:6px 19px 6px 10px;
	line-height: 1.5;
	font-size:13px;
	text-decoration: none;
}
/*a:link {color:#FF0000;}       unvisited link */
/*a:visited {color:#00FF00;}  visited link */
/*a:hover {color:#FF00FF;}   mouse over link */
/*a:active {color:#0000FF;}   selected link */
#navigation a:link {
	color: #81c7a9;
}

#navigation a:visited {
	color: #81c7a5;
}

#navigation a:hover {
	color: #fff;
	background:transparent url(../picto/bidule.gif) no-repeat scroll 147px 8px;
}
#home #nav-accueil a{
		background:transparent url(../picto/bidule.gif) no-repeat scroll 147px 8px;
	}
	
#soins #nav-soins a{
		background:transparent url(../picto/bidule.gif) no-repeat scroll 147px 8px;
	}
	#soins #nav-soins li a{
		background:none;
		font-weight:normal;
		color:#FFFFFF;
	}
	
		#soins #nav-soins li a:hover, #soins #nav-soins li a:hover{
				background:transparent url(../picto/bidule.gif) no-repeat scroll 143px 05px;
}

#photos #nav-photos a{
		background:transparent url(../picto/bidule.gif) no-repeat scroll 147px 8px;
	}

#contact #nav-contact a{
		background:transparent url(../picto/bidule.gif) no-repeat scroll 147px 8px;
	}
#spa #nav-spa a{
		background:transparent url(../picto/bidule.gif) no-repeat scroll 147px 8px;
	}	

#forfait #nav-forfait a{
		background:transparent url(../picto/bidule.gif) no-repeat scroll 147px 8px;
	}
	
#navigation li li a:hover {
	font-weight:normal;
	color: #fff;
	background:transparent url(../picto/bidule.gif) no-repeat scroll 145px 11px;
}

#navigation li li a {
	font-weight:normal;
	color: #fff;
}

.cellulite #navigation li li a, .soinsvisage #navigation li li a, .forfait #navigation li li a {
	font-weight:normal;
	color: #fff;
}

#navigation li li li a {
color:#81DDF0;
font-size:11px;
font-weight:normal;
}

#navigation li li li a:link {
		font-weight:normal;
	color: #fff;
}

#navigation li li li a:hover {
		font-weight:normal;
	color: #fff;
	background:transparent url(../picto/bidule.gif) no-repeat scroll 141px 6px;
}

#navigation li li li a:visited {
color:#81DDF0;
font-size:11px;
font-weight:normal;
}

/* Contenu */
#contenu {
	margin-left: 216px; /* -> 6 */
	padding:1px 20px 0 0;
	text-align: left;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	color:#333333;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: .50em 0;
	line-height: 1.3em;
}

#contenu tr {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: .75em 0;
	line-height: 1.3em;
}

#bottom{
	text-align:right;
	font:normal 10px Verdana, sans-serif;
	color:#fff;
	margin-top:8px;
	}
#bottom a{
	color:#fff}	

