/*
Clos Maplré

Vert clair: #dae8c1
Vert normal: #bfdf95
Vert foncé: #a8d36f
Brun: #372e2f
Gris clair: #f4f8ec

Bleu: #a7c2e4

*/

html{
	height:100%;
}
body{
	height:100%;
	background:#f4f8ec;
	/*background:url('../../images/clos/bg-texture-surface1.png') fixed #a8d36f;
	background-position: 0% 98%;*/
	font-family: 'Open Sans', sans-serif	font-size:13pt;
		background: radial-gradient(ellipse, #fff,#dae8c1);
		background-size:cover;
}

.btn{
	border-radius:0px;
	border:none;
}

.btn-primary{
	background:#4b3f40;	
}

.btn:focus{
	border:none;
}

.btn-primary.collapsed, .btn-primary.collapsed:hover, .btn-primary.collapsed:focus{
	background:#9D8486;
}



h2 a{
	color:#a8d36f;
}

h2 a:hover{
	color:#bfdf95;
}

.form-group .checkbox{
	/*float:left;*/
	margin-right:20px;
}

label{
	font-size:11pt;
	font-weight: normal;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
	background:#4b3f40;
	-moz-box-shadow: inset 0px -4px 0px 0px #C6B3B5;
	-webkit-box-shadow: inset 0px -4px 0px 0px #C6B3B5;
	-o-box-shadow: inset 0px -4px 0px 0px #C6B3B5;
	box-shadow: inset 0px -4px 0px 0px #C6B3B5;
}

.thumbnail{
	background:none;
	border:none;
	  margin-left: -15px;
  margin-right: -15px;
  transition:all 0.4s;
}


.thumbnail:hover{
	 transform: scale(1.1);
	 z-index:100;
	 position:relative;
}

.widget-last-article .media .media-object{
	width:200px;
	
}

.widget-last-article{
	margin-top:20px;	
}

.widget-last-article .media{
	  padding-bottom: 5px;
  border-bottom: 1px solid #E7F0D7;	
}

article .files{
	margin-bottom:5px;
}

.article-image{
	height: 390px;
	overflow: hidden;
}

.article-image img{
	width:100%;
	height:auto;
}


.row-fluid, .row-fluid .col-md-12{
	height:100%;
}

.row-fluid .col-md-12{
	margin:0;
	padding:0;
}

.home{
	height:100%;
}


.title{
	  position: absolute;
  top: 9px;
  left: 340px;
  color: #fff;
  font-size: 15pt;
  font-weight: 600;
  text-shadow: 1px 1px 1px #000;
}

.title small{
	font-style: italic;
}
/*
PAGE
*/
#page{
	padding-top:40px;

}

#page .container{
	padding:20px;
	padding-top:50px;
	padding-bottom:50px;
	background:#fafafa;
	min-height:650px;
}
/*
MAIN MENU
*/
#main-menu .navbar-brand>img {
  
}
#main-menu .navbar-brand{
	/*background:#a8d36f;*/
	/*rgba(218,232,193,0.9);*/
	/*background:rgba(55,46,47,0.1);*/

/*background: -moz-linear-gradient(left,  rgba(55,46,47,0.8) 71%, rgba(0,0,0,0) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(71%,rgba(55,46,47,0.8)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left,  rgba(55,46,47,0.8) 71%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left,  rgba(55,46,47,0.8) 71%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(left,  rgba(55,46,47,0.8) 71%,rgba(0,0,0,0) 100%); /* IE10+ */
/*background: linear-gradient(to right,  rgba(55,46,47,0.8) 71%,rgba(0,0,0,0) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc372e2f', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	/*  padding: 0px;
  margin-top: -110px;
  position: absolute;
  height: 133px;
  overflow: hidden;
  margin-left: 87px;*/
  display:none;
}
#main-menu{
	background:url('../../images/clos/grace2.png') repeat-x bottom;
	border:none;
	/*background-color:#a8d36f;*/
	color:#f4f8ec;
	border-bottom:solid 7px #372e2f;
	padding-top:140px;
	margin-top:-195px;
	/*transition: background-color 0.4s, padding 0.4s;
	 -moz-transition: background-color 0.4s, padding 0.4s;
	-webkit-transition: background-color 0.4s, padding 0.4s;*/
	position:relative;
	z-index: 101;

}

