body, html {
	height:100%;
	width:100%;
}

.selected_class{
	color:#111111;
	text-decoration:none;
	font-weight:bold;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	width:100%;
	background-color:#53bcc5;
	overflow-x:hidden;
}

a { outline:none; }

a img {
	border : none;
}

#header {
	background-color: #53bcc5;
	width: 100%;
	height: 42px;
	position:relative;
	z-index:10;
}
 #header ul{
 	margin:0;
 }

#header #menu {
	padding-top:16px;
	list-style-type: none;

}

#list_menu{
		width:1024px;
		margin: 0 auto;
}

#header #menu li {
	float: left;
	margin-top: 0;
	margin-left:18px;
}

.lien_header{
	background-repeat:no-repeat;
	background-position:top left;
}

.separator{
	margin-top:-4px;
}

/* puces avec roll over */
#header #lien_vitalite{
	background-image: url(../imgs/bandeau_haut/puces/fr/brides.png);
	width:127px;
	height : 12px;
}

#header #lien_spa{
	background-image: url(../imgs/bandeau_haut/puces/fr/spa.png);
	width:151px;
	height : 8px;
}

#header #lien_village{
	background-image: url(../imgs/bandeau_haut/puces/fr/village.png);
	width:155px;
	height : 8px;
}

#header #lien_energie{
	background-image: url(../imgs/bandeau_haut/puces/fr/nature.png);
	width:133px;
	height : 8px;
}

#header #lien_sejour{
	background-image: url(../imgs/bandeau_haut/puces/fr/cure.png);
	width:235px;
	height : 10px;
	margin-top: -2px;
}

#header .lien_header:hover{
	background-position:bottom;
}


/* contient #contenu qui elle meme contient #corps_gauche et #info */
#corps {
	width:1000px;
		height:600px;
		margin: 0 auto;
		position:relative;
		z-index:9;
}
#accueil_frame{
	overflow:hidden;
	margin:0 auto;
}

/* contient #corps_gauche et #infos */
#contenu{
	width:100%;
	background-image: url(../imgs/accueil/bg/bg_accueil.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#53bcc5;
}

/* partie gauche de l'image (avec les macarons) */
#corps_gauche{
	float:left;
	width: 800px;
}


* html #actu #actu_scroll0{
	/*width:360px;*/
	overflow-y:auto;
	/*overflow-x:hidden;*/
	height:100%;
	margin-left:-50px;
}

/* partie droite contenant le texte de pr�sentation et les actualit�s */
#infos{
	/*width: 450px;*/
	padding-left:710px;
	overflow:hidden;
	position:relative;
	height:100%;
}

*html #infos{
	padding-left:750px;
}

#presentation_brides{
	width : 270px;
}

#actu .scroll_handler_bkg{
	left:360px;
}

.epilogue{
	color: #454545;
}

#infos #presentation h3{
	font-size: 22px;
}

#actu{
	margin-top: 40px;
	width:440px;
	overflow:hidden;
	position:absolute;
	top: 294px;
	bottom:0;
}

*html #actu{
	top: 314px;
}

#actu h3{
	width:200px;
}

#actu #liste_actu{
	color: #36a8b3;
	list-style-position:outside;
	width:300px;
}


#remise_en_forme {
	background-image:url(../imgs/accueil/pastilles/fr/remise_en_forme_rollover.gif);
	background-repeat:no-repeat;
	background-position: top;
	width:214px;
	height: 118px;
	position:absolute;
	left:14%;
	top: 78%;
}

#maigrir3 {
	background-image:url(../imgs/accueil/pastilles/fr/maigrir3etoilesrollover.gif);
	background-repeat:no-repeat;
	background-position: top;
	width:235px;
	height: 124px;
	position: absolute;
	left:-80px;
	top:300px;
}
/*
#reservation {
	background-image:url(../imgs/accueil/pastilles/fr/reservation_lt2.png);
	background-repeat:no-repeat;
	background-position: top;
	width:126px;
	height: 126px;
	z-index:50;
}*/
#reservation_home{
        position: absolute;
	left: 531px;
	top: 404px;
	z-index:50;
}

#corps #reservation{
	position: absolute;
	left: 39%;
	top: 73%;
}

#corps a.visite{
        background: url("../imgs/elements/btn_visite.png") no-repeat;
	position: absolute;
	left: 57%;
	top: 39%;
        cursor: pointer;
        display: block;
        width: 106px;
        height: 106px;
        text-indent: -5000px;
}

#corps a.visite:hover{
        background-position: 0 -106px;
        cursor: pointer;
}

#remise_en_forme:hover, #maigrir3:hover, #reservation:hover{
	background-position: bottom;
}

