/* CSS Document */


body {
	font: 0.8em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:url(../medias/fond-complement.gif) repeat-y center top;

}

#fond-page-index {
	background:url(../medias/fond-index.jpg) no-repeat center top;
	height:850px; /* A voir si necessaire */
}

#fond-page-interieur {
	background:url(../medias/fond-interieur.jpg) no-repeat center top;
	height:850px;  /*A voir si necessaire */
}

div#conteneur-general {
	width:970px;
	margin:0 auto;
	padding:0;	
}

div#conteneur-droit {
	float:left;
	width:645px;
	margin:0;
	padding:0;
	height:850px;
}

div#contenu-droit {
	margin:0 0 0 45px;
}

/* -------------------- Animation flash de la page INDEX -------------------- */

#flashAccueil{
	width:645px;
	height:285px;
	background:#7ab6c0 url(../medias/fond_flash.gif) repeat-x right top;
}

/* -------------------- balises en ligne remise à 0 -------------------- */

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

img {
	border:none;
}

p {
	margin:0;
	padding:0;
}


ul, li {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;	
}

.spacer {
	clear:both;
	font-size:1px;
	height:1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------------- Class   -------------------- */

h1 {
	color:#005e9d;
	font: 24px "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding: 0 0 5px 0;
	margin:0 0 0 0;
}

h3	{
	font: 1.1em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#005f9d;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

h4	{
	font-size:16px;
	font-weight:bold;
	color:#005f9d;
	border-bottom:#e0eeee 1px dotted;
	background:#f5f9fc;
	padding:2px 4px 2px 0px;
	margin: 15px 0 10px 0;	
}

h5	{
	color:#005e9d;
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:#d7e5f0 1px dotted;
	margin:10px 0 20px 0;
	padding:0 0 0 0;
}


h6	{
	font-size:12px;
	font-weight:bold;
	color:#005f9d;
	border-bottom:#e0eeee 1px dotted;
	background:#f5f9fc;
	padding:2px 4px 2px 0px;
	margin: 15px 0 10px 0;
}



.separateur {
	position:relative;	
	float:left;
	background: url(../medias/menu-separateur.jpg) no-repeat left top;
	margin:10px 0 0 0;
	padding:0;
	/*height:2px;*/
	width:325px;
}

.puce-menu {
	margin:0;
	padding:0 10px 0 0;
	vertical-align:middle;	
}

a.lien-menu {
	font: 0.9em Arial, Helvetica, sans-serif;
	color:#797979;
	text-decoration:none;
}
a.lien-menu:hover {
	font: 0.9em Arial, Helvetica, sans-serif;
	color:#343434;
	text-decoration:none;
}

.fond-bamboo {
	background: url(../medias/bamboo.gif) no-repeat right bottom;
}

.texte-bleu {
	color:#005f9d !important;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}

.texte-bleu-gras {
	color:#005f9d !important;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold !important;
	font-size:12px;
}

.texte-gris-gras {
	color:#5a5a5a !important;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold !important;
	font-size:12px;
}

.fleche-ouvre {
	padding: 0 5px 0 0;

}

.first-lettre {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
}

.legende {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#666666;
	font-size:11px;
}


.ico-pdf {
	padding:0 10px 0 0;
	margin:0 0 0 0;
	vertical-align:middle;
}

.ico-pdf-pt {
	padding:0 0 0 10px;
	margin:0 0 0 0;
	vertical-align:middle;
}


/* -------------------- PARTIE DE GAUCHE INDEX  -------------------- */

div#conteneur-gauche-index {
	position:relative;
	float:left;
	width:325px;
	margin:0;
	padding:0;
	background: url(../medias/fond-gauche-index.jpg) no-repeat left top;
	height:850px;/* a suprimer par la suite */
}

.titreActu {
	font-family:calibri, arial;
	font-size:16px;
	font-weight:bold;
}

p.intro-gauche {
	font: 0.9em Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0 20px 0 30px;
	margin:0;
	width:275px;
	line-height:16px;	
}

/* Bt menu gauche */
div#container-bouton {
	float:left;
	width:322px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.boutons {
	float:right;
	width:141px;
	height:37px;
	margin:10px 0 0 0;
	padding:0 7px 0 0;
}

/* bt RESERVER AU NATURAL SPA */
a.bt-natural-spa {
	display:block;
	background: url(../medias/bt-natural-spa.gif) no-repeat left top;
	height:37px;
	width:141px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

a.bt-natural-spa span {
	display:none;
}

a.bt-natural-spa:hover  {
	background-position: left -37px !important;
}

/* bt RESERVER A LA RESIDENCE  */
a.bt-residence {
	display:block;
	background: url(../medias/bt-residence.gif) no-repeat left top;
	height:37px;
	width:141px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

a.bt-residence span {
	display:none;
}

a.bt-residence:hover  {
	background-position: left -37px !important;
}


/* bt BLOG SANTE */
a.bt-blog-sante {
	display:block;
	background: url(../medias/bt-blog-sante.gif) no-repeat left top;
	height:37px;
	width:141px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

a.bt-blog-sante span {
	display:none;
}

a.bt-blog-sante:hover  {
	background-position: left -37px !important;
}


/* bt REMISE EN FORME */
a.bt-remise-en-forme {
	display:block;
	background: url(../medias/bt-forfait-remise-en-forme.gif) no-repeat left top;
	height:37px;
	width:141px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

a.bt-remise-en-forme span {
	display:none;
}

a.bt-remise-en-forme:hover  {
	background-position: left -37px !important;
}

/* bt ACHETER EN LIGNE  */
p.achat{
	width:100%;
	float:left;
}

a.bt-acheter-ligne {
	display:block;
	background: url(../medias/bt-acheter-ligne.gif) no-repeat left top;
	height:37px;
	width:141px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
}

a.bt-acheter-ligne span {
	display:none;
}

a.bt-acheter-ligne:hover  {
	background-position: left -37px !important;
}

a.bt-acheter-ligne.reservez {
	background-image: url(../medias/bt-reservez-ligne.gif);
	float:none;
	border:none;
}

a.bt-acheter-ligne.reservezLarge {
	background: url(../medias/bt-reservez-ligne-large.gif) no-repeat left top;
	width:149px;
	float:none;
	border:0;
}


/* -------------------- PARTIE DE DROITE INDEX COUPEE EN 2 ZONES (Gauche et droite)  -------------------- */



/*----- Zone de Gauche ------*/

div#contenu-index-col-gauche {
	position:relative;
	float:left;
	margin:-5px 10px 0 -10px;
	padding:0 15px 0 10px;
	width:250px;
	font: 0.9em Arial, Helvetica, sans-serif;
	color:#000000;
	/*background:#e2f3f6;*/
}

div#contenu-index-col-gauche h5	{
	color:#005e9d;
	font: 22px Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:#005e9d 4px solid;
	margin:0 0 12px 0;
	padding:0 0 5px 0;
	line-height:28px;
}

div#contenu-index-col-gauche p {
	margin-bottom:12px;
}


div#contenu-index-col-gauche a {
	color:#005e9d;
	text-decoration:none;
}

div#contenu-index-col-gauche a:hover {
	color:#005e9d;
	text-decoration:none;
	border-bottom:1px dashed #0095da;
}

/*----- Zone de Droite ------*/

div#contenu-index-col-droite {
	position:relative;
	float:left;
	margin:0 0 0 0;
	width:310px;
}