#main-menu .container-fluid{
	margin:0;
	padding:0;
}
#main-menu .navbar-nav a{
	font-family: 'Eras Demi ITC', cursive;
	color:#372e2f;
	text-transform: uppercase;
	font-size:12pt;
	transition: background-color 0.5s, color 0.5s;
	padding-left:10px;
	padding-right:10px;

}
#main-menu .navbar-nav .dropdown-menu{

	  left: auto;
  right: 0;
  border-radius:0px;
  box-shadow:none;
  overflow:hidden;
  background:#f4f8ec;
  border-right:solid 5px #a8d36f;
  opacity:0;
   -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
  margin-top:20px;

}
#main-menu .navbar-nav .open .dropdown-menu{
	opacity:1;
	margin-top:0px;

}
#main-menu .navbar-nav .dropdown-menu a{
	font-family: 'Eras Demi ITC', cursive;
	color:#372e2f;
	text-transform: none;
	text-align:right;
	font-size:14pt;
	
	transition: background-color 0.5s, color 0.5s;
		padding:8px;
	border:none;
	background:#f4f8ec;

}
#main-menu .navbar-nav .dropdown-menu a:hover{

	border:none;

}
#main-menu .navbar-nav a:hover,
#main-menu .navbar-nav>.active>a{
	color:#a8d36f;
	background:#f4f8ec;
}

#main-menu .navbar-nav li{
	
	margin-bottom:-7px;
}

#main-menu .navbar-nav ul{

}

#main-menu.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  width:100%;
}

#main-menu.navbar .navbar-collapse {
  text-align: center;
}

#main-menu.main-menu-mini{
	padding-top:0px;
	background:#a8d36f;
	margin-top:0;
	position:fixed;
	
}

#main-menu.main-menu-mini .title{
	display:none;
}

#main-menu.main-menu-mini .navbar-brand img{
  width: 57px;
    margin-top: -10px;
        display: inline-block;
}

#main-menu.main-menu-mini .navbar-brand{
	display:block;
	position:relative;
	  padding-top: 6px;
  margin-top: 0px;

	 font-family: 'Eras Demi ITC', cursive;
	color: #E8F1D9;
font-size: 18pt;
font-style: italic;
line-height: 42px;
transition:color 0.5s;
}

#main-menu.main-menu-mini .navbar-brand:hover{

	color: #fff;

}
#main-menu .navbar-nav .dropdown-menu li.lvl-2 a{
	font-size: 12pt;
	color:#615a5b;
}
#main-menu .navbar-nav .dropdown-menu li.lvl-2 a:hover{
	color:#a8d36f;
	background:#f4f8ec;
}

/*
JSSOR
*/
/*
#diaporama .container-fluid{
	height:100%;
	padding-left:-15px;
	padding-right:-15px;
	margin:0;
	width:100%;
}

#diaporama_diaporama{
	height:100%;
	width:100%;
}

#diaporama{

	min-height:100px;
	  overflow: hidden;


}

#diaporama .loading{
	background:#372e2f;
	width:100%;
	height:100%;
	z-index:400;
}

#diaporama .loading-icon{
	color:#fff;
	margin-top:20px;
	margin-left:20px;
}
#diaporama h2{
	color:#fff;
	border:none;
	margin-top:1px;
	padding-top:1px;
}

#diaporama .diapo-menu a{
	color:#fff;
	text-decoration: none;
	display:block;
	float:left;
	margin-right:10px;
}

#diaporama .diapo-title{
	position:absolute;
	left:20px;
	top:20px;

	color:#f4f8ec;
	padding:10px;
	font-size:18pt;
	z-index: 1001;
	font-family: 'PT Sans Caption', sans-serif;
}

#diaporama .diapo-title p{
	margin-top:22px;
	line-height: 22px;
	float:right;
	text-shadow: 1px 1px 1px #000;
}

.diaporama, .diaporama .slide{
	height:100%;
	width:100%;
}


.diaporama{
	position:absolute;
	background:#a8d36f;
}

.diaporama .camerarelative{

	color:#f4f8ec;
	font-size:18pt;
	font-family: 'PT Sans Caption', sans-serif;
	overflow:hidden;
	width:100%;
	line-height: 24px;
	text-align:right;
	position:absolute;
	top:20px;
	right:0px;
	background:none;
	padding:0;
}

.diaporama .camerarelative .bg-primary{
	padding:10px;
	display:inline-block;
	width:auto;
	font-size:13pt;
	background-color:rgba(55, 46, 47, 0.7);
	margin-top:40px;
}

.diaporama .camerarelative .bg-info{
	padding:10px;
	display:inline-block;
	width:auto;
	font-size:13pt;
	background-color:rgba(216,232,244, 1);
	margin-top:40px;
}

.diaporama .navigator{
	position: absolute;
    top: 26px;
    left: 6px;
    display:block;
    height:30px;
}

.diaporama .camera_pag div, 
.diaporama .navigator div:hover,
.diaporama .navigator .av{
	position: absolute;

    width: 18px;
    height: 18px;
    overflow: hidden;
    cursor: pointer;
    bottom:10px;
    background:#a8d36f;
    border-radius:18px;
    border:solid 2px #372e2f;
    opacity: 0.7;
}

.diaporama .navigator div { background-position: -5px -4px; }
.diaporama .navigator div:hover, .jssorb03 .av:hover  { background:#f4f8ec; }
.diaporama .navigator .av { background:#dae8c1; }
.diaporama .navigator .dn, .diaporama .navigator .dn:hover { background:#dae8c1; }

.camera_pag{
	position: absolute;
    bottom: 50px;
    right: 10px;
    display:block;
    height:30px;
}

.camera_pag_ul li{
	 width: 18px;
    height: 18px;
    overflow: hidden;
    cursor: pointer;
    bottom:10px;
    
    background:#dae8c1;
    border-radius:18px;
    border:solid 2px #372e2f;
    opacity: 0.7;
    float:left;
    text-indent:-9999px;
    margin-left:8px;
}

.camera_pag_ul li:hover{
	opacity:1;
	
}

.camera_pag_ul .cameracurrent{
	background:#a8d36f;
}

#diaporama img{
	  max-width: none;
}*/
#diaporama .container-fluid{
	height:100%;
	padding-left:-15px;
	padding-right:-15px;
	margin:0;
	width:100%;
}

