body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color: #333333;
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h2, h3, h4, h5{margin-bottom: 5px; color: #000;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em; color: #484747;}
h5{font-size: 1.1	em; color: #333;}

p{ line-height: 1.3em;}
a{ color:#1a77a7;}
img.right{float: right; margin: 0 0 5px 5px;}
img.left{float: left; margin: 0 5px 5px 0;}
img.center{text-align:center; margin-bottom:10px;}

.hr-clear-both{ height:1px; clear:both; }
.hr-clear-both hr{display:none;}


.info{
	background: #FDFDFD url('images/info.png') no-repeat 5px center;
	padding: 3px 5px 3px 45px ;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	color:#555555;
}

#site{
	width: 950px;
	margin: 0 auto;
	text-align:left;
}


/************************** header ********************/
#header h2, #header-uk h2{
	padding: 5px 0;
}
#header h2 a, #header-uk h2 a{
	background: url('images/header.gif') no-repeat 0 0;
	width: 950px;
	height: 64px;
	display: block;
	text-indent: -5000px;
}
#header-uk h2 a{ background: url('images/header-uk.gif') no-repeat 0 0; }
#header h1, #header-uk h1{
	display: none;
}


#bg-nav{
	background-color: #f8f8f8;
	height: 20px;
}
#nav{
	float: left;
	height: 20px;
}

#nav li.nav{
	float: left;
	position: relative;
	z-index: 100;	
}
#nav li a.nav-link{
	display: block;
	padding: 0 10px;
	line-height: 20px;
	border-right: 4px solid #fff;
	color: #333333;
	text-decoration:none;
}
#nav li.nav-hover a.nav-link, #nav li a.activ{
	background-color:#333;
	color: #fff;
}
#nav-accueil a{
	background: url('images/home_grey.png') no-repeat scroll center center;
	display: block;
	padding: 0;
	height: 20px;
	width: 25px;
	text-indent: -4000px;
	border-right: 4px solid #fff;
	
}
#nav-accueil a:hover{ background-color:#333;}

#selector {
	width: 16px;
	height: 16px;
}

.sub-nav{
	position: absolute;
	width: 440px;
	border-top: 4px solid #333;	
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;	
	background-color: #f8f8f8;
	display: none;
}
.sub-nav-list{
	width: 210px;
	float: left;
	padding: 5px;
}
.sub-nav-list li{
	width: 200px;
}
.sub-nav-list-item{
	margin: 5px;
	height: 45px;
}
.sub-nav-list-item a{
	color: #333;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.9em;
}
.sub-nav-list-item strong{
	font-weight: bold;
}
.sub-nav-list-item-hover{
	background-color: #D5D5D5;
}
.sub-nav-list img{
	float: left;
	margin: 5px 5px 0 0;
}

#rub-sub-nav{
	background-color:#333;
	color: #fff;
	border-top: 4px solid #333;	
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;	
	background-color: #f8f8f8;	
}
#rub-sub-nav ul li{
	float: left;
	border-right:1px solid #efefef;
}
#rub-sub-nav ul li a{
	color: #333;
	display:block;
	padding: 5px 20px;
}
#rub-sub-nav ul li a.activ{
	text-decoration: none;
	
}


#lang{ float: right; height: 20px; }
#lang li{ float: left; }
#lang li a{
	width: 16px;
	height: 11px;
	display:block;
	text-indent: -5000px;
	margin: 5px 5px 4px 5px;
}
.lang-fr{ background: url('images/fr.png') no-repeat scroll top left; }
.lang-gb{ background: url('images/gb.png') no-repeat scroll top left; }
/************************** page ********************/
#page{
	margin-top: 10px;
}
.left-content{
	width:630px;
	float: left;
}
.left-content p{
	margin-bottom: 1.2em;
}
.left-content ul{
	margin-left: 20px;
}
.left-content ul li{
	padding: 5px 0;
	list-style-type: square;
}
.right-content{
	width: 300px;
	float: right;
}
.right-box{
	background-color: #f8f8f8;
	margin-bottom: 10px;
}
.right-box h3{
	background-color: #333;
	font-size: 1.3em;
	color: #fff;
	padding: 8px;
}
.right-box h4{
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
.right-box h4 a{
	color: #333;
	text-decoration: none;
}
.download a{
	display: block;
	color: #fff;
	background: #333 url('images/download.png') no-repeat scroll 5px center;
	line-height: 25px;
	padding: 5px 5px 5px 35px;
}
.download a{
	display: block;
	color: #fff;
	background: #333 url('images/download.png') no-repeat scroll 5px center;
	line-height: 25px;
	padding: 5px 5px 5px 35px;
}

.right-box p, .right-box ul{
	padding: 5px 5px 15px 5px;
}
.right-box strong, .encadre strong{ font-weight: bold;}

.right-box ul.presse{
	padding: 0 0 5px 0;
}
.right-box ul.presse li{
	margin: 5px 5px 10px 5px;
	height: 35px;
	line-height: 17.5px;
}
.right-box ul.presse img{
	float: left;
	margin-right: 5px;
}
.box-news img {
	float: right;
	margin: 0 0 5px 5px;
}
.box-news p{
	padding: 5px 5px  5px 5px;
}
.box-news h4{
	margin-top:10px;	
}

#service-menu li{
	height: 45px;
	font-size: 20px;
	margin-bottom: 5px;
}
#service-menu li a{
	height: 45px;
	display: block;
	line-height: 45px;
	text-decoration: none;
	text-indent: 50px;
	background-color: #F8F8F8;
	background-image: url('images/bg-services.gif');
	background-repeat: no-repeat;
	color: #333333;
}
#service-menu li a.activ{
	background-color: #cdcdcd;
}
#service-menu li a:hover{
	background-color: #777777;
	color: #fff;
}

