/* CSS Document */



body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


.color1{
	background-color:#fefdf7;

}

.color2{
	background-color:#00485F;

}

.color3{
	background-color:#F4EFD2;

}


.color4{
	background-color:#FEFCF0;

}


.left  {
	background:url(images/pix_left.jpg) 0 0   repeat-x #f9f9ef;
	
}


.right  {
	background:url(images/pix_right.jpg) 0 0px repeat-x #f9f9ef;
	
}

.back_act  {
background-color:#F4EFCF;
	
}

.clear  {
	clear:both;
	padding-top:0;
}

*  {
	margin: 0;
	padding:0;
}



p, h2, h3 , h4 , h5  {
	display:block;
}


p {
	padding:3px 0 5px 0;
	font-size: 11px;
}

ul  {
	list-style:none;
}

a {
	text-decoration:none;
	color:#015A7A;
	
}

a:hover {
	text-decoration:none;
	color:#0000FF;
	border-bottom:1px  dashed #00485F;
	
}
/************************/

#page {
	margin:0 auto;
	width:938px;
	background:url(images/fond_page.jpg) 0 0 no-repeat #f9f9ef;
	padding-top:21px;
	position: relative;
}





#header {
	float:left;
	width:938px;
	height:124px;
}


#logo {
	float:left;
	
	height:124px;
}
/*****************************************/
#menu {
	float:left;
	height:124px;
	width:700px;
}


#menu ul{
	padding:100px 0 0 5px;
}

#menu li{
	display:inline;
}


.acc a{
	display:block;
	float:left;
	padding:4px 10px 4px 22px;
	color:#FFF;
	font-weight:bold;
	margin:0 1px 0 0;
	background:url(images/menu/acc_off.jpg) 0 0 no-repeat;
	font-size:14px;
}

 .acc a:hover{
	background:url(images/menu/acc_on.jpg) 0 0 no-repeat;
	color:#FFF;
	border:none;
}

 .acc .active{
	background:url(images/menu/acc_on.jpg) 0 0 no-repeat;
	color:#FFF;
	border:none;
}


.soins a{
	display:block;
	float:left;
	padding:4px 12px 4px 14px;
	color:#FFF;
	font-weight:bold;
	margin:0 1px 0 0;
	font-size:14px;
	background: url(images/menu/hamam_off.jpg) 0 0 no-repeat;
}

.soins a:hover{
	color:#FFF;
	background: url(images/menu/hamam_on.jpg) 0 0 no-repeat;
	border:none;
}


.soins .active{
	color:#FFF;
	background: url(images/menu/hamam_on.jpg) 0 0 no-repeat;
	border:none;
}

.act a{
	display:block;
	float:left;
	padding:4px 15px 4px 16px;
	color:#FFF;
	font-weight:bold;
	margin:0 1px 0 0;
	background:url(images/menu/act_off.jpg) 0 0 no-repeat;
	font-size:14px;
}

 .act a:hover{
	background:url(images/menu/act_on.jpg) 0 0 no-repeat;
	color:#FFF;
	border:none;
}

 .act .active{
	background:url(images/menu/act_on.jpg) 0 0 no-repeat;
	color:#FFF;
	border:none;
}

/*****************************************/

#contenu {
	float:left;
	width:938px;
	
}

#bloc_gauche {
	float:left;
	width:207px;
	padding: 0;
}

#horaires {
	float:left;
	width:187px;
	padding:35px 0  0 10px;
	color:#FFF;
}


#horaires  .titre{
	color:#FFF;
	font-size:16px;
	background: url(images/menu/puce.gif)  0 10px no-repeat;
	padding-left:10px;
	font-weight:bold;
}

#horaires p{
}

/*****************************************/
#actualites {
	float:left;
	width:187px;
	padding:10px 0 0 10px;
	color:#00485F;
}

#actualites img{
	float:left;
	padding:0 3px 0 0;
}

#actualites h3{
	color:#00485F;
	border-bottom:2px #00485F solid;
	margin-bottom:5px;
	font-size: 16px;
}

#actualites .date{
	color:#00485F;
	font-weight:bold;
	padding:0 0 0 5px;
}

#actualites p.suite
{
	float:right;
}

#actualites .suite a
{
	background:url(images/suite.gif) 0 0 no-repeat;
	padding:0 5px 3px 5px;
	color:#fff;
	display:block;
	font-size:10px;
}

#actualites .suite a:hover
{
	color:#043138;
	border:none;
}


#compo {
	float:left;
}

/*****************************************/

#droit, #droit2 {
	float:left;
	width:700px;
	padding:30px 0 0 10px;
	color:#00485F;
	margin: 0 0 0 15px;
}


#visuels {
	float:left;
	color:#00485F;
}

#visuels h4{
	font-weight:bold;
	font-size:14px;
	padding:0px 0 2px 6px;
}
/*****************************************/