#diaporama_diaporama{
	height:100%;
	width:100%;
}

#diaporama{
	height:100%;
	min-height:100px;
	  overflow: hidden;
}

#diaporama .diapo-title{
	position:absolute;
	left:20px;
	top:20px;

	color:#f4f8ec;
	padding:10px;
	font-size:18pt;
	z-index: 101;
	font-family: 'PT Sans Caption', sans-serif;
}

#diaporama .diapo-title p{
	margin-top:22px;
	line-height: 22px;
	float:right;
	text-shadow: 1px 1px 1px #000;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	min-width:100%;
	min-height:100%;
}

#diaporama .carousel-caption{
	right:0;
	top:70px;
	left:auto;
	text-align: right;
}

#diaporama .carousel-control{
	z-index:100;
}

#diaporama .carousel-indicators{
	top: 50px;
	bottom:initial;
	z-index:101;
}

#diaporama .carousel-caption,#diaporama .carousel-indicators
{
	display:none;
}

.carousel{
	position:inherit;
	height:100%;
}

.carousel,.carousel-inner,.carousel .item{
	height:100%;
}

.diaporama .carousel-indicators li{ 
	width: 18px;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
	bottom: 10px;
	background: #A8D36F none repeat scroll 0% 0%;
	border-radius: 18px;
	border: 2px solid #372E2F;
	opacity: 0.7;
	margin:0;
	margin-left: 4px;
	float: left;
	display: block;
}

.diaporama .carousel-indicators li:hover  { background:#f4f8ec; }
.diaporama .carousel-indicators li.active { background:#dae8c1; }

.diaporama{
	height:100%;
}
.diaporama img.carousel-image{
	min-height:100%;
	min-width:100%;
	max-width: initial;
}



.quick-menu{
	position:absolute;
	z-index: 1002;
	bottom:50px;
	left:20px;
	overflow:hidden;
	padding:8px;
	width:70px;
	height:70px;

}

.quick-menu a{
	
	color:#fff;
	text-decoration: none;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	display:inline-block;
	padding:5px;
	 margin-left:-500px;

}

.quick-menu:hover{
	width:auto;
}

.quick-menu:hover a{
	opacity:1;
	 margin-left:0px;
}

.quick-menu a:hover{
	border-bottom:solid #fff 4px;
}

.quick-menu a.arrow:hover{
	border:none;
}

.quick-sub-menu{
	background:rgba(0,0,0,0.6);
	  margin-top: 10px;
  height: 36px;
  -moz-transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-o-transition:all 0.6s;
	transition:all 0.6s;
	opacity:0;
	  float: right;
	

}

.quick-menu:hover .quick-sub-menu{
	opacity:1;
	margin-left:0px;
}

.quick-menu a.arrow{
	position: relative;
	display: inline-block;
		background:rgba(0,0,0,1);
	font-size:29pt;
	border-radius:30px;
	width:60px;
	height:60px;
	
	vertical-align: middle;
	text-align:center;
	color:#eee;
	  padding-top: 3px;
	 opacity:1;
	 margin-left:0;
	 z-index:500;
}

.quick-menu:hover .arrow{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
/*
ACTIVITES
*/

#news{
/*background:url('../../images/clos/activ_bg.jpg') fixed no-repeat;*/

    margin-top: -20px;
}
#news .container{
	padding-bottom:80px;
	/*background-color:rgba(255,255,255,0.85);*/
	height:100%;
}

 .newsSlide li{
	height:250px;
	overflow:hidden;
	padding:4px;
	width:100%;
	position:relative;
	float:left;
margin-left: 15px;
margin-right: 15px;
}

.newsSlide li a{
	  display: block;
  width: 100%;
  height: 250px;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
}

 .newsSlide li .description{
	position:absolute;
	top:210px;
	background-color:rgba(55,46,47,0.7);
	color:#fff;
	width:100%;
	margin-bottom:0px;
	padding:6px;
	height:100%;
	transition:top 0.5s;
}

 .newsSlide li .description h4{
	font-family: 'Eras Demi ITC', cursive;
}

#nous-decouvrir.newsSlide li .description{
		top:207px;
}

