* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}

html {overflow:scroll;}

body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 62.5%;
background: #6a6959;
color:#313131;
}

img {border:0px;}
img.border{border:1px solid #777777;}

img.block {display:block;}

img.inline {display:inline;}

.clear {clear: both;}

em {font-style:italic;}

strong {font-weight:bold;}
strong.black {color:#75735C;}

pre {font-size:1.3em;}

/*To fix quotation mark bug with IE, and at the same time I can have "custom" quotation mark*/
q:before, q:after {content: ""; }

q,cite {
font-size: 1.2em;
line-height:20px;
margin: 0px 0px 0px 0px;
font-weight:normal;
font-style:normal;
color:#6a6959;
}

hr {display:none;}

div.hrguest {
display:block;
height: 13px;
width:397px;
clear: both;
margin:0px 0px 0px 0px;
background:url(../images/hr-guest.png) no-repeat top;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}

acronym, abbr {
border-bottom: none;
cursor:help;
}

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

.clear-block {display: inline-block;}

span.hide {display:none;}


.wrapper {
min-width:857px;
background:#fff url(../images/top.png) repeat-x top;
}


.content {
width: 835px;
margin:0px auto 0px auto;
min-height:610px;
position:relative;
}

.head {
height:110px;
position:relative;
}

h1 {
position:absolute;
top:59px;
}

.logo {
width:278px;
height:30px;
background: url(../images/logo.png) 0px 0px no-repeat;
display:block;
}

.head-nav {
position:absolute;
top:0px;
left:auto;
right:0px;
}

.head-nav ul {
color:#9e9d8b;
float:left;
list-style-type: none;
display: block;
width: auto;
font-size:1em;
margin:3px 0px 0px 0px;
}

.head-nav ul li {
display: inline;
position: relative;
list-style-type: none;
margin:0px 8px 0px 0px;
padding:0px 8px 0px 0px;
background: url(../images/head_sep.gif) no-repeat right;
}

.head-nav ul li.last {background:none;}

.head-nav ul li a {
color:#9e9d8b;
text-decoration:none;
}
.head-nav ul li a:hover {text-decoration:underline;}

.flags {
float:left;
width:65px;
height:30px;
background: url(../images/flag_back.png) no-repeat top;
position:relative;
}

a.englishversion {
display:block;
width:20px;
height:20px;
background: url(../images/english_hover.png) no-repeat top;
position:absolute;
left:10px;
top:4px;
}

a.frenchversion {
display:block;
width:21px;
height:20px;
background: url(../images/french_hover.png) no-repeat top;
position:absolute;
top:4px;
left:auto;
right:10px;
}

a.englishversion:hover {background: url(../images/english_hover.png) no-repeat top;}
a.frenchversion:hover {background: url(../images/french_hover.png) no-repeat top;}

h2.chalet{
font-size:1.9em;
color:#9e9d8b;
position:absolute;
top:50px;
left:auto;
right:0px;
text-transform: uppercase;
}

h2.address{
font-size:1.9em;
color:#d7d7d3;
position:absolute;
top:73px;
left:auto;
right:0px;
}

.banner {
height:156px;
}

.navbar {
background:#9e9d8b;
border-bottom:1px solid #b1b1a2;
height:25px;
}
.navbar ul {
/*float:left;*/
list-style-type: none;
display: block;
width: auto;
line-height:25px;
height:25px;
margin: 0px 0px 0px 5px;
}

.navbar ul li {
display: inline;
position: relative;
list-style-type: none;
}

.navbar ul li a {
color:#6a6959;
font-size:1.2em;
text-decoration:none;
height:25px;
display:block;
padding:0px 8px 0px 8px;
background: url(../images/nav_sep.gif) no-repeat right;
float:left;
}

.navbar ul li.last a {background:none;}

.navbar ul li.price a {
color:#fff;
font-size:1.2em;
text-decoration:none;
padding:0px 8px 0px 8px;
background:url(../images/price_back.png) repeat-x top;
border-left:1px solid #e2e2dd;
border-right:1px solid #e2e2dd;
}

#home .navbar ul li a.nav1,
#about-us .navbar ul li a.nav2,
#the-chalet .navbar ul li a.nav3,
#penthouse .navbar ul li a.nav4,
#facilities .navbar ul li a.nav5,
#food .navbar ul li a.nav6,
#skiing .navbar ul li a.nav7,
#saint-martin-de-belleville .navbar ul li a.nav8,
#location .navbar ul li a.nav9,
#prices-availability .navbar ul li a.nav10,
#contact-us .navbar ul li a.nav11,
#guestbook .navbar ul li a.nav12,
.navbar ul li a:hover {color:#fff;}

.text {
margin: 19px 0px 30px 0px;
}

.txt {
width:387px;
float:left;
padding:0px 45px 0px 0px;
}

#gallery .txt {
width:835px;
padding:0px 0px 0px 0px;
float:none;
}

.img {
width:400px;
float:right;
padding:0px 0px 0px 3px;
}

.img img { border: none; display: block }

.blockimg {
position:relative;
left:auto;
right:-3px;
}

.content .blockExtra {
background:#6a6959;
padding:20px 10px 10px 20px;
margin:0px 0px 10px 0px;
}


.content .blockExtra p  {color:#fff;}
.content .blockExtra li,.content .blockExtra p.tt {color:#d7d7d3;}
table.price {
width:453px;
margin:1px 0px 15px 0px;
font-size:1.2em;
border:1px solid #97947C;
}

table.price th {text-align:center;padding:1px 0px 1px 0px;color:#F2F2EE;height:55px;background:#69654A;}
table.price th.date {width:180px;border-right:1px solid #97947C;text-align:left;padding-left:10px;}
table.price th.chalet {border-right:1px solid #97947C;width:91px;}
table.price th.penthouse {width:91px;border-right:1px solid #97947C;}
table.price th.penthouse2 {width:91px;}

table.price td {height:35px;vertical-align:center;color:#5A5741;border-top:1px solid #97947C;}
table.price td.small {height:25px;text-align:center;font-size:0.9em;border-right:1px solid #97947C;font-weight:bold;}
table.price td.last {border-right:0px;}

table.price td.chalet {border-right:1px solid #97947C;text-align:center;}
table.price td.penthouse {text-align:center;border-right:1px solid #97947C;}
table.price td.penthouse2 {text-align:center;}
table.price td.priceweek {text-align:center;border-right:1px solid #97947C;}
table.price td.date {border-right:1px solid #97947C;font-weight:bold;text-indent:10px;}

table.price tr.line1 {background:#D8D6C3;}
table.price tr.line2 {background:#E9E8DD;}
table.price tr.line3 {background:#75735C;}
table.price tr.line3 td {color:#fff;}
table.price tr.line1 a,
table.price tr.line2 a {color:#5A5741;text-decoration:none;}

table.price tr.line3 a {color:#fff;text-decoration:none;}

.content .img .blockExtra {
width:367px;
margin:10px 0px 0px 3px;
}

.content .txt .blockExtra {
width:359px;
margin:10px 0px 0px 0px;
}

.txt2 {
width:334px;
float:left;
padding:0px 48px 0px 0px;
}

.calendarbox {
width:453px;
float:right;
}

.text h3 {
font-size:2.6em;
color:#6a6959;
margin:0px 0px 10px 0px;
}
.text h4 {
font-size:1.4em;
color:#6a6959;
font-weight:normal;
margin:0px 0px 10px 0px;
}

.text h4.guestbook {margin:0px 0px 17px 0px;}
.text h4.guestbook a {font-size:0.8em;color:#9e9d8b;}

.text p, .text ul {
font-size:1.2em;
color:#9e9d8b;
line-height:1.4em;
margin: 0px 0px 10px 0px;
}

.text p.offers {
background:none repeat scroll 0 0 #6A6959;
border:1px solid #000;
color:#FFFFFF;
display:block;
font-size:1.6em;
font-weight:normal;
padding:1px 0;
text-align:center;
text-decoration:none;
padding: 5px;
}

.text p.small {
font-size:1.1em;
/*font-weight:bold;*/
margin: 0px 0px 10px 0px;
font-weight:bold;
font-style:italic;
}

.text ul {margin: 0px 0px 10px 13px;}


.text ul ul {font-size:1em;margin: 5px 0px 10px 23px;}

.text li {margin: 0px 0px 5px 0px;}

.text a {color:#6a6959;}

.text a.floorplan {
color:#fff;
background:#9E9D8B;
font-size:1.1em;
font-weight:normal;
text-decoration:none;
border:1px solid #9E9D8B;
display:block;
padding:1px 0px 1px 0px;
text-align:center;
}

.text a.floorplan:hover {text-decoration:underline;}

.wrapper-footer {
min-width:857px;
height:160px;
border-top:6px solid #9e9d8b;
}

.footer {
position:relative;
width: 835px;
margin:0px auto 0px auto;
font-size:1.1em;
}

.footer .brochure {
position:absolute;
top:15px;
left:0px;
width:250px;
}

.footer .brochure p {
font-size:2.1em;
color:#ffffff;
margin:0px 0px 5px 0px;
padding:0px 0px 5px 0px;
height:25px;
background: url(../images/dots.png) repeat-x bottom;
}

.footer .brochure p.en {width:210px;}
.footer .brochure p.fr {width:229px;}

.footer .brochure p.link {font-size:1.4em;background:none;}

.footer .brochure a {color:#d7d7d3;text-decoration:none;}

.facebook {
position:absolute;
top:78px;
}

.footer .details {
position:absolute;
top:15px;
left:auto;
right:0px;
text-align:right;
width:200px;
}

.footer .details p {
margin: 0px 0px 5px 0px;  
color:#d7d7d3;
line-height:1.4em;
}

.footer p.date {
position:absolute;
top:115px;
left:auto;
right:0px;
text-align:right;
width:200px;
color:#d7d7d3;
}

.footer .details span {
color:#ffffff;
font-weight:bold;
}

.footer .details a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

.footer .details a:hover {text-decoration:underline;}

.navbar-foot {
position:absolute;
top:117px;
color:#9b9a88;
font-size:0.9em;
}

.navbar-foot a {
color:#9b9a88;
text-decoration:none;
}

.navbar-foot a:hover {text-decoration:underline;}

#nav { position:relative;display:block;z-index:1000;margin:0px;}
#nav li { width: 100px; float: left; list-style: none;margin:3px 0px 0px 0px; }
#nav a { width: 97px;  display: block; }
#nav a:focus { outline: none; }

/*CONTACT FORM*/

.content label.form {
font-size: 1.1em;
float:left;
color:#b8b7aa;
font-weight:bold;
position:relative;
width:80px;
margin: 0px 15px 0px 0px;
padding: 0px 8px 0px 0px;
height:25px;
line-height:23px;
}

.content .formRowFirst {
padding: 0px 0px 0px 0px;
clear: both;
display: block;
}

.content .formRow {
padding: 15px 0px 0px 0px;
clear: both;
display: block;
}

.content .field {
float:left;
padding: 0px 0px 0px 0px;
font-size:1.2em;
color:#6a6959;
}
.content .fieldSubmit {
float:left;
padding: 0px 0px 0px 0px;
font-size:1em;
color:#6a6959;
text-align:right;
width:278px;
}

#booking .content .fieldSubmit {width:248px;}

.content input.txtField {
width:278px;
padding:3px 0px 3px 0px;
border-top: 1px solid #9e9d8b;
border-left: 1px solid #c0c0b4;
border-bottom: 1px solid #c0c0b4;
border-right: 1px solid #bbbaad;
font-size:1em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

#booking .content input.txtField {width:248px;}

.content textarea {
width:278px;
height:130px;
border-top: 1px solid #9e9d8b;
border-left: 1px solid #c0c0b4;
border-bottom: 1px solid #c0c0b4;
border-right: 1px solid #bbbaad;
font-size:1em;
padding:3px 0px 3px 0px;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

.content textarea.address {height:80px;}

#booking .content textarea {width:248px;}

.content input.submitbutton {
border: none;
background:#fff;
color:#6a6959;
cursor:pointer;
font-weight:bold;
text-transform: uppercase;
font-size:1em;
}

.content label.error {
color:#c02026;
font-weight:bold;
margin:3px 0px 0px 0px;
display:block;
font-size:0.9em;
}

.content p.error {
color:#ff9600;
font-weight:bold;
}
#slideshow {
height:300px;
}

/*MAP*/
.blockMap, .blockMapLast {
display:block;
width:245px;
float:left;
/*height:305px;*/
border:1px solid #a7a79d;
margin: 0px 17px 0px 0px;
padding:10px;
}

.blockMapLast {margin:0px;}

.blockMap img, .blockMapLast img {
display:block;
margin-bottom:10px;
}

#maps1, #maps2, #maps3 {
width:243px;
height:250px;
}

/*CALENDAR*/
table.tableLegend {
border-left: 1px solid #97947c;
border-bottom: 1px solid #97947c;
border-top: 1px solid #97947c;
font-size: 1.1em;
margin: 0px 0px 10px 0px;
}
table.tableLegend td {
border-right: 1px solid #97947c;
height:20px;
padding: 0px 4px 0px 4px;
}

table.tableLegend td a {
text-decoration:none;
font-weight:bold;
}

table.tableLegend td.legend {font-weight:bold;}
table.tableLegend td.day {color: #5a5741;background-color: #d8d6c3;width:12px;}
table.tableLegend td.weekend {color: #5a5741;background-color: #e9e8dd;width:12px;}
table.tableLegend td.soft {color: #000;background-color: #bbb78d;font-weight:bold;}
table.tableLegend td.specials {background: #cccccc url(../images/crosslittle.png) no-repeat top;}
table.tableLegend td.booked {color: #000;background-color: #75735c;font-weight:bold;width:12px;}

#calendar .top {vertical-align:top;}
#calendar a {
text-decoration: none;
color: #000000;
text-align: center;
display:block;
height:28px;height:28px;
line-height:28px;
}
#calendar a:hover {
text-decoration: none;
color: #000000;
}
#calendar .year {
text-align: center;
width:413px;
}
#calendar .month {
border-style: none;
background-color: #EEDFCC;
text-align: center;
width:203px;
border-bottom: 1px solid #97947c;
border-right: 1px solid #97947c;
margin: 0px 7px 10px 0px;
}

#calendar .monthname {
text-align: center;
font-size: 1.2em;
font-weight: bold;
background: #69654a;
color: #f2f2ee;
height:25px;
}
#calendar .dayname {
text-align: center;
font-size: 1em;
font-weight: bold;
color: #c9c4b0;
background: #69654a;
}
#calendar .nomonthday {
text-align: center;
font-size: 10px;
height:29px;
width:29px;
color: #aaaaaa;
background:#fff;
border-left: 1px solid #97947c;
border-top: 1px solid #97947c;
}
#calendar .monthday, #calendar .sunday, #calendar .saturday, #calendar .today {
text-align: center;
font-size: 1em;
background-color: #d8d6c3;
color: #5a5741;
height:29px;
width:29px;
border-left: 1px solid #97947c;
border-top: 1px solid #97947c;
}

#calendar .sunday, #calendar .saturday {background-color: #e9e8dd;}
#calendar .today {background-color: #ddd;}

#calendar .soft, #calendar .todaysoft, #calendar .full, #calendar .specials, #calendar .todayfull, #calendar .todayspecials {
text-align: center;
font-size: 1em;
font-weight: bold;
color: #5a5741;
height:29px;
width:29px;
border-left: 1px solid #97947c;
border-top: 1px solid #97947c;
background:#bbb78d;
}

#calendar .full, #calendar .todayfull {background:#75735c;color:#5a5741;}
#calendar .specials, #calendar .todayspecials {background: #cccccc url(../images/cross.png) no-repeat top;}

.galleryblock {
float:left;
margin: 0px 0px 5px 5px;
}

.galleryblock img {border:1px solid #777777;}