.pastilles_rollover, .lien_info:hover{
	cursor:pointer;
}

.over_cat{
	background-position: center bottom;
	background-repeat:no-repeat;
}

#maigrir2 {
	position: absolute;
	left: 540px;;
	top: 66px;
	width:120px;
	height:160px;
}


#footer{
	background-color: #53bcc5;
	width: 100%;
	height: 48px;
	color: #ffffff;
	font-size: 11px;;
	position:relative;
	bottom:0px;
}
#footer #menu_footer{
	list-style:none;	
	float:right;
	width:auto;
	margin-top:-10px;
	margin-right:100px;
}

#footer #menu_footer li{
	float: left;
	margin-top: 20px;
		color: #ffffff;

}

/* premiere li du footer */
#footer #footer_nom_site a{
	float:left;
	color:#ffffff;
	margin-top:10px;
	font-family:Helvetica, Arial;
	margin-left:6%;
}

#footer a:hover{
		color:#ffffff;
}

/* suites des li du footer*/
#footer .footer_menu{
	float: left;
	margin-left: 6px; 
	margin-right: 6px;
	color: #ffffff;
}

#footer a{
	text-decoration : none;
	color : #ffffff;
}

#presentation{
	color : #454545;
	padding-top:34px;
}

/* liste "5 facteurs de succ�s" */
#presentation #facteurs li{
	color: #36a8b3; 
	text-decoration: underline;
	line-height: 16px;
	margin-left : -36px;
	list-style:none;
}

#presentation #facteurs a{
	color: #36a8b3;
}

#actu div{
	height:60%;
	overflow:hidden;
}

/* liste des actualit�s */
#liste_actu li{
	margin-left: -30px;
	font-size:11px;
	width : 270px;
}

* html #liste_actu li{
	margin-left:10px;
}

#liste_actu .no_class, #liste_actu .no_class img {
	list-style:none;
	border:none;
}

#liste_actu  .img_actu{
	list-style:none;
	float:right;
}

#liste_actu img{
	border: solid 1px #4db9c2;
}

#liste_actu  .texte_actu{
	color : #6a6a6a;
	/*padding-right:20px;*/
}

.texte_actu{
	width:200px;
}

#actu li a{
	text-decoration : none;
	color:#36A8B3;
}

#home_logo{
	position: absolute;
	left:40px;
	top:50px;
	/*top:85px;*/
}
/***********
*	modele 	*
************/

#logo{
	position:absolute;
	left:775px;
	top:16px;
	z-index: 20;
}

#parent_content{
  margin: 0 auto;
  overflow:hidden;
}
	
#content{
	background-color:#53bcc5;
	margin-left: -670px;
	position:relative;
	overflow:hidden;
}

#content_gallery{
	/*width:1260px;/**/
	float:left;
	overflow:hidden;
}

#galerie {
	/*width:1000px;*/
	background-color:#53bcc5;
	overflow:hidden;
	margin:0 auto;
}

#image{
	width:10200px;
}

.current_img{
	float:left;
	border:none;
}

#previous_img{
	position:absolute;
	left:50px;/*160px;*/
	top:282px;
}

#next_img{
	position:absolute;
	left:950px;/*1040px;*/
	top:282px;
}

#quit_button{
	position:absolute;
	left:1050px;
	top:20px;
}

#to_gallery_button{
	position:absolute;
	left:0px;/*670px;*/
	top: 282px;
	z-index:6;
}

#box_infos{
	width: 800px;
	float:left;
	position:relative;
	padding-right:20px;
	background-repeat: no-repeat;
	background-color:#ffffff;
}

#box_infos #box_infos_titre{
	position:relative;
	width: 306px;
	height: 220px;
}

/* menu  */
#titre_img{
	position:absolute;
	left: 44px;
	top: 68px;
}

#current_cat{
	position:absolute;
	left: 142px;
	top: 128px;
	z-index:50;
}

#box_infos #box_menu{
	margin-top: 20px;
	margin-left: 40px;
	width: 200px;
	float:left;
}

#box_infos #box_menu #box_menu_list{
	list-style:none;
}

#box_menu #box_menu_list li{
	padding-bottom:12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #d3dddb;
	width:131px;
}

.no_style_list{
	list-style:none;
}

.no_style_list li{
line-height:0px;
}

#box_infos #box_infos_titre  #offre{
	position:absolute;
	left: 428px;
	top: 94px;
}

/* fin mise en page menu */

#box_infos #reservation{
	position: absolute;
	left: -63px;
	top: 530px;
	z-index:50;
}


#resa{
	position: absolute;
	left: 400px;
	top : -100px;
	z-index:50;
}

