* {
  margin:0;
  padding:0;
}

body{
	background-color:#534741;
  font-family:Arial, Verdana, "Trebuchet MS";
}
/*====================================================================
	ELEMENTS PRINCIPAUX
=======================================================================*/
#conteneur{
	background:#fff url(images/visuel-continuite_menu.jpg) no-repeat left bottom;
	margin:10px auto 0 auto;
  width:968px;
  font-size:100%;
}
#conteneur3{
  width:980px;
  height:507px;
  margin:40px auto 0 auto;
  background-color:#fff;
}
#conteneur.conteneur-formation{
	background:#fff url(images/visuel-continuite-menu-f.jpg) no-repeat left bottom;
}
#conteneur2{ /*DIV permettant d'étirer le centre en même temps que le menu lorsque AJAX*/
  background:url(images/fond-centre.jpg) left repeat-y;
  background-position:220px 0;
  border-bottom:5px solid #DFF4F3;
}
#entete{
  position:relative;
}
#centre{
  padding:0px 0px  0 40px;
  width:705px;
  float:right;
  font-size:0.7em;
  background:url(images/fond-centre.jpg) left repeat-y;
  height:445px;
  /*border-bottom: 5px solid #DFF4F3;*/
}

html > body #centre {
  height:auto;
  min-height:445px;
}

#centre.centre-formation{
  height:650px;
  /*border-bottom: 5px solid #D9E021*/
}
html > body #centre.centre-formation {
  height:auto;
  min-height:650px;
}
#menus{
 width:210px;
 float:left;
}
.menus-acc{
  width:210px;
  float:left;
}
.menus-acc .menu-formation{
  border-top:5px solid #D9E021;
}
.menu{
	list-style-type:none;
  padding:0;
  margin:5px 0px 0px 0;
  border-top:5px solid #DFF4F3;
  font-family:"Times new Roman", Arial, Verdana, "Trebuchet MS";
  line-height:15px;
}
#menu2{
  margin-bottom:210px;
}
#menus .menu-formation{
  border-top:5px solid #D9E021;
}
.menu li{
	padding:0 0px 0px 0px;
  text-decoration:none;
  margin:6px 0 0 0;
  letter-spacing:0.1em;
  font-size:0.8em;
}
.pied-page{
  text-align:center;
  color:#fff;
  font-size:0.8em;
}

/*====================================================================
	ELEMENTS GENERIQUES D'ALIGNEMENT
======================================================================*/
.gauche{float:left;}
.droite{float:right;}
.clr{clear:both;}
.centre{text-align:center;}
.gauche-m{float:left;margin-right:10px;}

/*====================================================================
	IMAGES
======================================================================*/
img{
  border:none;
  margin:0;
  padding:0;
}
img a{
  border:0;
}
.border-vert{
  border:1px solid #D9E021; 
}

/*====================================================================
	ELEMENTS DE MISE EN FORME DE TEXTE
======================================================================*/
#entete h1 {
	text-indent:-9999px;
  /*background:#DFF4F3 url(images/titre-centre-massage.jpg) no-repeat;*/
  background:#DFF4F3 url(images/entete-massage.jpg) left no-repeat;
  height:60px;
  width:964px;
  float:left;
  margin:1px 3px 0 3px;
}
#entete h1.formation{
	text-indent:-9999px;
  background:#D9E021 url(images/entete-formation.gif) no-repeat;
  height:60px;
  float:left;
  margin:1px 3px 0 3px;
}
#centre h2{
  background:url(images/puce-massage2.gif) top left no-repeat; 
  padding:10px 0 0 30px;
  color:#40BFB6;
  font-size:1.2em;
  height:41px;
  margin-top:20px;
}
                                     
#centre.centre-formation h2{
  background:url(images/puce-formation.gif) top left no-repeat; 
  color:#BAC01C;
  padding:10px 0 0 20px;
}

#centre h3{
  padding:10px 0 10px 0px;
  color:#40BFB6;
  font-size:1.2em;
  margin-top:10px;
}
#centre.centre-formation h3{
  color:#BAC01C;
}
#centre h3.h3-formation{
  padding:10px 0 5px 15px;
  margin:0;
  color:#BAC01C;
  background:url(images/fleche2.gif) top left no-repeat;
  background-position:5px 15px;
}
#centre h3.h3-spa{
  padding:10px 0 5px 15px;
  margin:0; 
  background:url(images/fleche2.gif) top left no-repeat;
  background-position:5px 15px;
}

