html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#d4eef3;
	font-family:arial;
}

a{
	color:#5bbdd0;
	text-decoration:underline;
}
a:hover{
	color:#50a4b4;
}



div.parMassage{
	padding-left:9px;
}

div.header{
	width:100%;
	text-align:center;
}

	div.header div.r1{
		width:100%;
		height:194px;
		background-color:#fff;
		background-image:url(img/header_bg.jpg);
		background-position:top center;
		background-repeat: no-repeat;
		text-align:center;
	}
		div.header div.r1 div.zone{
			margin: 0 auto;
			width:900px;
		}
		div.header div.r1 div.zone div.zone2{
			margin-left:700px;
			padding-top:50px;
			width:200px;
			text-align:right;
		}
		div.header div.r1 div.zone div.zone2 a.link{
			display:block;
			text-transform:uppercase;
			font-size:11px;
			color:#9e9586;
			text-decoration:none;
		}
		div.header div.r1 div.zone div.zone2 a.linkfb{
			display:block;
			text-transform:uppercase;
			font-size:11px;
			color:#9e9586;
			text-decoration:none;
		}
	div.header div.r2{
		width:100%;
		height:60px;
		background-color:#3c3f43;
		background-image:url(img/menu_bg.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		text-align:center;
	}
		div.header div.r2 div.zone{
			margin: 0 auto;
			width:960px;
			
		}
			div.header div.r2 div.zone a{
				display:block;
				cursor:pointer;
				float:left;
			}
			div.header div.r2 div.zone div.link01{
				height:60px;
				width:105px;
				background-image:url(img/menu/accueil.jpg);
			}
			div.header div.r2 div.zone div.link01:hover{
				background-image:url(img/menu/accueil_over.jpg);
			}
			div.header div.r2 div.zone div.link02{
				height:60px;
				width:107px;
				background-image:url(img/menu/coiffure.jpg);
			}
			div.header div.r2 div.zone div.link02:hover{
				background-image:url(img/menu/coiffure_over.jpg);
			}
			div.header div.r2 div.zone div.link03{
				height:60px;
				width:162px;
				background-image:url(img/menu/esthetique.jpg);
			}
			div.header div.r2 div.zone div.link03:hover{
				background-image:url(img/menu/esthetique_over.jpg);
			}
			div.header div.r2 div.zone div.link04{
				height:60px;
				width:154px;
				background-image:url(img/menu/corporel.jpg);
			}
			div.header div.r2 div.zone div.link04:hover{
				background-image:url(img/menu/corporel_over.jpg);
			}
			div.header div.r2 div.zone div.link05{
				height:60px;
				width:149px;
				background-image:url(img/menu/massotherapie.jpg);
			}
			div.header div.r2 div.zone div.link05:hover{
				background-image:url(img/menu/massotherapie_over.jpg);
			}
			div.header div.r2 div.zone div.link06{
				height:60px;
				width:100px;
				background-image:url(img/menu/hammam.jpg);
			}
			div.header div.r2 div.zone div.link06:hover{
				background-image:url(img/menu/hammam_over.jpg);
			}
			div.header div.r2 div.zone div.link07{
				height:60px;
				width:183px;
				background-image:url(img/menu/boutique.jpg);
			}
			div.header div.r2 div.zone div.link07:hover{
				background-image:url(img/menu/boutique_over.jpg);
			}
	div.header div.r3{
		height:266px;
		background-image:url(img/subHeader.jpg);
		background-position:top center;
		background-repeat: no-repeat;
		background-color:#89d3de;
	}
	
	div.header div.r4{
		width:900px;
		background-color:#FFF;
		margin:0 auto;
		padding:30px 30px 0 30px;
		text-align:left;
	}
	.ie div.header div.r4{
		width:900px;
	}
		div.header div.r4 div.pres{
			width:260px;
			float:left;
			font-size:12px;
			line-height:150%;
			color:#666;
		}
			div.header div.r4 div.pres div.subtitle{
				margin-top:20px;
				margin-bottom:20px;
				text-transform:uppercase;
				color:#999;
				font-size:16px;
				line-height:150%;
			}
		div.header div.r4 div.container{
			float:right;
			width:600px;
		}
			div.header div.r4 div.container div.slideshow{
				width:600px;
				height:288px;
				margin-bottom:30px;
			}
			div.header div.r4 div.container div.leftbox{
				float:left;
				width:270px;
				margin-right:20px;
				font-size:12px;
				color:#666;
				line-height:150%;
			}
			.ie div.header div.r4 div.container div.leftbox{
				width:270px;
			}
			div.header div.r4 div.container div.leftbox img{
				display:block;
				margin-bottom:20px;
			}
			div.header div.r4 div.container div.rightboximg{
				float:right;
				width:310px;
				height:466px;					
				background-image:url(img/hammam/rightbox_img_accessoires.jpg);
				color:#b0b0b0;	
			}
			div.header div.r4 div.container div.rightbox{
				float:right;
				width:270px;
				padding:20px;
				background-color:#383b3e;
				color:#b0b0b0;
				font-size:12px;
			}
			div.header div.r4 div.container div.rightboxfb{
				float:right;
				width:270px;
				height:113px;
				padding:20px;
				background-image:url(img/bg_facebook.jpg);
				background-color:#3b5999;
				color:#ffffff;
				font-size:12px;
			}
			.ie div.header div.r4 div.container div.rightbox{
				width:270px; /* IE inclu les paddins (left+right) dans la largeur */
			}
				div.header div.r4 div.container div.rightbox div.subtitle{
					text-transform:uppercase;
					color:#fff;
					font-size:16px;
				}
				div.header div.r4 div.container div.rightboxfb div.subtitle{
					text-transform:uppercase;
					color:#fff;
					font-size:16px;
				}
				div.header div.r4 div.container div.rightbox  a img{
					border:0px;
				}
				div.header div.r4 div.container div.rightboxfb  a img{
					border:0px;
				}
				div.header div.r4 div.container div.rightbox div.link01{
					height:26px;
					width:235px;
					cursor:pointer;
					background-image:url(img/button_consulter_cartes.jpg);
				}
				div.header div.r4 div.container div.rightbox div.link01:hover{
					background-image:url(img/button_consulter_cartes_over.jpg);
				}
				div.header div.r4 div.container div.rightboxfb div.link02{
					height:22px;
					width:195px;
					cursor:pointer;
					background-image:url(img/zone_facebook_butt.png);
				}
				div.header div.r4 div.container div.rightboxfb div.link02:hover{
					background-image:url(img/zone_facebook_butt_over.png);
				}
				div.header div.r4 div.container div.rightbox div.link02{
					height:26px;
					width:229px;
					cursor:pointer;
					background-image:url(img/button_consulter_forfaits.jpg);
				}
				div.header div.r4 div.container div.rightbox div.link02:hover{
					background-image:url(img/button_consulter_forfaits_over.jpg);
				}
				
				
		div.header div.r4 div.pub{
			margin:0 auto;
			text-align:center;
			padding-top:25px;
            padding-bottom:25px;
			
		}
			div.header div.r4 div.pub a{
				float:center;
			}
				div.header div.r4 div.pub a img{
					border:0px;
				}
		
		div.header div.r4 div.coord{
			margin:0 auto;
			text-align:center;
			margin-bottom:10px;
		}
		div.header div.r4 div.footer{
			margin:0 auto;
			width:900px;
			height:64px;
			background-image:url(img/carre_brun.jpg);
			background-position:bottom center;
			background-repeat:no-repeat;
			
		}
	div.header div.r5{
		width:960px;
		height:227px;
		margin:0 auto;
		background-image:url(img/footer_bg.jpg);
		padding-top:80px;
	}
		div.header div.r5 div.l1{
			text-align:center;
		}
			div.header div.r5 div.l1 a.link{
				font-size:11px;
				color:#5a5243;
				text-decoration:none;
			}
			div.header div.r5 div.l1 a.link:hover{
				color:#9e988e;
			}
			div.header div.r5 div.l1 img{
				margin-bottom:-4px;
			}
		div.header div.r5 div.l2{
			margin-top:20px;
			text-align:center;
			font-size:11px;
			color:#78c3d1;
		}
			div.header div.r5 div.l2 a{
				color:#78c3d1;
				text-decoration:none;
			}
            div.header div.r5 div.l2 a.link:hover{
				color:#64a0ab;
			}