#box_texte_ajax_loader{
	margin-top:100px;
	margin-left:100px;
	
}

.services, .services li{
	list-style:none;
}


/*pour la classe scrollBar*/

.scrollable {
	overflow-y:auto;
	position:relative;
	width : 480px;
}

.scroll_handler_bkg {
	width:8px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background:none;
	overflow-y:hidden;
}
.scroll_handler {
	width:100%;
	height:10%;
	position:absolute;
	top:10px;
	background:#0b292b;
	cursor:pointer;
	z-index:20;
}

.scroll_handler .scroll_haut {
	position:absolute;
	top:3px;
	left:2px;
	z-index:2;
}

.scroll_handler .scroll_bas {
	position:absolute;
	bottom:3px;
	left:2px;
	z-index:2;
}

/************ fin mise en page modele *******************/



/****************
*	page spa	*
*****************/

.spa_content #box_infos{
	background-image: url(../imgs/spa/bg/spa_bg_rub.jpg);
}

.spa_content #box_infos #box_infos_titre #spa_img{
	position:absolute;
	left: 84px;
	top: 118px;
}

#box_menu_list #spa_menu_list_lien_spa{
	width:40px;
	height:6px;
	background-image: url(../imgs/spa/elements/puces/spa.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#box_menu_list #spa_menu_list_lien_soins{
	width:52px;
	height:7px;
	background-image: url(../imgs/spa/elements/puces/soins.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#box_menu_list #spa_menu_list_lien_cures{
	width:88px;
	height:6px;
	background-image: url(../imgs/spa/elements/puces/cureslibres.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*
#box_menu_list #spa_menu_list_lien_spa:hover, #box_menu_list #spa_menu_list_lien_soins:hover, #box_menu_list #spa_menu_list_lien_cures:hover{
	background-position: left bottom;
}*/


/* page gallery.php si js d�sactiv� */
.spa_content_gallery #content{
	margin: 0 auto;
	width:1000px;
	overflow:hidden;
}

.spa_content_gallery #quit_button{
	left: 900px;
	display: block;
}

/********************
*	nature	*
********************/

.troisvallees #box_infos{
	background-image: url(../imgs/nature/bg/nature_bg_rub.jpg);
}

.troisvallees #box_infos #box_infos_titre #troisvallees_img{
	position:absolute;
	left: 74px;
	top: 117px;
	z-index:4;
}

.troisvallees #box_infos #box_infos_titre  #offre{
	left: 434px;
}