#centre p{
  margin-right:15px;
}
#centre li{margin-left:10px;}

.mise-en-avant{
  font-size:1.1em;
}

.bloc-mise-en-avant{
  width:350px;
  background-color:#DFF4F3;
  padding:10px;
  float:left;
  margin-right:20px; 
}

.bloc-mise-en-avant li{
  margin-left:10px;
}

.pad10{
  padding-top:10px;
}
.pad-tb20{
  padding:20px 0;
}
.marg-t20{
  margin-top:20px;
}
.pad-b20{
  padding-bottom:20px;
}
.pad-b10{
  padding-bottom:10px;
}

.mid-gauche{
  width:400px;
  float:left;
  margin-right:20px;
}
.mid-gauche-p{
  width:350px;
  float:left;
  margin-right:20px;
}
.mid-gauche-320{
  width:320px;
  float:left;
  margin-right:10px;
}
.mid-gauche-m{
  width:150px;
  float:left;
  margin:5px 20px 0 0;
}
.mid-droite{
  width:470px;
  float:right;
  margin:20px 0 0 20px;
}
.mid-droite-p{
  width:400px;
  float:right;
  margin:20px 0 0 20px;
}
.marg-d5{
  margin-right:5px;
}
.marg-t15{
  margin-top:15px;
}
.gras{font-weight: bold;}
.italique{font-style: italic;}

.description{
  padding:0 0 20px 10px;
  width:695px;
  float:left;
}

.duree{
  line-height: 18px; 
  background:url(images/ico-tps.gif) left no-repeat;
  padding:0 0 0 30px;
  margin:20px 0 2px 170px;
}
.prix{
  line-height: 18px; 
  background:url(images/ico-euro.gif) left no-repeat;
  padding:0 0 0 30px;
  margin:5px 0 2px 170px;
}

.important{
  color:#f00;
}
.confirmation{
  color:#3ac94e;
  font-weight:bold;
}
.pied-page a.estompe{
  color:#cfcdcd;
}
.vert{
  color:#325E60;
}
.turquoise{
  color:#40BFB6;
}
.vert-clair{
  color:#BAC01C;
}
.souligne{
  text-decoration:underline;
}

.ul-fleche{
  list-style-type:none;
  line-height:15px;
}
.ul-fleche li{
  background:url(images/fleche2.gif) top left no-repeat;
  padding-left:10px;
  background-position:0 4px;
}
.en-avant-spa{
  color:#534741;
	font-weight:bold;
	font-size:11px;
}
.nopuce{
  list-style-type:none;
}
/*====================================================================
	ELEMENTS DE MISE EN FORME DE LIENS
======================================================================*/
a{
  color:#534741;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
#retour-accueil{
  width:210px;
  height:231px;
  position:absolute;
  top:0;
  left:0;
  border:solid;
  z-index:100;
}

.lien-fleche{
  background: url(images/lien-fleche.jpg)  left no-repeat;
  display:block;
  padding-left:15px;
}

.lien-fleche-sf{
  background: url(images/fleche.gif) top left no-repeat;
  display:block;
  line-height:11px;
  padding-left:15px;
}
.pied-page a{
  color:#fff;
  text-decoration:none;
  padding:0 0 2px 0;
}
.pied-page a:hover{
  text-decoration:underline;
}
#menus li a{
  display:block;
  width:188px;
  text-decoration:none;
  color:#000;
  padding-left:17px;
}

#menus li a:hover{
  background: url(images/fond-li-massage.jpg) top left no-repeat;
}

#menus .menu-formation li a:hover{
  background: url(images/fond-li-formation.gif) top left no-repeat;
}
#menus li.sans-hover a{
  background:0;
  padding:0;
}
#menus li.sans-hover a:hover{
  background:0;
  padding:0;
}
#menus li.selected {
  background: url(images/fond-li-massage.jpg) top left no-repeat;
  padding-left:17px;
}
#menus .menu-formation li.selected{
  padding-left:17px;
  background: url(images/fond-li-formation.gif) top left no-repeat;
}