.newsSlide li a:hover .description{
	top:0;
}


#nous-decouvrir.newsSlide li a:hover .description{
	top:0;
}

.newsSlide li img{
	min-width:100%;
	min-height:100%;
}
/*
#nous-decouvrir.newsSlide li a:hover .description{
	top:0px;
}
*/
#nous-decouvrir.newsSlide li .description{
  background-color:rgba(218,232,193,0.7);
  color:#111;
}

#nous-decouvrir.newsSlide li:first-child .description{
  background-color:rgba(243,243,211,0.7);
}

#nous-decouvrir.newsSlide li:last-child .description{
  background-color:rgba(216,232,244,0.7);
}

.newsSlide ul{
	padding:0;
	margin:0;
	margin-left: -15px;
	margin-right:-15px;
}

.slick-prev:before{
	  font: normal normal normal 45px/1 FontAwesome;
	content: "\f137";
	text-indent: 0px;
	display:block;
	width:50px;
	height:50px;
	color:rgb(55,46,47);
	text-align:center;
}

.slick-next:before{
	  font: normal normal normal 45px/1 FontAwesome;
	content: "\f138";
	text-indent: 0px;
	display:block;
	width:50px;
	height:50px;
	color:rgb(55,46,47);
	text-align:center;
}

.slick-prev{
	left:-54px;
}

.slick-next{
	right:-54px;
}

.slick-prev,
.slick-next{
	text-decoration: none;
	opacity:0.6;
    margin-bottom: 2px;
    height: 50px;
    width: 50px;
    font-size: 0;
    text-indent: -9999px;
    top: 96px;
    background: none;
    border: 0;
    position: absolute;
	}

.slick-prev:hover,
.slick-next:hover{
	opacity:1;
	text-decoration:none;

}

.alaune{
	background:#372e2f;
	color:#fff;
	padding-bottom:8px;
	font-size:14pt;
	font-weight: 600;
}

.alaune img{
	/*width:100%;
	height:auto;*/
}

/*.nous-decouvrir .col-md-4{
	background:#dae8c1;
	height:280px;
	padding:4px;
	border:solid 4px #F5F9EF;
}*/

/*.nous-decouvrir .col-md-4:first-child{
	background:#f3f3d3;
}

.nous-decouvrir .col-md-4:last-child{
	background:#d8e8f4;
}*/

/*
GOOGLE MAP
*/
#map{
	background:url('../../images/clos/fond_carte.png') no-repeat;
	background-size: cover;
}

#map .container{
	/*background-color:rgba(255,255,255,0.6);*/
	background:#dae8c1;
	overflow:hidden;
}

#map .container-fluid .row, #map .container-fluid .col-md-12{
}

#map #gMap{
	height:580px;
	margin-left:-15px;
	margin-right:-15px;
}

#map .gMap-lieux{

	background:#fff;
	margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
font-size:11pt;
}

#map .gMap-lieux li{

	border-bottom:1px solid #dae8c1;
	transition:background-color 0.5s;
	moz-transition:background-color 0.5s;
	margin: 0px;
	padding:5px;
}

#map .gMap-lieux li:hover{
	cursor:pointer;
	background-color:#d8e8f4;
}



/*
FOOTER
*/
#footer{
	background:url('../../images/clos/footer_bg.png') no-repeat #372e2f;
	background-size:auto 80%;
	background-position:1% 20%;
	color:#fff;
	font-size:11pt;
}

#footer .container,
#footer .container-fluid{
	height:100%;
}

#footer h3{
	color:#655758;
}

#footer ul{
	color:#C6B3B5;
}