#right_txt {
	float:left;
	width:470px;
	padding:30px 0 25px 0;
	font-weight:normal;
	color: #00485F;
	margin: 0 0 0 8px;
}

#right_txt p{
	padding:5px 0px 10px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#right_txt .liste {
	background: url(images/carre.gif) 10px 17px no-repeat;
	padding:10px 0 12px 20px;
	margin:0;
	color:#00485F;
	font-size: 12px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*****************************************/

.bloc {
	
	width:700px;
	padding-top:10px;
	float:left;
}

.bloc2 {
	padding-top:10px;
	float:left;
	clear:both;
	border-top:1px solid #004860;
	margin-top:10px;
	width:690px;
}

#carte {
	float:left;
	width:204px;
	margin: 0 0 0 15px;
}

#carte p{
	font-weight:bold;
	font-size:16px;
	color:#0D7B9C;
	background: url(images/losange.gif) 0 5px no-repeat;
	padding:0 0 10px 10px;
}

#carte a:hover{
	border:none;
}

#cadeaux{
	width:191px;
	color:#00485F;
	float:left;
	font-size:11px;
	margin-left:15px;
}

#cadeaux h3{
	font-weight:bold;
	font-size:16px;
	color:#0D7B9C;
	background: url(images/losange.gif) 0 5px no-repeat;
	padding:0 0 10px 10px;
}

#cadeaux .carte_cadeau{
	border:1px solid #00485F;
	margin-top:10px;
}

/********************************************/

#formulaire{
	width:260px;
	color:#00485F;
	float:left;
	font-size:11px;
	padding:0 0px 10px 0;
}


#formulaire h3{
	font-weight:bold;
	font-size:16px;
	color:#0D7B9C;
	background: url(images/losange.gif) 0 5px no-repeat;
	padding:0 0 10px 10px;
}


#formulaire h4{
	font-size:14px;
	padding:0 0 10px 0;
}

#formulaire form{
	display: inline;
}

#formulaire p{
	margin:0 0 5px 0; 
	width:260px;
	padding:0;
	float:left;
}
 
#formulaire span{
	float:right;
	clear:left;
	padding-right: 10px;
}
 
 #formulaire .info{
	clear: both;
}
 
#formulaire em{
	color:#67B0C5;
}

#formulaire .question{
}
 
#formulaire input{
	float:right;
	border:1px solid #00485F;
	width:170px;
	background-color:#fff;
	color:#00485F;
	margin: 0;
	height: 18px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #00485F;
	width:170px;
	height:60px;
	background-color:#fff;
	overflow:auto;
	color:#00485F;
	margin: 0;
}

#formulaire .bout{
	width: 60px;
	height:13px;
	border:none;
	float:right;
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding:5px 0 5px 0 ;
	
}

/*****************************************/
#footer {
	margin:0 auto;
	width:938px;
	text-align:center;
	clear:both;
	font-size:11px;
	color:#115469;
	padding: 20px 0 20px 0;
}


#footer li{
	display:inline;
	color:#115469;
}

#footer li a{
	color:#115469;
}

#footer li a:hover{
	color:#00C6DB;
}

.tof_right{
	float:right;
	border:1px solid #081D1E;
	margin: 30px 40px 0 0;
}

.foto_right{
	float:left;
	display: block;
}

.foto_left{
	float:right;
}

/****************************/
.soins_corp{
	float:left;
	width:700px;
	margin:0;
	padding: 0;
}


.soins_corp h3{
	
	font-weight:bold;
	font-size:16px;
	color:#0D7B9C;
	background: url(images/losange.gif) 0 5px no-repeat;
	padding:0 0 10px 10px;
}

.soins_corp h4{
	
	font-weight:bold;
	font-size:14px;
	color:#1694B8;
}

.soins_corp p{
	padding:0 0 3px 0;
	font-size: 11px;
	width: 570px;
	float: right;
}

#droit .soins_corp p.visage, #droit2 .soins_corp p.visage{
	padding:0px 10px 10px 5px;
	clear:both;
}

.soins_corp .esp1{
	border:none;
}

 .esp2{
	padding-bottom:55px;
}

.soins_corp span{
	font-size:11px;
}

/*************************/
.soins_visage {
	float:left;
	width:192px;
	padding:62px 5px 0 10px;
	color:#00485F;
	text-align:justify;
}

.soins_visage2 {
	float:left;
	width:192px;
	padding:62px 5px 0px 10px;
	color:#00485F;
	text-align:justify;
}

.soins_visage2b {
	float:left;
	width:192px;
	padding:62px 5px 0px 10px;
	color:#00485F;
	text-align:justify;
	margin-bottom:290px;
}

.soins_visage 3{
	float:left;
	width:192px;
	padding:62px 5px 0 10px;
	color:#00485F;
	text-align:justify;
}