/*==================================
  ROLLOVERS MASSAGES
====================================*/
.roll-massages-creatif{
  background:url(images/rollover-creatif.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:75px;
  width:197px;
  float:left;
  margin-right:5px;
}
.roll-massages-creatif:hover{
  background-position:0% -86px;
}
.roll-massages-creatif-sel{
  background:url(images/rollover-creatif.jpg) no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:84px;
  width:197px;
  float:left;
  background-position:0% -86px;
}

.roll-massages-sensations{
  background:url(images/rollover-sensation.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:84px;
  width:197px;
  float:left;
  margin-right:5px;
}
.roll-massages-sensations:hover{
  background-position:0 -86px;
}
.roll-massages-sensations2{
  background-position:0% -86px;
}
.roll-massages-autres{
  background:url(images/rollover-autre.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:84px;
  width:197px;
  float:left;
  margin-right:5px;
}
.roll-massages-autres:hover{
  background-position:0% -86px;
}
.roll-massages-duo{
  background:url(images/rollover-duo.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:84px;
  width:197px;
  float:left;
  margin-right:5px;
}
.roll-massages-duo:hover{
  background-position:0% -86px;
}
.roll-massages-forfaits{
  background:url(images/rollover-forfaits-programmes.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:84px;
  width:197px;
  float:left;
  margin-right:5px;
}
.roll-massages-forfaits:hover{
  background-position:0% -86px;
}
.roll-massages-decouverte{
  background:url(images/rollover-decouverte.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:84px;
  width:197px;
  float:left;
  margin-right:5px;
}
.roll-massages-decouverte:hover{
  background-position:0% -86px;
}
/*==================================
  ROLLOVERS CALENDRIER
====================================*/
.roll-formations-creatif{
  background:url(images/bt-creatif.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-formations-creatif:hover{
  background-position:bottom left;
}
.roll-formations-reflexologie{
  background:url(images/bt-reflexologie.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-formations-reflexologie:hover{
  background-position:bottom left;
}
.roll-formations-assis{
  background:url(images/bt-assis.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-formations-assis:hover{
  background-position:bottom left;
}
.roll-formations-india{
  background:url(images/bt-india.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-formations-india:hover{
  background-position:bottom left;
}
.roll-formations-asia{
  background:url(images/bt-asia.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-formations-asia:hover{
  background-position:bottom left;
}
.roll-formations-masso{
  background:url(images/bt-masso.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:315px;
  float:left;
  margin-right:5px;
}
.roll-formations-masso:hover{
  background-position:bottom left;
}
.roll-formations-specifiques{
  background:url(images/bt-formations-specifiques.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:315px;
  float:left;
  margin-right:5px;
}
.roll-formations-specifiques:hover{
  background-position:bottom left;
}
.roll-formations-derniere{
  background:url(images/bt-dernieres-dispo.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-formations-derniere:hover{
  background-position:bottom left;
}
/*==================================
  ROLLOVERS TARIFS
====================================*/
.roll-tarifs-ld-groupe{
  background:url(images/bt-formations-ld-groupe.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-tarifs-ld-groupe:hover{
  background-position:bottom left;
}
.roll-tarifs-ld-particulier{
  background:url(images/bt-formations-ld-particulier.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-tarifs-ld-particulier:hover{
  background-position:bottom left;
}
.roll-tarifs-cd{
  background:url(images/bt-formations-cd.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-tarifs-cd:hover{
  background-position:bottom left;
}
/*==================================
  ROLLOVERS FORMATIONS
====================================*/
.roll-formations-ld{
  background:url(images/bt-formations-ld.gif) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:188px;
  float:left;
  margin-right:5px;
}
.roll-formations-ld:hover{
  background-position:0 -69px;
}
.roll-formations-cd{
  background:url(images/bt-formations-cd.gif) top left no-repeat;
  outline:none;
  height:55px;
  width:271px;
  float:left;
  margin-right:5px;
}
.roll-formations-cd:hover{
  background-position:0 -69px;
}
.roll-formations-cd ul{
  margin:25px 0 0 5px;
}
.roll-formations-cd ul li{
  padding-left:10px;
  display:inline;
  margin:0 10px 0 0px;
  background:url(images/fleche2.gif) left no-repeat;
}
/*==================================
  ROLLOVERS BOUTIQUE
====================================*/
.roll-boutique-dvd{
  background:url(images/bt-dvd.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:104px;
  float:left;
  margin-right:5px;
}
.roll-boutique-dvd:hover{
  background-position:left bottom;
}
.roll-boutique-huile{
  background:url(images/bt-huile.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:104px;
  float:left;
  margin-right:5px;
}
.roll-boutique-huile:hover{
  background-position:left bottom;
}
.roll-boutique-table{
  background:url(images/bt-table.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:104px;
  float:left;
  margin-right:5px;
}
.roll-boutique-table:hover{
  background-position:left bottom;
}
.roll-boutique-accessoires{
  background:url(images/bt-accessoires.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:104px;
  float:left;
  margin-right:5px;
}
.roll-boutique-accessoires:hover{
  background-position:left bottom;
}
.roll-boutique-acc-hotstone{
  background:url(images/bt-acc-hotstone.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  height:55px;
  width:104px;
  float:left;
  margin-right:5px;
}
.roll-boutique-acc-hotstone:hover{
  background-position:left bottom;
}
/*==================================
  ROLLOVERS FORFAITS PROGRAMMES
====================================*/
.roll-forfaits{
  background:url(images/bt-forfaits.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  width:197px;
  height:81px;
  float:left;
  margin-right:5px;
}
.roll-forfaits:hover{
  background-position:0 bottom;
}
.roll-programmes{
  background:url(images/bt-programmes.jpg) top left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  width:197px;
  height:81px;
  float:left;
  margin-right:5px;
}
.roll-programmes:hover{
  background-position:0 bottom;
}

/*==================================
  ROLLOVER ACCUEIL
====================================*/
.roll-acc{
  background:url(images/photo-centre.jpg) bottom left no-repeat;
  display:block;
  text-indent:-9999px;
  outline:none;
  float:right;
  width:292px;
  height:390px;
  margin-right:20px;
}
.roll-acc:hover{
  background-position:0 0px;
}
/*====================================================================
	TABLEAUX
======================================================================*/
#centre .tab-liste table{
  font-size:1em;
  width:100%;
  background-color: #FFF;
  border-collapse: collapse;
}
#centre .tab-liste table td{
  background-color: #ECF3FD;
  padding:6px 5px 5px 10px;
  height:25px;
  width:33%;
  border:3px solid #FFF;
}
#centre .tab-liste table caption{
  color:#BAC01C;
  font-size:1.2em;
  font-weight:bold;
}
.tab-liste {
  padding:5px 15px 15px 15px;
  border:1px solid #DADF8D;
  margin:10px 10px 10px 10px;
}
.tab-liste ul{
  padding:15px;
}

.duree-prix{
  width:25%;
  margin-top: 5px;
}
#centre .tab-description table{
  width:100%;
  background-color: #FFF;
  border-collapse: collapse;
}
#centre .tab-description table td{
  background-color: #ECF3FD;
  padding:10px;
  height:20px;
  width:33%;
  border:3px solid #FFF;
}

.tab-description {
  padding:15px;
  border:1px solid #DADF8D;
  margin:10px 10px 10px 10px;
}
#centre .tab-liste table td.ligne-verte{
  background-color:#FBFCFE;
	color:#534741;
	font-size:12px;
}
/*================================
 FONDS PARAGRAPHES DESCRIPTION MASSAGES
===================================*/ 
#reflexologie2{
  background:url(images/fond-reflexologie.jpg) right bottom no-repeat;
}
#india{
  background:url(images/fond-ayurvedique.jpg) right bottom no-repeat;
}
#balinais{
  background:url(images/fond-balinais.jpg) right bottom no-repeat;
}
#africain{
  background:url(images/fond-bambou.jpg) right bottom no-repeat;
}
#gommage{
  background:url(images/fond-gommage.jpg) right bottom no-repeat;
}
#hotstone{
  background:url(images/fond-hotstones.jpg) right bottom no-repeat;
}
#fleur-eau{
  background:url(images/fond-fleur-eau.jpg) right bottom no-repeat;
}
#tartine{
  background:url(images/fond-boue.jpg) right bottom no-repeat;
}
#asia{
  background:url(images/fond-asia.jpg) right bottom no-repeat;
}
#deep{
  background:url(images/fond-deep.jpg) right bottom no-repeat;
}
#duo-sensations{
  background:url(images/fond-duo-sensation.jpg) right bottom no-repeat;
}
#lomi{
  background:url(images/fond-lomi.jpg) right bottom no-repeat;
}
#india{
  background:url(images/fond-india.jpg) right bottom no-repeat;
}
#lotus{
  background:url(images/fond-lotus.jpg) right bottom no-repeat;
}
#lune-miel{
  background:url(images/fond-lune-de-miel.jpg) right bottom no-repeat;
}
#tibetain{
  background:url(images/fond-tibetain.jpg) right bottom no-repeat;
}
#visage{
  background:url(images/fond-visage.jpg) right bottom no-repeat;
}
#indo{
  background:url(images/cuir.jpg) right bottom no-repeat;
}
#minceur{
  background:url(images/fond-minceur.jpg) right bottom no-repeat;
}
#oriental{
  background:url(images/fond-oriental.jpg) right bottom no-repeat;
}
#creatif{
  background:url(images/fond-creatif.jpg) right bottom no-repeat;
}

/*====================================================================
	FORMULAIRES
======================================================================*/
.no-border{
  border:0;
}
#form-demande-info{
   margin:20px 15px 10px 0;
}
#form-demande-info fieldset{
   border: 1px solid #DADF8D;
   padding:15px 0 15px 50px;
}

#form-demande-info label{
  display:block;
  width:180px;
  float:left;
  text-align:right;
  padding:0 5px 0 0;
}
#form-demande-info p{
  clear:both;
  padding:5px;
}
#field-questionnaire{
  border:0;
}
#field-questionnaire p{
  margin:0 0 5px 0;
  padding:0px 0 0 0;
}
#field-questionnaire label{
  margin:0 0 0 5px;
}
/*====================================================================
	PAGE NOUVEAUTES
======================================================================*/
.bloc-formation{
  float:left;
  width:335px;
}
.bloc-formation h4{
  background:#EEF199 url(images/fleche-verte.jpg) top left no-repeat;
  padding:4px 0 4px 20px; 
  margin:15px 0 10px 0;
  font-size:1em;
}
.border-formation{
  border:1px solid #BAC01C;
  padding:0 5px 0 10px;
}
.bloc-spa{
  float:right;
  width:335px;
  margin-right:10px;
}
.bloc-spa h4{
  background:#EDF3FC url(images/fleche-bleue.jpg) top left no-repeat;
  padding:5px 0 4px 20px; 
  margin:15px 0 10px 0;
  font-size:1em;
}
.border-spa{
  border:1px solid #40BFB6;
  padding:0 5px 0 10px;
}
/*====================================================================
	PAGE QUESTIONNAIRE
======================================================================*/
#q1{
  background:url(images/q1.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:170px;
}
#q2{
  background:url(images/q2.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:240px;
}
#q3{
  background:url(images/q3.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:140px;
}
#q4{
  background:url(images/q4.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:240px;
}
#q5{
  background:url(images/q5.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:140px;
}
#q6{
  background:url(images/q6.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:240px;
}
#q7{
  background:url(images/q7.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:200px;
}
#q8{
  background:url(images/q8.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:140px;
}
#q9{
  background:url(images/q9.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:240px;
}
#q10{
  background:url(images/q10.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:140px;
}
#q11{
  background:url(images/q11.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:140px;
}
#q12{
  background:url(images/q12.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:320px;
}
#q13{
  background:url(images/q13.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:140px;
}
#q14{
  background:url(images/q14.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:150px;
}
#q15{
  background:url(images/q15.jpg) no-repeat;
  background-position:99% 0;
  padding:0 250px 20px 10px;
  height:160px;
}
/*====================================================================
	CENTRE DE MASSAGE
======================================================================*/
#routard{
  margin-left:10px;
}