.service-inclus a{ background-position: 5px 5px; }
.service-carte a{ background-position: 5px -45px; }
.service-gostro a{ background-position: 5px -95px; }
.service-bien a{ background-position: 5px -145px; }
.service-activite a{ background-position: 5px -195px; }
.service-enfants a{ background-position: 5px -245px; }


/********************** Right Aide *********************/
#right-aide{
	background: url('images/bg-aide.jpg') no-repeat scroll top left;
	width: 300px;
	height: 103px;
	margin-top:20px;
}
#right-aide h3{
	color: #fff;
	padding: 35px 0 0 10px;
	margin-bottom: 0;
	font-size: 1.2em;
}
#right-aide p{
	color: #fff;
	padding: 5px 80px 0 10px;
	font-size: 0.9em;
}
#right-aide a{
	color: #fff;
}
/********************** Right choix *********************/
#choix-type-chalet-right{
	padding-top: 10px;	
}
#choix-type-chalet-right li{
	width: 300px;
	height: 70px;
	margin: 10px 0;
}
#choix-type-chalet-right li a{
	display: block;
	width: 300px;
	height: 70px;
	text-indent: -5000px;
}
#right-choix-chalet-charme a{ background: url('images/bg-choix-chalet.jpg') no-repeat 0 -130px;}
#right-choix-chalet-charme a:hover{ background: url('images/bg-choix-chalet.jpg') no-repeat 0 -330px;}
#right-choix-chalet-luxe a{ background: url('images/bg-choix-chalet.jpg') no-repeat -300px -130px;}
#right-choix-chalet-luxe a:hover{ background: url('images/bg-choix-chalet.jpg') no-repeat -300px -330px;}
#right-choix-chalet-spa a{ background: url('images/bg-choix-chalet.jpg') no-repeat -600px -130px;}
#right-choix-chalet-spa a:hover{ background: url('images/bg-choix-chalet.jpg') no-repeat -600px -330px;}
/* UK */
#right-choix-chalet-charme-uk a{ background: url('images/bg-choix-chalet-uk.jpg') no-repeat 0 -130px;}
#right-choix-chalet-charme-uk a:hover{ background: url('images/bg-choix-chalet-uk.jpg') no-repeat 0 -330px;}
#right-choix-chalet-luxe-uk a{ background: url('images/bg-choix-chalet-uk.jpg') no-repeat -300px -130px;}
#right-choix-chalet-luxe-uk a:hover{ background: url('images/bg-choix-chalet-uk.jpg') no-repeat -300px -330px;}
#right-choix-chalet-spa-uk a{ background: url('images/bg-choix-chalet-uk.jpg') no-repeat -600px -130px;}
#right-choix-chalet-spa-uk a:hover{ background: url('images/bg-choix-chalet-uk.jpg') no-repeat -600px -330px;}

/********************** Accueil *********************/
#accueil-intro{
	margin: 15px 0 10px 0;
	background: url('images/bg-accueil-intro.gif') no-repeat scroll top left;
	width: 950px;
	height: 370px;
}
#accueil-intro-right{
	width: 270px;
	height: 360px;
	float: right;
	position: relative;
}
#accueil-intro-right p{
	color: #333333;
	font-size: 24px;
	padding: 12px 12px 12px 0;
	line-height: 1.2em;
}

#accueil-intro-right h2{
	color: #333333;
	font-size: 22px;
	padding: 12px 12px 0 0;
	line-height: 1.2em;
}
#accueil-intro-right h3{
	font-size: 18px;
	padding: 14px 12px 0 0;	
}
#accueil-intro-right p.small {
font-size:12px;
padding:0 12px 0 0;
}