.bloc-promotion {
	float:left;
	margin-bottom:15px;
	width:290px;
	background-color:#f7faf1;
	padding:15px 10px 15px 10px;
}

.bloc-promotion p {
	text-align:left;
	color:#000000;
	font: 0.9em Arial, Helvetica, sans-serif;
	padding-top:2px;	
}
.bloc-promotion p a {
	text-decoration:none;
}

.bloc-promotion p a:hover {
	text-decoration:none;
	border-bottom:1px dashed #666666;
}


.titre-promotion {
	font: 1em Arial, Helvetica, sans-serif;;
	color:#6a9653;
	font-weight:bold;
	text-transform:uppercase;
}

.titre-promotion a {
	color:#6a9653;
	text-decoration:none;	
}

.titre-promotion a:hover {
	color:#6a9653;
	text-decoration:none;
	border-bottom:1px dashed #94b483;
}

.promotion-img-a-droite {
	margin: 0 0 0 10px;
	float:right;		
}

.promotion-img-a-gauche {
	margin: 0 10px 0 0;
	float:left;		
}

/* -------------------- PARTIE DE DROITE DES PAGES INTERIEURES COUPEE EN 1 ZONE  -------------------- */
/* -------------------- PARTIE DE DROITE DES PAGES INTERIEURES COUPEE EN 2 ZONES (Gauche et droite) -------------------- */


div#contenu-1col {
	margin:0 15px 0 0;
	padding:0 0 0 0;
	width:585px;
}

div#contenu-2col-zone-gauche {
	position:relative;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:400px;
}


div#contenu-1col p,
div#contenu-2col-zone-gauche p {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0 0 8px 0;	
}

