@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------
	Global
-------------------------------------------------------------------*/
body { background: #fffdee; font-family: 'Montserrat', sans-serif; font-weight: 400; }
h1 { color:#5a4a42; font-size: 27px; text-transform: uppercase; font-weight: 700; margin: 0 0 25px 0; }
h2 { color:#5a4a42; font-size: 17px; margin: 0 0 35px 0; text-transform:uppercase; font-weight:700; }
h3 { color:#5a4a42; font-size: 20px; font-weight: 700; text-transform:uppercase; }
p, ul { font-size: 16px; color:#5a4a42; margin: 0 0 30px 0; line-height: 21px; }
a { color:#269dd8; }
ul li { line-height: 15px; margin-bottom:15px; }
em { font-style:italic; }
p strong { color: #269dd8; font-weight:700; }
.column75 { width: 75%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.column25 { width: 23%; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.column33 { width:31.333%; float:right; }
.column50 { width:48%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.chalet-columns .column50:nth-child(2n) { float:right; }
.column50.right { float:right; }
.left { float: left; }
ul.left { width: 50%; }
.wrapper { clear: both; }
.wrapper.accent { background: #f0edd9; }
.wrapper .content { padding: 45px 0; }
.content { width: 100%; max-width: 960px; margin: 0 auto; }
.box { background: url(../images/common/bg-reservation.jpg) #269dd8; width: 100%; padding: 20px 30px; color: #ffffff; float: right; margin: 0 0 10px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box span { display: block; width: 100%; text-transform: uppercase; }
.box span:nth-child(1n) { font-size: 29px; }
.box span:nth-child(2n) { font-size: 20px; }
.box span:nth-child(3n) { font-size: 20px; }
.clear { clear: both; }
#slider { margin: 0 0 0 0; }

/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
.navigation { position:relative; z-index:100; font-size:0; }
.navigation ul li:before { content:""; padding:0; float:none; display:inline; }
.navigation > ul { position:relative; z-index:1; margin:0; text-indent:0; font-size:0; }
.navigation > ul > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }
.navigation > ul > li > a { display:block;  border-bottom: 8px solid #fffdee;font-size:16px; line-height:16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  }
.navigation > ul > li:hover > a, .navigation > ul > .is-selected >  a { color:#000; }
.navigation > ul > li > ul { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0; }
.navigation > ul > li > ul > li { margin:0; text-indent:0px;    text-align: left;  }
.navigation > ul > li > ul > li > a { padding:12px 10px; background:#FFF; display:block;border-bottom:2px solid #25aae1; }
.navigation > ul > li > ul > li:hover > a { background:#25aae1; color:#FFF !important;border-bottom:2px solid #25aae1 !important;  }

.cbp-af-header-shrink .navigation > ul > li > ul > li > a {background:#25aae1; color:#FFF !important;border-bottom:2px solid #FFF !important; }
.cbp-af-header-shrink .navigation > ul > li > ul > li:hover > a { color:#25aae1 !important; background:#FFF !important;border-bottom:2px solid #25aae1 !important;  }
.navigation > ul > li > .is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }

#logo { display: block; background: url(../images/common/logo.png) no-repeat center; width: 230px; height: 132px; margin: 0 auto 24px auto; }
#member { display:block; float:right; width:209px; height:60px; background:url(../images/common/tr-membres.png) no-repeat; }
nav { padding: 0 0 0 0; text-align: center; }
nav a { color:#5a4a42; text-transform: uppercase; font-size: 16px; font-weight: 700; margin: 0 19px; padding: 0 0 5px 0; }
nav.navigation a:not(#logo):hover, nav.navigation a:not(#logo).selected { color: #269dd8; border-bottom: 8px solid #269dd8; }
.cbp-af-header { position: fixed; padding:0 0 0 0; position:relative; top: 0; left: 0; width: 100%; z-index: 500; /*overflow: hidden;*/ background: #fffdee; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; /*-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);*/ }
.cbp-af-header h1, .cbp-af-header nav { position: relative; }
.cbp-af-header #logo { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; }
.cbp-af-header h1, .cbp-af-header nav a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/*.cbp-af-header.cbp-af-header-shrink #logo { width: 252px; height: 80px; background:url(../images/common/logo-white.png) no-repeat center; background-size: contain; }
.cbp-af-header.cbp-af-header-shrink .cbp-af-header { background:#25aae1; }
.cbp-af-header.cbp-af-header-shrink .cbp-af-header nav a { color:#ffffff; }
.cbp-af-header.cbp-af-header-shrink .cbp-af-header nav a:not(#logo):hover, .cbp-af-header.cbp-af-header-shrink .cbp-af-header nav a:not(#logo).selected { border-bottom: 8px solid #ffffff; color:#ffffff; } 
.cbp-af-header.cbp-af-header-shrink .navigation > ul > li > a { border-color:#25aae1; }*/
.higher-ul li { line-height:35px; margin-bottom:0; }

.sub-navigation { background:#269dd8; }
.sub-navigation > ul {  margin:0; line-height:0; padding:10px 0;  }
.sub-navigation > ul > li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0;}
.sub-navigation > ul > li > a { color:#FFF; font-weight: 400; margin-bottom:0; padding-bottom:0;font-size:13px; line-height:0; }
.cbp-af-header.cbp-af-header-shrink .sub-navigation { position:fixed; width:100%; top:0; z-index:1000; }

/*-------------------------------------------------------------------
	Slider
-------------------------------------------------------------------*/
#slider { width: 100%; position: relative; }
#slider .title { background: url(../images/common/bg-slider.png); position: absolute; width: 100%; top: 50%; margin-top: -94px; padding: 35px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#slider img { margin: 0 auto; display: block; width: 100%; }
#slider h1 { font-size: 45px; margin: 0; color: #ffffff; text-transform: uppercase; font-weight: 700; }
#slider h2 { font-family: 'Monotype Corsiva Regular'; font-size: 27px; color: #ffffff; text-transform: none; font-weight: 400; margin:0 0 0 0; }

/*-------------------------------------------------------------------
	Activities / Rates
-------------------------------------------------------------------*/
#activities { background: url(../images/common/bg-act.jpg) no-repeat; background-size: cover; }
.btActivity { background: #89817f; color: #ffffff; font-size: 14px; text-transform: uppercase; padding: 11px 11px; margin: 0 13px 0 0; float: left; position: relative; }
.btActivity:hover span, .btActivitySelected span { background: url(../images/common/arrow.png) no-repeat; width: 9px; height: 5px; margin-left: -5px; position: absolute; left: 50%; bottom: -5px; }
.btActivity:hover, .btActivitySelected { background: #269dd8; }
table { width: 100%; margin: 27px 0 0 0; }
table tr th { background: #9f9283; color: #ffffff; text-transform: uppercase; font-size: 14px; text-align: left; padding: 12px; }
table tr { background: #fffdee; zoom: 1; filter: alpha(opacity=85); opacity: 0.85; }
table tr:nth-child(odd) { background: #f0edd9; }
#datepicker table tr:nth-child(odd), #datepicker table tr { background:none; }
#datepicker table { background:#f0edd9; }
table tr td { color:#5a4a42; font-size: 14px; padding: 12px; }
th.accent { background: #269dd8; }
.room, .shower, .spa, .sauna, .wifi, .pool, .poker, .fire, .babyfoot, .bbq, .clim, .floor, .lave, .laveuse, .frigidaire, .tv { background:url(../images/common/sprites-services.png); display:block; float:left;  margin:7px 16px 0 0; }
.room { background-position:0px -1px; width:30px; height:19px; }
.shower { background-position:0px -33px; width:30px; height:22px; }
.spa { background-position:0px -69px; width:30px; height:22px; }
.sauna { background-position:0px -104px; width:30px; height:24px; }
.wifi { background-position:0px -141px; width:31px; height:18px; }
.pool { background-position:0px -174px; width:30px; height:23px; }
.poker {background-position: -33px -244px; width:30px; height:23px; }
.fire { background-position:0px -208px; width:28px; height:23px; }
.babyfoot { background-position:31px -0px; width:30px; height:23px; }
.bbq { background-position:31px -31px; width:28px; height:28px; margin-top:2px; }
.clim { background-position:31px -65px; width:29px; height:30px; margin-top:3px; }
.floor { background-position:31px -105px; width:30px; height:23px; }
.lave { background-position:31px -139px; width:30px; height:25px; margin-top:6px; }
.laveuse { background-position:31px -175px; width:30px; height:21px; }
.frigidaire { background-position:0 -243px; width:30px; height:23px; margin-top:10px; position:relative; left:2px; }
.tv {background-position:0px -273px; width:30px; height:27px; position:relative; top:-2px; }
ul { font-size:14px; }
li.title { text-transform:uppercase; }
li.title li { text-transform:none; line-height:16px; padding:0 0 24px 0; }
li.title ul { margin:0 0 0 35px; }
#accordion, #accordion2, #accordion3 { max-width:960px; width:100%; margin:0 auto; }
#accordion h3, #accordion2 h3, #accordion3 h3 { cursor:pointer; padding:22px 0; }
#accordion h3 span.plus, #accordion2 h3 span.plus, #accordion3 h3 span.plus { color:#269dd8; padding:0 0 0 10px; }
#accordion h3:focus, #accordion2 h3:focus, #accordion3 h3:focus { outline:none; }
.accInventaire, .accInventaire3 { background:#e8e5ce; }
.accInventaire2 { background:#efedd9; }
.column33.items { float:left; }


/*-------------------------------------------------------------------
	Contact
-------------------------------------------------------------------*/
#map_canvas { width: 100%; height: 400px; }
form label { color:#5a4a42; font-size: 15px; float: right; width:31.333%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box; margin: 0 0 0 0; }
form label:nth-child(2n) { margin:0 0 0 0; }
form label:nth-child(3n) { margin:0 0 0 0; clear:right; }
input, select { display: block; width: 100%; padding:6px 5px; border:1px solid #949494; font-size:13px;color:#5a4a42;font-family: 'Montserrat', sans-serif; font-weight: 400; margin:5px 0 25px 0;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;  }
input:focus, select:focus { outline:none; border:1px solid #269dd8; }
#btSubmit { background:url(../images/common/bt-submit.png) repeat-x right; border:none; color:#fff; text-align:left; text-transform:uppercase; font-size:14px; cursor:pointer; padding:10px 10px; width:100%; margin:0 0 6px 0; }
.politique { background:#766f6d; font-size:11px; text-transform:uppercase; color:#ffffff; padding:4px 6px; }
.various.small { font-size:14px; }
form label.error { width:100%; color:#e15125; margin:-22px 0 20px 0; }
.small { font-size:12px; }

.tarif { font-size:16px; margin:0; }
h1 span{ color:#5a4a42; font-size: 18px; text-transform: uppercase; font-weight: 700; position: relative;
left: 303px;}
h1 span sup{ color:#5a4a42; font-size: 11px; text-transform: uppercase; font-weight: 700; }
.legend { }
.legend div { float:left;font-size:14px;color:#25aae1; margin:0 40px 0 0; }
.legend div.selected { color:#116081; }
.legend div span { display:block; float:left; background:#25aae1; text-align:center; color:#ffffff; padding:12px 0 0 0; width:38px; height:26px; position:relative; top:-10px; margin:0 10px 0 0; }
.legend div.selected span { background:#116081; color:#ffffff; } 
.legend div.available { color:#6d6d69; }
.legend div.available span { background:#d9d7c2; color:#6d6d69; }

.note > p { margin:0 0 10px 0; color:#a33416; font-weight:300; padding:8px; font-size:14px; }
.video { height: 630px; overflow: hidden; }
video { position: relative; top: -280px;}
.bg { background: #000; opacity: 0.1;/*background: url(../images/common/bg-slider.png);*/ position: absolute; width: 100%; height: 100%;}

.videoChalet-top { top: -360px; }
.videoChalet {margin-top: -360px;}
/*-------------------------------------------------------------------
	Footer
-------------------------------------------------------------------*/
#footer { background:#766f6d; }
#footer .content { padding:25px 0; }
#footer #logo { background:url(../images/common/logo-footer.png) no-repeat; width:187px; height:99px; margin:0 0 92px 0; }
#footer nav { text-align:left; float:left; }
#footer nav a { margin:0 38px 0 0; font-size:14px; color:#bababa; }
#footer nav a:not(#logo):hover, #footer nav a:not(#logo).selected { color:#ffffff; border-bottom: 8px solid #ffffff; }
#footer .copyright { float:right; margin:50px 0 0 0; font-size:11px; color:#f1f2f0; text-transform:uppercase; }

.indent { list-style:outside; margin:0 0 20px 30px; }


#select-box{
    position:relative;
	width:290px;
	z-index:499;
}
#select{
    display:block;
    width:100%;
    padding:10px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
	background:url(../images/common/select-arrow.png) no-repeat right center #269dd8;
	color:#FFF;
	text-transform:uppercase;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}
#select:hover { 	background:url(../images/common/select-arrow.png) no-repeat right center #106e9d; }
#select-option {
   position:absolute;
   top:37px;
   background:#f1f1f1;
   width:100%;
    display:none;
	margin: 0;
list-style: none;
padding: 0;
}
#select-option > li  { line-height:18px; }
#select-option > li > a {
	display:block;
    padding:5px 10px;
	cursor:default;
	   width:100%;
	text-transform:uppercase;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;

	  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
}
#select-option > li > a:hover {
	background:#269dd8;
	color:#FFF;
}
.icon-comments { display:block; cursor:pointer; width:175px; height:80px; background:url(../images/common/icon-comment.png); margin:40px auto; }




.rwd-table {
  margin: 1em 0;
  min-width: 100px;
  
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 14.5em;
  display: block;
}
.rwd-table th, .rwd-table td {
  text-align: left;
}



.rwd-table {
  overflow: hidden;
}
.rwd-table tr {
}
.rwd-table th, .rwd-table td {
}
.rwd-table th, .rwd-table td:before {
}