#accueil-intro-right-box{
	position: absolute;
	bottom: 15px;
	right: 40px;
	text-align:center;
	width: 204px;
}
#accueil-intro-right-box a{
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
	line-height: 1.5em;
}
#accueil-intro-right-box a.bouton{
	background: url('images/bouton-grey.gif') no-repeat scroll top left;
	width: 204px;
	height: 39px;
	line-height: 39px;
	display: block;
	color: #fff;
	font-size: 1.2em;
}
#accueil-intro-right-box a.bouton:hover{
	background-position: 0 -39px;
}
#accueil-intro-image{
	padding: 12px;
	float: left;
}
/********************** choix chalet *********************/
.encadre{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}
#accueil-choix-chalet{
	padding-top: 10px;	
}
.accueil-choix-chalet-item, .accueil-choix-chalet-item-uk{
	width: 300px;
	float: left;
	height: 200px;
}
.accueil-choix-chalet-item a{
	background: url('images/bg-choix-chalet.jpg') no-repeat 0 0;
	display: block;
	width: 300px;
	height: 200px;
	text-indent: -5000px;
}
.accueil-choix-chalet-item-uk a{
	background: url('images/bg-choix-chalet-uk.jpg') no-repeat 0 0;
	display: block;
	width: 300px;
	height: 200px;
	text-indent: -5000px;
}
#accueil-choix-chalet-charme, #accueil-choix-chalet-luxe{
	margin-right: 25px;
}
#accueil-choix-chalet-spa{}
#accueil-choix-chalet-charme a{ background-position: 0 0;}
#accueil-choix-chalet-charme a:hover{ background-position: 0 -200px;}
#accueil-choix-chalet-luxe a{ background-position: -300px 0;}
#accueil-choix-chalet-luxe a:hover{ background-position: -300px -200px;}
#accueil-choix-chalet-spa a{ background-position: -600px 0;}
#accueil-choix-chalet-spa a:hover{background-position: -600px -200px;}

/********************** presentation chalet *********************/
.bloc-presentation-chalet{
	width:300px;
	float: left;
	margin: 10px 25px 5px 0;
	background: #ededed url('images/bg-box-chalet.gif') no-repeat bottom left;
	padding-bottom: 10px;
}
.bloc-presentation-chalet-last{
	margin: 10px 0 5px 0;
	clear: right;	
}
.bloc-presentation-chalet img{
	border: 5px solid #fff;
	margin: 0px 15px 5px 15px;
}
.bloc-presentation-chalet h3{
	padding: 5px 15px 0 15px;
	font-size: 1em;
	font-weight: bold;
	background: #ededed url('images/bg-box-chalet.gif') no-repeat top right;
}
.bloc-presentation-chalet a{ color: #000; text-decoration:none;}
.bloc-presentation-chalet p{
	color: #333;
	margin: 0 15px 5px 15px;	
}
.bloc-presentation-chalet-link{
	margin: 0 15px 5px 15px;
	padding-top: 5px;
	border-top: 1px solid #7a7a7a;
	color: #7a7a7a;
	font-size: 0.8em;
}
.bloc-presentation-chalet-link a{
	display: block;
	float: right;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	padding: 3px;
}
.bloc-presentation-chalet-link span{
	padding: 3px 0;
}

/********************** details chalet *********************/
.details-chalet-head{
	height: 300px;	
}
.details-chalet-image{
	float: left;
	width: 640px;
	height: 289px;
}
.details-chalet-presentation{
	background-color: #333333;
	float: right;
	width: 300px;
	height: 289px;
	position: relative;
}
.details-chalet-presentation h1{
	width:300px;
	height: 50px;
	text-indent: -4000px;
}
#chalet-grande-ourse{ background: url('images/chalet-grande-ourse.gif') no-repeat 0 0;}
#chalet-gletieres{ background: url('images/chalet-gletieres.gif') no-repeat 0 0;}
#chalet-dome{ background: url('images/chalet-dome.gif') no-repeat 0 0;}
#chalet-ferme-chirouzanches{ background: url('images/chalet-ferme-chirouzanches.gif') no-repeat 0 0;}
#chalet-guisane{ background: url('images/chalet-guisane.gif') no-repeat 0 0;}
#chalet-le-chalet{ background: url('images/chalet-le-chalet.gif') no-repeat 0 0;}
#ferme-chirouzanches{ background: url('images/chalet-ferme-chirouzanches.gif') no-repeat 0 0;}
#chalet-osmose{ background: url('images/chalet-osmose.gif') no-repeat 0 0;}
#chalet-melezin{ background: url('images/chalet-melezin.gif') no-repeat 0 0;}
#chalet-ozone{ background: url('images/chalet-ozone.gif') no-repeat 0 0;}
#chalet-pananches{ background: url('images/chalet-pananches.gif') no-repeat 0 0;}
#chalet-rochebrune{ background: url('images/chalet-rochebrune.gif') no-repeat 0 0;}
#chalet-amandari{ background: url('images/chalet-amandari.gif') no-repeat 0 0;}
#chalet-cabri{ background: url('images/chalet-cabri.gif') no-repeat 0 0;}
#chalet-la-trancoulette { background: url('images/chalet-la-trancoulette.gif') no-repeat 0 0;}
#chalet-oree-du-bois{ background: url('images/chalet-oree-du-bois.gif') no-repeat 0 0;}
#chalet-les-marmottes{ background: url('images/chalet-les-marmottes.gif') no-repeat 0 0;}

.stars{
	background: url('images/starts.gif') no-repeat scroll 0 0;
	width: 300px;
	height: 30px;
	text-indent: -4000px;
}
.stars5{ background-position: 0 0;}
.stars4{ background-position: 0 -30px;}
.stars3{ background-position: 0 -60px;}
.stars2{ background-position: 0 -90px;}
.stars1{ background-position: 0 -120px;}

#details-chalet-right-box{
	position: absolute;
	bottom: 15px;
	right: 48px;
	text-align:center;
	width: 204px;
}
#details-chalet-right-box p{
	margin-bottom: 50px;
	color: #fff;
	font-size: 0.9em;
}
#details-chalet-right-box a{
	background: url('images/bouton-white.gif') no-repeat scroll top left;
	display:block;
	color: #333;
	text-decoration: none;
	font-size: 18px;
	line-height: 39px;
	width: 204px;
	height: 39px;
}
#details-chalet-right-box a:hover{
	background-position: 0 -39px;
}