div#contenu-2col-zone-gauche p.legende-forfaits {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	font-size:10px;
	text-align:left;
	margin:5px 0 0 10px;
}

div#contenu-1col a,
div#contenu-2col-zone-gauche a {
	color:#005f9d;
	text-decoration:none;
	border-bottom:1px solid #005f9d;;
	padding:0;
	margin:0;
}

div#contenu-1col a:hover,
div#contenu-2col-zone-gauche a:hover {
	color:#005f9d;
	text-decoration:none;
	border-bottom:1px dashed #005f9d;
	padding:0;
	margin:0;	
}

div#contenu-1col ul {
	margin:0 0 15px 0;
	padding:0 0 0 0;
	/*width:580px;*/
}

div#contenu-2col-zone-gauche ul {
	margin:0 0 15px 0;
	padding:0 0 0 0;
	width:370px;
}


div#contenu-1col ul li,
div#contenu-2col-zone-gauche ul li {
	list-style:none;
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	background: url(../medias/puce.gif) left top no-repeat;
	font-size:12px;
	color:#000000;	
}

div#contenu-1col ul li ul,
div#contenu-2col-zone-gauche ul li ul {
	margin:0 0 15px 0;
	padding:0 0 0 0;	
}

div#contenu-1col ul li ul li
div#contenu-2col-zone-gauche ul li ul li {
	margin:5px 0 0 0;
	padding:0 0 0 15px;
}

/*---------- TABLEAUX --------- */


table	{
	color:#646786; 
	font-weight:bold; 
	font-family:Verdana, Arial, sans-serif; 
	font-size:10px; 
	text-align:center;
}

th {
	/*background-color:#eeb6a2;*/
	background-color:#b99079;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFFFFF;
	padding:0 5px 0 5px;
}

td {
	padding: 6px 0 6px 5px;
	margin:0 0 0 0;
	vertical-align:top;
}


.tr-bas {
	background: url(../medias/tr-separateur.gif) repeat-x left bottom;
	height:1px;
}

.tr-bas td {
	padding:0 0 0 0;
}


.first-child	{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left; 
	font-size:13px;
	font-variant:small-caps;
	font-weight:bold;
}

div#contenu-2col-zone-gauche .first-child a {
	text-decoration:none;
	border:none;
	color:#646786;
}

div#contenu-2col-zone-gauche .first-child a:hover {
	text-decoration:none;
	border:none;
	color:#005f9d;
}


/*----- Zone de Droite pour les images ------*/
div#zone-photo {
	float:right;
	padding:0 0 0 20px;	
	background-color:#FFFFFF;
}

/*----- Zone de Droite pour les images ------*/

div#contenu-2col-zone-droite {
	position:relative;
	float:left;
	padding:0 15px 0 15px;
	width:170px;
}

.photos {
	padding:0 0 15px 0;
}


/*----- Footer  ------*/

#footer {
	clear:both;
	position:relative;	
	margin:20px 0 0 45px;
	height:60px;
	width:585px;
	border-top:1px dotted #d2d2d2;
	
}

#footer p {
	color:#999999;
	text-align:left;
	padding:15px 10px 10px 0;
	margin:0;
	font: normal 10px Arial, Helvetica, sans-serif;
}


/* -------------------- NAVIGATION HORIZONTALE ESPACE CURE - ESPACE BIEN ETRE - LES THERMES - HEBERGEMENTS  -------------------- */


#navigation {
	position:relative;
	display: block;
	margin:0 0 0 17px;
}

#navigation a  {
	float:left;
	height: 100px ;	
	text-decoration:none;
}


#navigation a span {
	visibility: hidden;
}

#navigation #nav1  {
	width: 157px;
	background: url(../medias/menu-cure.gif) no-repeat left top;	
}

#navigation #nav2  {
	width: 157px;
	background: url(../medias/menu-bien-etre.gif) no-repeat left top;
}

#navigation #nav3  {
	width: 157px;
	background: url(../medias/menu-thermes.gif) no-repeat left top;	
}

#navigation #nav4  {
	width: 157px;
	background: url(../medias/menu-hebergement.gif) no-repeat left top;	
}

#navigation a:hover  {
	background-position: left -100px !important;
}

#navigation a.current {
	background-position: left -100px !important;
}

/* -------------------- NAVIGATION PRINCIPALE VERTICALE INTERIEURE A GAUCHE  -------------------- */

div#conteneur-gauche {
	position:relative;
	float:left;
	width:325px;
	margin:0;
	padding:0 0 0 0;
	background: url(../medias/fond-gauche-interieur.jpg) no-repeat left top;
	height:720px; /*a suprimer par la suite */
}