#troisvallees_menu_list_montagne{
	width:118px;
	height:7px;
	background-image: url(../imgs/nature/elements/puces/montagneoutdoor.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#troisvallees_menu_list_patrimoine{
	width:120px;
	height:7px;
	background-image: url(../imgs/nature/elements/puces/brides_patrimoine.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#troisvallees_menu_list_artisanat{
	width:132px;
	height:6px;
	background-image: url(../imgs/nature/elements/puces/artisanat.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#troisvallees_menu_list_ferme{
	width:120px;
	height:8px;
	background-image: url(../imgs/nature/elements/puces/ferme.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#troisvallees_menu_list_marche{
	width:132px;
	height:6px;
	background-image: url(../imgs/nature/elements/puces/plandeau.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/*
#troisvallees_menu_list_montagne:hover, #troisvallees_menu_list_patrimoine:hover, #troisvallees_menu_list_artisanat:hover, #troisvallees_menu_list_ferme:hover, #troisvallees_menu_list_marche:hover{
	background-position: bottom left;
}*/


/************************
*	brides/index.php	*
************************/

.vitalite_content #box_infos{
	background-image: url(../imgs/brides/bg/brides_bg_rub.jpg);
}

#vitalite_menu_list_lien_actus{
	width:130px;
	height:9px;
	background-image: url(../imgs/brides/puces/actus.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#vitalite_menu_list_lien_evt{
	width:130px;
	height:17px;
	background-image: url(../imgs/brides/puces/evts.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#vitalite_menu_list_lien_evasion{
	width:120px;
	height:17px;
	background-image: url(../imgs/brides/puces/evas.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#vitalite_menu_list_lien_animations{
	width:142px;
	height:6px;
	background-image: url(../imgs/brides/puces/animation.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#vitalite_menu_list_lien_commerces{
	width:142px;
	height:8px;
	background-image: url(../imgs/brides/puces/commerces.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/*
#vitalite_menu_list_lien_evt:hover, #vitalite_menu_list_lien_evasion:hover, #vitalite_menu_list_lien_commerces:hover, #vitalite_menu_list_lien_animations:hover{
	background-position: bottom left;
}*/
/*
.vitalite_content #box_menu #box_menu_list li{
	padding-bottom:12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #d3dddb;
	width:131px;
}
*/


/*********************
*	village/index.php		*
********************/

.village_content #box_infos{
	background-image: url(../imgs/levillage/bg/village_bg_rub.jpg);

}

#village_menu_list_lien_ref{
	width:108px;
	height:17px;
	background-image: url(../imgs/levillage/puces/ref.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#village_menu_list_lien_cure{
	width:108px;
	height:7px;
	background-image: url(../imgs/levillage/puces/cures.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#village_menu_list_lien_diethetique{
	width:60px;
	height:8px;
	background-image: url(../imgs/levillage/puces/dietetique.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#village_menu_list_lien_savoir{
	width:100px;
	height:15px;
	background-image: url(../imgs/levillage/puces/savoir.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#village_menu_list_lien_bienetre{
	width:120px;
	height:8px;
	background-image: url(../imgs/levillage/puces/bienetre.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#village_menu_list_lien_formules{
	width:120px;
	height:7px;
	background-image: url(../imgs/levillage/puces/formules.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/*
#village_menu_list_lien_cure:hover, #village_menu_list_lien_diethetique:hover, #village_menu_list_lien_savoir:hover, #village_menu_list_lien_bienetre:hover, #village_menu_list_lien_formules:hover{
	background-position: bottom left;
}*/




/*********************
*	sejour/index.php		*
********************/

.sejour_content #box_infos{
	background-image: url(../imgs/sejour/bg/sejour_bg_rub.jpg);
}


#sejour_menu_list_lien_hebergement{
	width:110px;
	height:9px;
	background-image: url(../imgs/sejour/puces/hebergement.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#sejour_menu_list_lien_adresse{
	width:110px;
	height:7px;
	background-image: url(../imgs/sejour/puces/adresses.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#sejour_menu_list_lien_plan{
	width:112px;
	height:7px;
	background-image: url(../imgs/sejour/puces/plan.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#sejour_menu_list_lien_office{
	width:120px;
	height:7px;
	background-image: url(../imgs/sejour/puces/office.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/*
#sejour_menu_list_lien_hebergement:hover, #sejour_menu_list_lien_adresse:hover, #sejour_menu_list_lien_plan:hover, #sejour_menu_list_lien_office:hover{
	background-position: bottom left;
}*/



#previous_area{
	position:absolute;
	width:550px;
}

#next_area{
	position:absolute;
	width:550px;
		left:500px;
}

/* /office/ */


.office_content #box_infos{
	background-image: url(../imgs/sejour/bg/sejour_bg_rub.jpg);
}


#office_menu_list_brochures{
	width:140px;
	height:7px;
	background-image: url(../imgs/office/puces/brochure.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#office_menu_list_lien_pro{
	width:110px;
	height:7px;
	background-image: url(../imgs/office/puces/espace_pro.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#office_menu_list_lien_mentions{
	width:112px;
	height:9px;
	background-image: url(../imgs/office/puces/mentions.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#office_menu_list_lien_plan{
	width:120px;
	height:8px;
	background-image: url(../imgs/office/puces/acces.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#office_menu_list_lien_contacts{
	width:120px;
	height:7px;
	background-image: url(../imgs/office/puces/contact.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/*
#office_menu_list_brochures:hover, #office_menu_list_lien_pro:hover, #office_menu_list_lien_mentions:hover, #office_menu_list_lien_contacts:hover, #office_menu_list_lien_plan:hover{
	background-position: bottom left;
}*/




.ChampComboTxt, .ChampMessage{
	border:1px solid;
	width : 180px;
}

 .areaMessage{
	width : 350px;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #666666;
	padding:1px;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #666666;
	padding:1px;	
}

select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #666666;
}


#table_ferme td{
	padding-bottom:4px;
}


/* pare actualite dans fr/brides*/
.img_actus{
	float:right;
	padding: 0 10px 20px 10px;
}

.brides_actus_listes{
	width:450px;
	clear:both;
}

*+html #box_infos #box_texte .brides_actus_listes p{
	width:300px;
}

* html .brides_actus_listes{
	width:420px;
}

* html #box_infos #box_texte .brides_actus_listes p{
	width:264px;
}

/* switch site hiver */

#btn_ski{
	background: url(../imgs/btn_site_ski_fr.png) no-repeat 0 0 transparent;
	position: absolute;
	top: 54px;
	right: -1px;
	display:block;
	width:141px;
	height:20px;
	text-indent:-5000px;
	z-index:100;
}

#btn_ski:hover{ background-position: 0 -30px; }