#footer a{
	color:#eee;
}

#footer .row{
	height:100%;
}

#footer .col-md-3{
	height:100%;
}

#footer .footer-menu{
	padding:30px;
	height:100%;
	margin-right:-15px;
}

#footer .address{
	padding-top:20px;
	color:#C6B3B5;
}

#footer .address p{
	margin-top:6px;
}

#footer .nav a{
	padding-left:8px;
	padding-right:8px;
	padding-top:2;
	padding-bottom:2px;
}

#footer .nav a:hover{
	background:none;
}

#footer ul{
	padding-left:20px;
	list-style:none;
}

#footer .navbar-nav>li{
	float:none;
	border-bottom:dotted 1px #C6B3B5;
}

#footer .social-buttons  ul{
	  width: 100%;
  padding: 0;
  margin: 0;
}

#footer .social-buttons  ul a:hover{
	color:#C6B3B5;
}

.fb_button{
	background:url('../../images/clos/fb.png') no-repeat;
}


.youtube_button{
	background:url('../../images/clos/youtube.png') no-repeat;
}


.twitter_button{

	background:url('../../images/clos/twitter.png') no-repeat;
}


.trip_button{

	background:url('../../images/clos/trip.png') no-repeat;
}


.googleplus_button{

	background:url('../../images/clos/googleplus.png') no-repeat;
}

.social-buttons>a{
	display:inline-block;
	width:38px;
	height:38px;
		float:left;
	margin-right:12px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:38px 76px;
}

.social-buttons>a:hover{
	background-position:0px -38px;
}


/*

ARTCILES CHALET
*/

/*

PAGE LIENS
*/
body .image-list-item{
	overflow:hidden;
	height:240px;
	margin-top:15px;
	background:#efefef;
	position:relative;
	margin-bottom:20px;
}

body .image-list-item:hover{
	opacity:0.6;

}
body .image-list-item a{
	display:block;
	background-color:#000;
}

body .image-list-item img{
	height:auto;
	display:block;
	margin:auto;
	min-width:100%;
	min-height:100%;

}
body .image-list-item .description{
    position: absolute;
  background: rgba(0,0,0,0.7);
  padding: 4px;
  /* bottom: 0; */
  width: 100%;
  color: #f8f8f8;
  top: 200px;
  height:100%;
  transition:top 0.6s;
}

body .image-list-item .description h3{
	margin-top:8px;
	color:#F8F8F8;
}

body .image-list-item:hover .description{
	top:0px;
}

.camera_effected{
	position:absolute;
	right:0;
	top:15px;
	display:none;
}

.image-gallery{
	margin-top:30px;
	border-top:solid 1px #999;
}

.image-gallery .thumbnail{
	margin-bottom: 0px;
}


body.contact .form-group{
	margin:0;
	padding:6px;
}

body.contact .control-label{
	margin:0;
	padding:6px;
}

body.contact .form-group:nth-child(even){
	background:#fff;
}

body.contact .form-group:nth-child(odd){
	background:#f4f8ec;
}

body.reservations{

}

body.reservations table{
	font-size:9pt;
}

.camera_effected{
	visibility: hidden;
}

.fb-share-button{
	margin-top:0px;
}

.widget-map .btn{
	width:100%;
	margin-bottom:2px;
}

.mapMobile{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.slick-slider{
	overflow:hidden;
}

@media (min-width: 992px)
{
	.slick-slider{
		overflow:visible;
	}
	.mapMobile{
		display:none;
	}
	#footer{
		height: 340px;
	}

	#footer .footer-menu{
		background:#4b3f40;
	}

	#main-menu.navbar .navbar-nav{
		width:auto;
	}

	#main-menu .navbar-nav a{
		border-bottom:solid 7px #372e2f;

	}

	#main-menu .navbar-nav a:hover,
	#main-menu .navbar-nav>.active>a{
		border-bottom:solid 7px #a8d36f;
	}

	/* .newsSlide li{
		width:33.333%;
		margin-bottom:5px;

	}*/

	.newsSlide li img {
    	    min-width: 100%;
    min-height: 100%;
	}

	/*.camera_effected{
		display:block;
	}*/


	#main-menu.main-menu-mini .navbar-brand{
			 padding-right:4px;
	 padding-left:20px;
	 font-size: 23pt;
		}
	#diaporama{
		height:100%;
	}	

	#diaporama .carousel-caption,#diaporama .carousel-indicators
	{
		display:block;
	}
}

.reservations .bg-error,
.reservations .danger{
	background-color:#d36f6f;
}

img.data-url{
	cursor:pointer;
}