div#contenu-nav-gauche {
	/*position:relative;
	float:left;*/
	width:275px;
	padding:0 0 0 50px;
	margin:0;
}

div#contenu-nav-gauche ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div#contenu-nav-gauche ul li {
	list-style:none;
	margin:10px 0 0 0;
	padding:0 0 0 35px;
	width:230x;
	background: url(../medias/puce-menu.gif) left top no-repeat;
	font: bold 1em Arial, Helvetica, sans-serif;
	color:#000000;
}

div#contenu-nav-gauche ul li ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:230px;
}

div#contenu-nav-gauche ul li ul li {
	list-style:none;
	margin:3px 0 0 0;
	padding:0 0 0 11px;
	width:214px;
	background: url(../medias/fleche-nav.gif) left no-repeat ;
	font: 0.9em Arial, Helvetica, sans-serif;
	color:#797979;
}

div#contenu-nav-gauche ul li ul li a {
	color:#797979;
	text-decoration:none;
}

div#contenu-nav-gauche ul li ul li a:hover {
	color:#343434;
	text-decoration:none;
}

div#contenu-nav-gauche ul li ul li a.current {
	color:#343434;
	text-decoration:none;
}

div#contenu-nav-gauche p {
	background: url(../medias/menu-separateur.jpg) no-repeat left ;
	margin:7px 0 -9px -85px;
	/*margin:0 0 0 -65px;*/
	padding:0 0 0 0;
	/*height:2px;*/
	width:325px;
}

/* -------------------- NAVIGATION SECONDAIRE VERTICALE INTERIEURE A GAUCHE  sortir/bouger - actu/promo - plan acces - nous contacter --*/

.contenu-nav-gauche-info {
	background: url(../medias/fond-nav-info-interieur.gif) no-repeat right 50px;
	height:330px;
	margin-top:16px;
}

div#menu-infos {
	width:140px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:right;	
	position:relative;
	width:100%;
}

div#menu-infos ul {
	margin:0 0 0 0;
	padding:0;
	float:left;
	margin-left:50px;
}

div#menu-infos ul li {
	list-style:none;
	margin:0;
	padding:0 0 5px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color:#4f7791;
}

div#menu-infos ul li a {
	color:#4f7791;
	font-weight:normal;
	text-decoration:none;
}

div#menu-infos ul li a:hover {
	color:#094368;
	font-weight:bold;
	text-decoration:none;
}

div#menu-infos ul li a.current {
	color:#094368;
	font-weight:bold;	
	text-decoration:none;
}



/*-- Nav Historique des pages A VOIR SI ON L'UTILISE --*/

#nav-fil {
	position:relative;	
	float:left;
	width:605px;
	margin:0 0 10px 0;
	/*padding:8px 0 15px 40px;*/
	font: 0.9em Arial, Helvetica, sans-serif;;
	color:#E7E7E7;
	/*background: url(../medias/nav-fil-ombre.jpg) no-repeat right bottom;		*/
}

#nav-fil p {
	margin:0 0 5px 0;
	font: 0.9em Arial, Helvetica, sans-serif;;
	color:#b1b1b1;
}

#nav-fil p a {
	text-decoration:none;
	padding:0 4px 0 5px;
	color:#b1b1b1;
}

#nav-fil p a:hover {
	text-decoration:none;
	border-bottom:1px dashed #CCCCCC;
	color:#b1b1b1;
}

/*-- pour la page index uniquement --*/
#nav-fil-index {
	position:relative;
	float:left;
	width:645px;	
	height:20px;
}


/*-----------------------------------------------------------------------------------
         Formulaire de contact
------------------------------------------------------------------------------------*/

form#contact fieldset {		
	font-style: normal;	
	border:#d7e5f0 1px solid; 
	padding:10px; 
	margin:20px 30px 0 0;	
}

form#contact p {
	padding:2px 0 8px 0;
}

form#contact legend	{
	color:#005f9d; 
	font-size:12px; 
	font-weight:bold;
}

form#contact p label {
	display:inline;
	float:left;
	width:120px;
	margin-left:15px;
	text-align:right;
	font-weight: normal;
	color:#005f9d;
}

form#contact table {
	text-align:right;
	font-weight: normal;
	color:#005f9d;
}

form#contact p select, form#contact p textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	color: #292929;
}

form#contact p .bt {
	margin-left:5px;
	margin-right:10px;
}

.class-select {
	background-color:#f7f3f7;
	font: 11px Arial, Helvetica, sans-serif;
	color: #292929;
	height:20px;
	width:260px;
	margin-left:5px;	
} 