/********************** fiche chalet *********************/
.video-chalet, .photo-chalet{
	text-align:center;
	margin-bottom: 10px;
}
.video-chalet img, .photo-chalet img{
	border: 3px solid #e4e4e4;
}

#galerie-chalet{
	padding: 15px;
	margin-left: 0;
}

#galerie-chalet li{
	float: left;
	width: 150px;
	height: 130px;
	text-align: center;
	background: url('images/bg-galerie.gif') no-repeat 0 0;
	list-style-type: none;
	padding:0;
}
#galerie-chalet li img{
	margin: 15px 25px;
}
/********************** diapo-950 *********************/
.diapo-950{
	width: 950px;
	height: 404px;
	margin: 10px 0;
	overflow: hidden;
}
.diapo-photo{
	overflow: hidden;
	width: 652px;
	height: 344px;
}
/********************** Formulaire *********************/
.frm-text input, .frm-text textarea{
	background:#F8F8F8 none repeat scroll 0 0;
	border:1px solid #CECECE;
	color:#484848;
}
.frm-text input{
	padding:7px 5px 6px;
	width:270px;
	color: #7a7b70;
}
.frm-text textarea{
	padding:4px;
	width:600px;
	color: #7a7b70;
}
.frm-text input.small{
	width:100px;
}
.frm-text input.dfv, .frm-text textarea.dfv{
	color: #cbcbca;
}
.submit-form{
	background-color:#333333;
	color:#FFFFFF;
	padding:7px 5px 6px;
	border: 1px solid #000;
	font-size: 1.2em;
}
.confirmation, .error{
	padding: 10px 5px;
	margin: 10px 0;
}
.confirmation p, .error p{
	margin-bottom:0.2em;
}
.error{
	background-color: #e4cac9;
}
.confirmation{
	background-color: #d5e4c9;
}



/********************** bottom *********************/
#bottom{
	background-color: #f8f8f8;
	margin-top:10px;
	padding: 5px;
	line-height: 1.2em;
}
#bottom h4{
	border-bottom: 1px solid #484747;
	margin: 5px 0 0 0;
}
#bottom ul{
	margin-left: 20px;
}
#bottom ul li{
	color: #909090;
	list-style-type: square;
}
#bottom ul li a{
	color: #909090;
}
#real-bottom{
	float: left;
	width: 400px;
}
#more-bottom{
	float: right;
	width: 530px;
}
/*
#bottom ul{
	width:470px;
	float: left;
}
#bottom ul li{
}
#bottom ul li a{
	display: block;
	border-bottom: 1px solid #d8d8d8;
	color: #909090;
	text-decoration: none;
	padding: 5px 0;
}
#bottom ul li a:hover{
	background-color: #909090;
	color: #fff;
}
*/