/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h2{
font:16px Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:1px;
margin:0 10px;
display:inline;
border-bottom:1px solid #ccc;
}

#contenu h3{
font:13px Arial, Helvetica, sans-serif;
color: #333333;
letter-spacing:1px;
font-weight:bold;
margin:5 10px;
display:inline;
border-bottom:1px solid #ccc;
}
#contenu p{
font:12px/1.4em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin:0 10px 1.2em;
line-height:20px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.5em;
}
#contenu p strong{
font-weight:bold;
text-align:justify;
font-size:14px;
line-height:1.5em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#9f9f9f;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#666;
}
#contenu a:hover, #contenu a:active{
color:#9f9f9f;
}
#contenu img.gauche{
float:left;
padding:0 0 0 10px;
margin:0 10px 0 0;
}

#contenu .img_titre{
margin:0 0px 50px 0;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#666666;
	margin:0 10px 1.2em;
	border-bottom:2px solid #0099FF; 
}

.txt-droite{
float:left;
width:220px;
margin:0px 5px 5px 0px ;
}

/*-------------------------- Galerie  ---------------------------*/

#galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:50px;
	height:96px;
	padding-bottom:50px;	
}

#contenuTexte #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut {
  width: 502px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow{
  position: relative;
  }
#contenuTexte .vign{
  float: left;
  margin-right :10px;

  }
  
/*************LIEU*******************/
.txt-gauche{
float:left;
width:410px;
margin:70px 5px 5px 30px ;
}

.diaporama{
float:right;
width:175px;
margin:0px 5px 5px 30px ;
}

/**********************TARIFS*******************/

#contenu p.petit-texte{
font-size:10px;
}

/***********************HORAIRES****************/

.table_horaires{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;}

.td_horaires{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color:#E7E7E7;}

.table_title{
font-weight:bold;
color: #3366CC;}


.table_col{
font-weight:bold;
color: #333333;}

.quartet{
background-color: #A9F5FC}


.mat{
background-color: #d6d6d6;}

#contenu  .quartet:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	}
	
	
#contenu  .mat:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	}
	
/*****************************/

.joseph_img{
	float:left;
	margin:0px 15px 5px 5px ; }
	
.joseph_img2{
	float:right;
	margin:0px 5px 5px 15px ; }

.joseph_img_left{
	float:right;
	margin:0px 5px 0px 15px ; }

/**************AVANTAGES******************/
.ul_avantages{
	float:left;
	margin-top:0px;
	margin-left:40px;
	width:350px;
}

.ul_avantages li{
	margin-left:10px;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:15px;
	list-style:url(../images/charte/puce-li.jpg);
}

/* --------------------------------STYLE DE LA PAGE FAQ------------------------- */


.faq-affiche{
	margin:5px 0 10px 20px;
	font-size:12px;
	color:#FF6600;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#666;
	line-height:20px;
}
#faq a:visited,#faq  a:link{
text-decoration:none;
	color:#666;
}

#faq a:hover {
	color:#9f9f9f;
}
#faq{
margin-top:10px;
margin-left:20px;
}
#faq li {
	margin-left:10px;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:18px;
	margin-top:10px;
	list-style:url(../images/charte/puce-li.jpg);
}

/***********MATERIEL**************/

.img_materiel{
text-align:center;}

/***********MASSAGE**************/
#massage a:visited,#massage  a:link{
text-decoration:none;
	color:#666;
}

#massage a:hover {
	color:#9f9f9f;
}
#massage{
float:left;
margin-left:20px;
width:414px;
}
#massage li {
	margin-left:10px;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:18px;
	margin-top:10px;
	margin-bottom:17px;
	list-style:url(../images/charte/puce-li.jpg);
}
/***--contact------------------***/

#bloc-contact {
	width: 400px;
	float:left;
	margin:0px 0 20px 10px ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
	letter-spacing:0.03em;
}

#contactTxte{
	width:250px;
	float:left;
	text-align:left;
	font-family:   Arial, Helvetica, sans-serif;
	color: #999;
	font-size:12px;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:250px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #999;
	padding:2px;
	border:   1px solid #999;
	background:none;
	
}

#bloc-contact  #formContact select{
	width:256px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;

	padding:1px;
	margin-left:0;
	border:   1px solid  #999;
	color: #999;
	background: #FFFFE7;
	
}

#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}

#bloc-contact  #formContact .bouton{
	width:123px;
	height:20px;
	cursor:pointer;
	border:   1px solid  #999;
	color: #999;
	background: #FFF;
	padding:0 5px 2px 0px;
	margin-right:1px;
	font-size:12px;
}
#bloc-contact  #formContact .bouton:hover, #bloc-contact  #formContact .bouton:active {
	color: #0099CC;
	border:1px solid #0099CC;
}
#bloc-contact  #formContact input:focus,#bloc-contact  #formContact textarea:focus{
	color: #0099CC;
	border:1px solid   #0099CC;
}
.capa_text{
	font-size:10px;
	color: #999;
	text-align:justify;
	padding:5px;}


#bloc-contact  #formContact .input_capa{
	width:60px;
	border:   1px solid #999;
	color: #999;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding:0px 5px;
	margin:0 0 18px 5px;
}

.nota{
	color: #999;
	font-size:9px;
}

.champRequis{
	color: #DC4B47;
	font-size:9px;
}

#bloc-merci {
	width:650px;
	margin:10px 0px 5px 10px ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999;
}

.bloc_coord_contact{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	margin-top:80px;
	margin-left:30px;
	line-height:30px;	
}

.bloc_coord_contact .bloc_coord_contact-i{
	font-style: italic;	
}


.img_contact{
	float:left;
	margin:70px 10px 0px 60px;
	padding:5px;
}

.div_middle {
	float:left;
	margin:0 0 0 0px;
}


.img_contact{
text-align:center;
margin:15px 0 15px 0 ;

}

/**----FIN CONTACT-----------***/

#contenu .txt-droite p{
font:11px/1.4em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin:0;

line-height:13px;
}

#contenu .txt-droite p.grisfonce{
margin-bottom:10px;
}


#menu_index{
margin-left:60px;}