.inputform {
	background-color:#fafafb;
	border-color:#659ec4;
	border-style:solid;
	border-width:1px;	
	font-size: 11px;
	color: #292929;
	padding: 0 4px 0 2px;
	margin-left:5px;
	height:15px;
} 

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color:#f0f5f9;;
	border-color:#659ec4;
	border-style:solid;
	border-width:1px;	
	font-size: 11px;
	color: #292929;
	padding: 0 4px 0 2px;
	margin-left:5px;
	height:15px;	
}

.inputformfocustextearea {	/*** Mise en avant des champs en cours d'utilisation ***/
	width:250px;
	padding: 0 4px 0 2px;
	margin-left:5px;
	overflow:auto;
	background-color:#fafafb;
	border:#659ec4 1px solid;
	scrollbar-arrow-color :#005f9d;	/*couleur pour les pointeur de défilement*/
	scrollbar-darkshadow-color :#E7E7E7;	/*couleur pour les ombres*/
	scrollbar-face-color : #fdf4f5;	/*couleur pour la surface*/
	scrollbar-highlight-color : #CCCCCC;	/*couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color : #666666;	/*couleur pour le bord droit et le bord du bas*/
	scrollbar-track-color : #fdf4f5;	/*couleur pour la barre de défilement non cachée par le pointeur de défilement	*/
}

.focustextearea {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color:#f0f5f9 ;
	width:250px;
	padding: 0 4px 0 2px;
	margin-left:5px;
	overflow:auto;
	border:#659ec4 1px solid;
	scrollbar-arrow-color :#005f9d;	/*couleur pour les pointeur de défilement*/
	scrollbar-darkshadow-color :#E7E7E7;	/*couleur pour les ombres*/
	scrollbar-face-color : #fdf4f5;	/*couleur pour la surface*/
	scrollbar-highlight-color : #CCCCCC;	/*couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color : #666666;	/*couleur pour le bord droit et le bord du bas*/
	scrollbar-track-color : #fdf4f5;	/*couleur pour la barre de défilement non cachée par le pointeur de défilement	*/
}


form#contact .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}

form#contact .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	/*background: url('icon_alert.gif') no-repeat left center;*/
}

.envoyer {
	border:#659ec4 1px solid;
	background-color:#fafafb;
	font-size: 11px;
	color: #005f9d;
	font-weight:bold;
	margin-left:140px;
	padding: 1px 50px;
	width:260px;
	cursor:pointer;	
}





div.choix_residence{
	float:left;
	width:151px;
	padding-right:40px;	
}

div.choix_residence.noPadding{
	padding-right:0;
}

div#contenu-2col-zone-gauche div.choix_residence p.titreResidence{
	color: #005E9D;
    font: 24px "Times New Roman",Times,serif;
	line-height:23px;
}

div#contenu-2col-zone-gauche div.choix_residence p.titreResidence a span{
	font-size:14px;
}

div#contenu-2col-zone-gauche div.choix_residence a{
	border:none;
}

div#contenu-2col-zone-gauche div.choix_residence img{
	margin-bottom:12px;
}

/* ----------- lien Facebook --------------- */

.facebook{
	display:block;
	position:absolute;
	right:10px;
	top:0px;
	color:#273a64;
	background:url('../medias/facebook.jpg') no-repeat right 3px;
	padding-right:35px;
	font-size:12px;
}

.facebook:hover{
	font-weight:bold;
	text-decoration:none;
}








/*----- Devenu inutile ------*/

/*div#bandeau-image-cure h2, 
div#bandeau-image-bien-etre h2, 
div#bandeau-image-thermes h2, 
div#bandeau-image-hebergement h2,
div#bandeau-image-commun h2  {
	display:block;
	width:645px;
	height:185px;
	margin:0 0 0 0;
	overflow:hidden;
	text-indent:-1000px;
}

div#bandeau-image-cure h2 {
	background: url(../medias/bandeau-espace-cure.jpg) no-repeat left top;
}

div#bandeau-image-bien-etre h2 {
	background: url(../medias/bandeau-bien-etre.jpg) no-repeat left top;
}

div#bandeau-image-thermes h2 {
	background: url(../medias/bandeau-thermes.jpg) no-repeat left top;
}

div#bandeau-image-hebergement h2 {
	background: url(../medias/bandeau-hebergement.jpg) no-repeat left top;
}

div#bandeau-image-commun h2 {
	background: url(../medias/bandeau-commun.jpg) no-repeat left top;
}*/