.soins_visage h3{
	
	font-weight:bold;
	font-size:16px;
	color:#fff;
	padding-bottom:5px;
	background: url(images/menu/puce.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
}

.soins_visage ul li, #enterrement ul li {
	background: url(images/menu/puce.gif) 5px 6px no-repeat;
	padding:3px 0 3px 20px;
	margin:0;
	color:#09708F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	list-style-type: none;
}



.soins_visage h4{
	
	font-weight:bold;
	font-size:14px;
	color:#1694B8;
}


.soins_visage p{
	padding:5px 8px 7px 0;
}

#droit .titre_nav, #droit2 .titre_nav{
	color:#fff;
	font-style: italic;
	font-size:18px;
	margin-bottom:10px;
}

#droit ul li {
	background: url(images/menu/puce.gif) 5px 6px no-repeat;
	padding:3px 0 3px 20px;
	margin:0;
	color:#09708F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	list-style-type: none;
	width: 520px;
	float: right;
}

#droit2 ul li {
	background: url(images/menu/puce.gif) 5px 6px no-repeat;
	padding:3px 0 3px 20px;
	margin:0;
	color:#09708F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	list-style-type: none;
}

.tarifs{
	width:675px;
	padding:5px 5px 0px 5px;
	float:left;
	margin:7px 5px 0 0;
}

.tarifs2{
	width:330px;
	padding:5px 5px 0px 5px;
	float:left;
	margin:7px 5px 0 0;
}

.tarifs h3, #tarifs2 h3{
	background:url(images/losange.gif) 0 5px no-repeat;
	padding:0 0 0 12px;
	color:#1694B8;
	font-size:16px;
	
}

#tarifs2 ul li a:hover{
	color:#fff;
}

.desc{
	padding-top:28px;
}

.fixe{
	float:left;
	width:0px;
	height:620px;
}

.fixe2{
	float:left;
	width:1px;
	height:252px;
}

.fixe3{
	float:left;
	width:0px;
	height:650px;
}


.gras{
	font-size:14px;
	font-weight:bold;
}


.ligne{
	float:left;
	width:480px;
	padding:7px 0 7px 0;
}

.maries{
	position:absolute;
	top:212px;
	right:-2px;
	width:238px;
}

.colection{

	background:url(images/losange.gif)  0 3px no-repeat;
	padding:0 0 0 12px;
	font-weight:bold;
}

.decal{
	padding:2px 0 2px 15px;
}

/************************/

.foto_coiffure{
	float:left;
	width:125px;
}

#bloc_forfait{
	float:left;
	width:310px;
	padding:0px 5px 0px 5px;
	margin-left:30px;
	height: 140px;
}

.back1{
	background:url(images/fond_forfait1.jpg) bottom left no-repeat;
}

.back2{
	background:url(images/fond_forfait2.jpg) bottom left no-repeat;
	height: 150px;
}

.back3{
	background:url(images/fond_forfait2.jpg) top left no-repeat;
	height: 150px;
}

.soins_visage {
	float:left;
	width:200px;
	padding:30px 0px 0 10px;
	color:#00485F;
	text-align:left;
}

#foto_coiff {
	float:left;
	width:197px;
	padding:32px 0 0 0px;
	color:#00485F;
	text-align:left;
}

#foto_coiff .realisation{
	color:#fff;
	font-weight:bold;
	padding: 0 0 0 10px;
	text-align: center;
}

#foto_coiff  img{
	border:1px solid #003300;
}

#vignette {
	float:left;
	width:205px;
}


#vignette img{
	float:left;
	border:1px solid #003300;
	margin:5px 3px 0 2px;
	cursor:pointer;
}

#enterrement {
	float:left;
	width:197px;
	padding:20px 0 0 0;
	color:#00485F;
	text-align:justify;
}

#enterrement h3{
	
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	background: url(images/losange.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
}

#txt_hamam {
	color:#004860;
	text-align:justify;
	font-weight: bold;
	padding-left: 5px;
	width: 675px;
	
}

#txt_hamam p{
	padding:0px 10px 3px 0px;
	color: #004860;
	font: normal 11px verdana;
}

.bg{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.png',sizingMethod='scale');
	width:100%;
}

html>body .bg{
	filter:none;
	background:url(images/bg.png) repeat;
	float: left;
}

.bg2{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg2.png',sizingMethod='scale');
	width:100%;
}

html>body .bg2{
	filter:none;
	background:url(images/bg2.png) repeat-x;
}

.lineclear{
	clear:both;
	height:1px;
}

.lineclear2{
	clear:both;
	height:5px;
	margin:0 auto 10px auto;
	border-bottom:1px solid #004860;
	width: 440px;
}

.lineclear3{
	height:5px;
	margin:10px auto 0 auto;
	border-bottom:1px solid #004860;
	width: 480px;
	float: left;
}

.display{
	display:none;
}

#actus img{
	float:left;
	padding:0 5px 0 0;
}


#tt{
	text-align:center;
	margin-top:20px;
}

#tt a{
	font-size:9px;
}

#img_actu {
float:left;
margin-right:10px;
}