/* ==========================================================================
   Base Styles and Bootstrap Modifications
   ========================================================================== */
.navbar-inverse{
	background:#bfac91!important;
	border:#bfac91!important;
}  

.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
    position: fixed;
    right: 0;
    transform: translate3d(0px, 0px, 0px);
    z-index: 10 !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #a07d6a!important;
    color: #fff !important;
}  

.nav > li > a {
  	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;  
	font-weight:300;
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
   	padding-bottom: 15px;
    padding-top: 15px;
}

.nav > li > a:hover{
	 background-color: #a07d6a !important;
}  

.navbar-default {
  background: none;
  border: none;
}

.navbar {
  margin-bottom: 0;
  min-height: 0;
  border-radius: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #f3f3f3;
}

.navbar-brand{
	height:78px;
	line-height:25px;
}

ul.languages{ margin:25px 0;}
ul.languages li{ display:inline-block}
	ul.languages li a{color:#bfac91; font-size:20px; padding: 0 4px;}
		ul.languages li a:hover, ul.languages li a:focus, ul.languages li.active{
			color:#a07d6a;	
			}

hr{ border-top: 1px solid #bea67e; margin:0;}


.panel > .list-group:last-child .list-group-item:last-child {
  border-radius: 0;
}   
   
.modal-header{
	background:#bea67e;
	text-align:center;
	
	color:#fff;
font-family: 'Roboto', sans-serif;  }

.modal-body h5{
font-family: 'Roboto', sans-serif;  
	text-transform:uppercase;
	font-size:24px;
	color:#4D4D4D;
	
}

.modal-body {
	color:#2A2A2A;
}

.modal-body p{
	font-size:13px;
	line-height:22px;
font-family: 'Roboto', sans-serif;  }

.thumbnail{
	padding:10px;
}

.pager li > a, .pager li > span{
border:1ps solid #0a3340;
border-radius:2px;
font-family: 'Roboto', sans-serif;  }

.pager li > a:hover, .pager li > a:focus{
	background:#0a3340;
	color:#fff;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border:1px solid #ddd;}
   
#map-wrapper{
	position:relative;
	padding:20px 0;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background: none;
}

.ui-accordion .ui-accordion-header  {
	border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding: 0 0 10px;
    position: relative;
	background:none;
}

#accordion h3{
  	color: #a68574;
	font-family: "Poiret One",cursive;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
	border:none;
	position:relative;
	border-bottom:1px solid #ddd ;
}

.ui-accordion-header{
    padding-left: 1.2em;
}

.ui-accordion .ui-accordion-content{
	border:none !important;
}

.ui-icon-triangle-1-e {
    background-position: -31px -127px !important;
}

.ui-icon-triangle-1-s {
    background-position: -64px -127px !important;
}

.form-control{
border: 1px solid #bfac91;

}

a:focus, a:hover{
	text-decoration:none;
}

.form-control {
    background-color: #f8f5ef;
	border-radius:4px;
	margin-bottom:7px;
	color:#2A2A2A;
}

.resa{ z-index:9; background: none repeat scroll 0 0 rgba(191, 172, 145, 0.7); position:absolute;right:5%; top:25%; width:410px;}
.resa h3{ margin:7px 0; font-size:18px;}
.resa form{ padding:0 30px;}
.resa select {background-color: #f4f3f1;border: medium none;color:#a68574;font-family: 'Roboto', sans-serif; font-size: 11px;letter-spacing: 1px;margin: 0 4px 0 0;padding: 8px 8px 8px 11px;text-align: center;width: 90px;}
.resa input.submit {background-color: #452d1a;color: #ffffff;cursor: pointer;letter-spacing: 1px; margin: 0;padding: 9px 11px;text-transform: uppercase;width: 150px; border:none;}
 /* ==========================================================================
   General styles
   ========================================================================== */  
html,
body {
    height: 100%;
	
}   
   
body {
  background: #fff;
  color: #2A2A2A;
	font-family: 'Roboto', sans-serif;  
  font-weight:400;
  font-size:15px;
}
*:focus {

outline: none;

}

*::-moz-focus-inner {

border: none;

}

.bg-tooltip + .tooltip > .tooltip-inner {background-color: #A07D6A;}

.clear {
	clear:both;
}
label {
  font-weight: normal;
}

ul li{ list-style-type:none;}

/* margin */

.mb30{
	margin-bottom:30px;
}

.pt30{
	padding-top:30px;
}

.mt30{
	margin-top:30px;
}


/* Colors */

.blanc{ color:#F3F3F3;}
.marron{color:#a68574;}


/* Titles */

.title{ 
	text-align:center; 
	color:#a68574; 
	font-size:36px;
	font-family: 'Poiret One', cursive;
}

.panel-title{margin-top:10px;}

.subTitle{
	font-size:18px;
	line-height:27px;
	color:#2a2a2a;
	text-align:center;
	font-family: 'Roboto', sans-serif; 
	font-weight:300; 
}



/* Boutons */

.btn-contact {
    background-color: #dedede;
    color: #555;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 17px 28px;
    position: relative;
    text-align: center;
    transition: all 500ms ease 0s;
    vertical-align: baseline;
	width:100%;
    z-index: 1;
}

.btn-contact.border {
    background-color: transparent;
    border: 1px solid #000;
    color: #202020;
    font-weight: 900;
    outline: 0 none;
    overflow: hidden;
}
.btn-contact.border::before {
    content: "";
    position: relative;
}
.btn-contact.border::after {
    background-color: #000;
    content: "";
    height: 0;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 300ms ease 0s;
    width: 101%;
    z-index: -1;
}
.btn-contact.border:hover {
    background-color: transparent;
    color: #fff;
}
.btn-contact.border:hover::after {
    height: 130%;
    opacity: 1;
}
.btn-contact.border.beige {
    border-color: #A68574;
    color: #A68574;
}
.btn-contact.border.beige::after {
    background-color: #A68574;
}
.btn-contact.border.beige:hover {
    color: #fff;
}

a.btn {
	color:#fff;
	background:#bea67e;
}

a.btnPlus{
	border-radius:5px;
	 padding: 8px 30px;
	margin-bottom:20px;
}
a.btnPlus:hover{
	background:#a07d6a;
	color:#fff;
}
a.btn-primary{
	border:1px solid #f3F3F3;
	color:#fff;
	background:none;
}
a.btn-primary:hover,a.btn-primary.focus{
	background:#bf4635;
	color:#fff;
}

.btn-descriptif{
	background:#bea67e;
	color:#2A2A2A;
	font-family: 'Montserrat', sans-serif;
	border:none;
	padding:7px 70px;
}

.btn-descriptif:hover,
.btn-descriptif:focus{
	background:#eae4da;
	color:#bea67e;
	border:1px solid #bea67e;
}

.btn-default:hover{
	background:#a07d6a;
	color:#fff;
}

.reservation{margin-top:65px;}
.btnResa{
	background:#bf4635;
   	border:1px solid #0a3340;
    font-size: 20px;
    padding: 5px;
   
  
    text-transform: uppercase;
    width: 220px;
	cursor:pointer;
	font-family: 'Montserrat', sans-serif;
}
.xSmall{ font-size:10px;}

a.btnResa:hover{
	color:#bf4635;
	background:#0a3340  ;
}


.details .btn{
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	color:#fff;
	line-height:22px;
	 font-size: 18px;
	 background:#0a3340;
	border:1px solid #0a3340;
}
.details .btn span{ font-size:14px;}
.details .btn:hover{
	background:#bf4635;	
}

.btnPdf{
	border:1px solid #bf4635;
	color:#bf4635;
}

.btnPdf:hover{
	background:#bf4635;
	color:#fff;
}

.btn-default{
	border:1px solid #A07D6A;
	color:#fff;
	background:#A07D6A;
	border-radius:4px;
}
.btn-default:hover{
	background:#BFAC91;
}



/* Paragraph & Typographic */
b,strong{ font-weight:700;}
p {
    line-height: 28px;
    margin-bottom: 25px;
	font-size:16px;
}

.centered {
    text-align: center;
}

.paragraph-lead {
    font-size: 20px;
	 line-height: 28px;
	 
}


.bgResa{ background:rgba(255,255,255, 0.6)}
.titre-resa{color:#4D4D4D;}

.gallery{ position:relative;}


/* OFFRES SLIDE POPUP*/

#offreSlide{position: absolute;
    right: 0;
    top: 47%;
    width: 20%;
    z-index: 956;}

	a#clickOffre{ background:rgba(160, 125, 106,0.8); color:#fff; padding:20px; text-transform:uppercase;
	border-radius:7px; bottom:20px;right:20px;position:absolute; z-index:9;}
	
	a#clickOffre:hover {background:rgba(160, 125, 106,0.6);
	}
	
	#slideOf{ background:#fff; padding:7px;margin-top:20px;}

	
	
	.imgSlideOffre{width:100%; position:relative;}
		.imgSlideOffre figure.img{ height:200px; overflow:hidden}
			.imgSlideOffre .titreOffre{ 
			background:#A07D6A; 
			color:#fff;
			padding: 5px;
    		text-align: center;
			}
			.imgSlideOffre .prixOffre{
				bottom: 16%;
    			color: #fff;
				font-size: 20px;
				font-weight: 700;
				left: 10px;
				position: absolute;
				}
				.imgSlideOffre a.btn{
				position:absolute;
				right:10px;
				bottom: 16%;
					
				}


	/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .2 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .2 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #A07D6A;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #A07D6A;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #EAE4DA;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #2A2A2A;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 160, 125, 106, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #B29888;
			background-color: rgba(160, 125, 106, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 0; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right:0; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #EAE4DA;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #EAE4DA;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}

/* ==========================================================================
   HEADER
   ========================================================================== */  

header{ background:#fff;}
	header h1{
		font-size:24px;
		font-family: 'Poiret One', cursive;
		color:#a07d6a;
		margin:25px 0;
	}
		header h1 span{
			color:#2a2a2a;
			font-size:14px;
			font-family: 'Roboto', sans-serif;
			font-weight:300;	
		}
		
	
		
		
.offreSlider{ background:#555658; display:block; height:155px;}
	.offreSlider ul.bxslider1 li{ width:100%;}
	.offreSlider ul.bxslider1 li .titreOffre{ width:100%; color:#F3F3F3; text-transform:uppercase; text-align:left;padding:7px 0;}
		.offreSlider ul.bxslider1 li .imgOffre{ float:left; width:50%;}
			.offreSlider ul.bxslider1 li .prixOffre{ width:50%; float:left; }
				.offreSlider ul.bxslider1 li .prix{color:#bf4635;font-size:36px; font-weight:800; text-align:right; display:block;}



  

/* ==========================================================================
   IMAGES PANO
   ========================================================================== */ 
.pano{
	height:auto;
	overflow:hidden;
	position:relative;
	 
}  


	/*.pano img{ margin-top:-520px;}*/

  
   /* ==========================================================================
   home bloc actus
   ========================================================================== */  
 #blocActu{
	 position:absolute;
	 right:5%;
	 width:25%;
	 bottom:4px;
	 z-index:999;
	 background:rgba(191, 172, 145,0.7);
	 padding:15px;
	} 
	#blocActu h2{ color:#fff;font-family: 'Poiret One', cursive; margin:0;} 
		#blocActu h3{ color:#452d1a;font-family: 'Montserrat', sans-serif;margin:0 0 17px 0; font-size:18px}
a.btn-actu{ border:1px solid #452d1a; padding:10px; color:#452d1a; font-size:14px;}	
	a.btn-actu:hover,a.btn-actu:focus{ background:#452d1a;color:#F2F2F2;}	
   

	  
/* ==========================================================================
   HÔTELS LIST
   ========================================================================== */ 


.hotelList .item { margin-top:20px;}
.hotelList .item .figure {
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  overflow: hidden;
}
.hotelList .item .figure img {
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
}
.hotelList .item .figure .info-mask {
  text-decoration: none;
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  padding: 66px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(190, 166, 126, 0.4);
}
.hotelList .item .figure .info-mask span {
  display: block;
  margin: 92px auto;
  color: #a07d6a;
}

.hotelList .item .figure:hover .info-mask {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.hotelList .item .figure:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
 
.hotelList .item h3{
	text-transform:uppercase;
	font-size:17px;
	text-align:center;
}   
	  
 /* ==========================================================================
   home section OFFRES
   ========================================================================== */ 
#offresWrapper{ background:#bea67e;  padding: 0 0 20px;} 
	#offresWrapper h1{ color:#fff;font-family: 'Poiret One', cursive; text-align:center;}
	
.contentImg	{ width:100%; height:250px; overflow:hidden;}
	.contentImg ul li{margin-top:-170px;}

/* HOVER IMAGES */	
.figure{ overflow:hidden;}
.figure img {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  margin: 0 auto;
  display: inline-block;
}
.figure img:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

/*
// -------------
// Modal
// Styles modal menu
// -------------
*/
.popup-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  text-align: center;
  background: #EAE4DA;
  padding: 100px 0;
}
.popup-modal .modal-content .section-icon {
  font-size: 90px;
  color: #2e2e32;
}
.popup-modal .modal-content h3 {
	font-size:35px;
	margin-bottom:25px;
	text-transform:uppercase;
	color:#BEA67E;
}
.popup-modal .modal-content p {
  margin-bottom: 30px;
  font-size:15px;
}
.popup-modal .modal-content h4{
	font-weight:700;
	font-size:36px;
}
.popup-modal .modal-content .item-intro {
  margin: 20px 0 30px;
  font-style: italic;
  font-size: 16px;
}
.popup-modal .modal-content .list-inline {
  margin-bottom: 30px;
  margin-top: 0;
}
.popup-modal .modal-content img {
  margin-bottom: 30px;
}
/* Close modal*/
.close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 9999;
}
.close-modal:hover {
  opacity: 0.3;
}
.close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #a07d6a;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */

  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */

  z-index: 1051;
}
.close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #a07d6a;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */

  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */

  z-index: 1052;
}
  
/*hover menu */
.menu-list .item { margin-top:20px;}
.menu-list .item .figure {
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  overflow: hidden;
}
.menu-list .item .figure img {
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
}
.menu-list .item .figure .info-mask {
  text-decoration: none;
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  padding: 66px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(48, 56, 67, 0.9);
}
.menu-list .item .figure .info-mask span {
  display: block;
  margin-bottom: 15px;
  color: #fff;
}

.menu-list .item .figure:hover .info-mask {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.menu-list .item .figure:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
 
/* ==========================================================================
   OFFRES 
   ========================================================================== */ 
  
   
.contenuOffre{padding:10px;}   
.contenuOffre h4{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:20px;
	padding:10px 0 0 0;
	color:#f3f3f3;
	text-transform:uppercase;
}


.contenuOffre h4:after{
	background-color: #f3f3f3;
    content: " ";
    display: block;
    height: 1px;
    margin: 20px auto;
    text-shadow: none;
    width: 100%;
	
}
.contenuOffre span.prix{
	font-family: 'Montserrat', sans-serif;
	font-size:37px;
	font-weight:bold;
	color: #3f3e3d;
}

.contenuOffre .btn {
	float:right;
	border:1px solid #F3F3F3;
	color:#2a2a2a;
 	font-family: 'Poiret One', cursive;
	font-size:18px;
	background:#eae4da;
}

.contenuOffre .btn:hover{
	background:#a07d6a;
	color:#fff;
}


.pager .active{
	background:#a07d6a;
	color:#F3F3F3;
}


/* ==========================================================================
   POINTS FORTS
   ========================================================================== */ 	 

a.titre{
	cursor:pointer;
	text-decoration:none;	
	font-size:16px;
} 
a.titre:hover span{
	color:#a68574 !important;
} 

.logos{ margin:30px 0; text-align:center;} 

/* ==========================================================================
  	google map
   ========================================================================== */ 
   #mapGoogle {
    background: none repeat scroll 0 0 #d4d4d4;
    min-height: 440px;
    position: relative;
    z-index: 3;
}

#google_map{
	float:left;
	width:100%;
	height:200px;
	margin-top:40px;
}

/* ==========================================================================
  	PAGE DAUPHIN
   ========================================================================== */ 
section.blocs{ overflow:hidden;}


.blockText {
	float:left;
	width:35.33%;
}

.blockImg {width:64.66%; float:left;}
.blockImg img{ margin-top:-100px;}


article.contentBlock{
	border-bottom:3px solid #fff;
    position: relative;
	display:block;
	float:left;
	width:100%;
	height:600px;
	overflow:hidden;
	background:#eae4da;

}
.blockText .content {
    margin: 58px auto;
    width: 300px;
}

.blockText .content h3{
	font-size:24px;
	text-align:center;
}

.blockText .content h3:after{
	background-color: #2a2a2a;
	display:block;
    content: " ";
    height: 2px;
	margin:20px auto ;
    width: 10%;
	
}

.blockText .content p{
	font-size:16px;
	font-weight:300;
	text-align:center;
	line-height:22px;
}

/* ==========================================================================
  	PETIT DEJ RUB MENU
   ========================================================================== */ 

.menuBg { border:3px double #BFAC91;}
.section-icon {
 	color: #bfac91;
    display: block;
    font-size: 90px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

/* ==========================================================================
  	TARIFS & OFFRES
   ========================================================================== */ 
   
.listOffres{
	background:#fff;
	margin-bottom:10px;
	padding-bottom:10px;
}

.listOffres h3{
	font-family: 'Montserrat', sans-serif;
	color:#bf4635;
	text-transform:uppercase;
	font-weight:300;
	font-size:29px;
	margin-bottom:10px;
}


.listOffres p{
	font-size:14px;
	text-align:justify;
	line-height:18px;
	color:#4D4D4D;
}

a.retour{ margin-top:20px;}
	a.retour:hover{color:#a07d6a; text-decoration:none;}

.offreTitre{
	font-family: 'Montserrat', sans-serif;
	color:#bf4635;
	text-transform:uppercase;
	font-weight:300;
	font-size:36px;
	margin-bottom:10px;
}
h2.prix{font-family: 'Montserrat', sans-serif;
	font-size:25px;
	text-align:left;}
.validite{font-family: 'Montserrat', sans-serif;}


/* ==========================================================================
  	PAGE HONFLEUR
   ========================================================================== */ 
ul.tourisme li{ display:inline-block; margin-bottom:7px;} 
.menu-item-tourisme{
	border-top: 1px solid #A07D6A;
    color: #2A2A2A;
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
	background:#F8F5EF;
	
}

.menu-item-tourisme a{
    display: inline-block;
    height: 100%;
    padding: 0.8em 0;
    width: 100%;
	transition: background-color 0.5s ease;
}	

.menu-item-tourisme a:hover{
	background:#900;
	color:#fff;
}

a.site{
	color:#2A2A2A;margin-left:5px; font-size:12px;font-weight:bolder; text-decoration:none;
}

a.site:hover, a.site:focus, a.savoir:hover{
	color:#A07D6A;
}
a.savoir{
	font-size:12px;
	font-weight:700;
	color:#BFAC91;
}


#ancre{
	margin-top:129px;
}
.breadcrumb{
	background:#EAE4DA;
}
.breadcrumb > .active {
    color: #a07d6a;
}

li:nth-child(1) .menu-item-tourisme a:hover,li:nth-child(1) .menu-item-tourisme a:focus,li:nth-child(1) .menu-item-tourisme a.on{ background: #DF6D14; color:#fff;}
li:nth-child(2) .menu-item-tourisme a:hover,li:nth-child(2) .menu-item-tourisme a:focus,li:nth-child(2) .menu-item-tourisme a.on{ background: #3A9D23;color:#fff; }
li:nth-child(3) .menu-item-tourisme a:hover,li:nth-child(3) .menu-item-tourisme a:focus,li:nth-child(3) .menu-item-tourisme a.on{ background: #5A5E6B;color:#fff; }
li:nth-child(4) .menu-item-tourisme a:hover,li:nth-child(4) .menu-item-tourisme a:focus,li:nth-child(4) .menu-item-tourisme a.on{ background: #AD4F09; color:#fff;}
li:nth-child(5) .menu-item-tourisme a:hover,li:nth-child(5) .menu-item-tourisme a:focus,li:nth-child(5) .menu-item-tourisme a.on{ background: #74D0F1; color:#fff;}
li:nth-child(6) .menu-item-tourisme a:hover,li:nth-child(6) .menu-item-tourisme a:focus,li:nth-child(6) .menu-item-tourisme a.on{ background: #26619C;color:#fff; }
li:nth-child(7) .menu-item-tourisme a:hover,li:nth-child(7) .menu-item-tourisme a:focus,li:nth-child(7) .menu-item-tourisme a.on{ background: #F3D617; color:#2A2A2A }
li:nth-child(8) .menu-item-tourisme a:hover,li:nth-child(8) .menu-item-tourisme a:focus,li:nth-child(8) .menu-item-tourisme a.on{ background: #997A8D;color:#fff; }

li:nth-child(9) .menu-item-tourisme a:hover,li:nth-child(9) .menu-item-tourisme a:focus,li:nth-child(9) .menu-item-tourisme a.on{ background: #40A497; color:#fff; }
	
	/* ==========================================================================
  	PAGE tarifs
   ========================================================================== */ 
#tarifs{ position:relative;top:-48px;}
.nav-tabs > li{
	background:rgba(190,166,126,0.7);
}
.nav-tabs > li > a{ color:#fff; font-weight:300;}
.nav-tabs > li a:hover{
	background:rgba(190,166,126,1);
}

.ui-widget-content{ background:none!important; border:none !important;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    background:#fff !important;
    color: #BFAC91 !important;
	font-weight:100 !important;
	font-family: 'Roboto', sans-serif !important;  
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:rgba(190,166,126,0.7) !important;
}
.ui-widget-header{
	background:none !important;
	border:none !important;
}
.ui-state-default a{
    color: #fff !important;
	font-weight:100 !important;
	font-family: 'Roboto', sans-serif !important;  
}
.ui-state-default a:hover{
	background:rgba(190,166,126,0.4) !important;
}

/* ==========================================================================
  	PAGE INFOS PRATIQUES
   ========================================================================== */ 
#infos,#cadeaux{margin-top:150px;}
.question{ background:none !important;}

/* ==========================================================================
  	PAGE CONTACT
   ========================================================================== */ 

.contact h2, .contact p, .contact p a{
	color:#fff;
	text-align:left;
	
}
.contact h2:after {
	background-color: #fff;
    content: " ";
    display: block;
    height: 1px;
    margin: 20px 0 ;
    text-shadow: none;
    width: 30px;
}

.horaire{
	font-family: 'Montserrat', sans-serif;
}


/* FAQ */	

#infos{
	margin-bottom:30px;
}

.accordion {
    margin-bottom: 2em;
}
.accordion .accordionContent{
    color: #000;
    margin-bottom: 0.5em !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.accordion .accordionContent > a h3{
    background: linear-gradient(#eae4da, #ddd8d0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #2A2A2A !important;
    font-size: 1.2em;
    font-weight: 300;
	font-family: 'Roboto', sans-serif;  
	padding: 1em;
	margin:0;
}
.accordion .accordionContent > a:hover{
	text-decoration:none !important;
}
.accordion .accordionContent > a:hover h3 {
    background: linear-gradient(#eae4da, #f5f0e8) repeat scroll 0 0 rgba(0, 0, 0, 0);
	
}
.accordion .accordionContent .content {
    background-color: #fff;
	padding:1em;
	margin:0;
   
}

.accordion .accordionContent .content p{
	margin:0;
}

/* ==========================================================================
   AVIS
   ========================================================================== */ 
.part{
	padding:10px 0;
}
   
.bgAvis{
	background:#DED0B5;
	 margin-bottom: 7px;
}

.avis{
	color:#756052;
	margin-bottom:7px;
}

.rep-avis{
	margin-top:7px;
	border-top:1px solid #000;
	padding: 7px 0 0 0;
	color: #2a2a2a;
}

.note{
	border: 1px solid #756052;
    border-radius: 90px;
    color: #756052;
    font-size: 27px;
    height: 90px;
    padding: 17px;
    width: 90px;
	text-align:center;
}

.user{
	margin-bottom:5px;
	color:#BEA67E;
}

/* ==========================================================================
   CHÈQUES CADEAUX
   ========================================================================== */ 
.bgCadeau{
	background:#BEA67E;
	height:300px;
}
.titreCadeau{
	padding: 122px 30px;
	text-align:center;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	}
a .titreCadeau{
	color:#eae4da;
	transition: background-color 0.5s ease;
}

a:hover .titreCadeau,  a.on .titreCadeau{
	text-decoration:none ;
	color:#eae4da;
	background:#a07d6a;
}
.bgCadeau h3{
	color:#fff;
	font-size:16px;
	padding:20px;
	text-align:center;
}

.bg{
	background:#f8f5ef;
	padding:20px;
}

.bg h3{margin:0;}

.bg p{
	font-size:14px;
	margin-top: 20px;
}

.conditions{ font-size:13px; margin-bottom:10px;}
.commande{margin-top:20px;}


.adresseTitle{
	color: #a68574;
    font-family: "Poiret One",cursive;
    font-size: 25px;
	text-align:left;
	border-top:1px solid;
	padding-top:13px;
	border-bottom:1px solid;
	padding-bottom:13px;
}

.hotels a:hover{
	color:#a68574;
}

#mapGoogle{
	min-height:440px;
	z-index:3;
	position:relative;
	background:#ccc;
	
}

img[src="http://www.google.com/intl/en_us/mapfiles/close.gif"] {
    display: block;
}

.titleBox{
	color: #a68574;
    display: block;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    line-height: 18px;
    margin-top: 23px;
	font-size:16px;
}
#mapGoogle .infoBox .local{
	background: none repeat scroll 0 0 #f17a25;
    height: 26px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 26px;
}

h2.titre{
	text-align:left;
	margin-top:20px;
	display:block;
}

/* ==========================================================================
  	FOOTER
   ========================================================================== */ 
.adresse{
	background:#bea67e;
	color:#3f3e3d;
} 
.adresse p{
	text-align:center;
	margin:2px 0 0 0;
}  
   
footer{
	background:#eae4da;
	color:#565047;
}
footer ul{ margin:20px 0; padding:0;}

footer ul li a{ text-transform:uppercase; text-align:left;}

footer ul li a:hover{ color:#a07d6a; text-decoration:none;}

.subFooter a{ font-size:12px;}



/*-----------------------------------------------------------------------------------*/
/*  LOGOS footer HOOVER
/*-----------------------------------------------------------------------------------*/

@keyframes hover-shadow {
0% {
    opacity: 0.4;
    transform: translateY(6px);
}
50% {
    opacity: 1;
    transform: translateY(3px);
}
100% {
    opacity: 0.4;
    transform: translateY(6px);
}
}
.hover-shadow {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
}
.hover-shadow:before {
    background: radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: 0.3s;
    transition-property: transform, opacity;
    width: 90%;
    z-index: -1;
}
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
    animation-delay: 0.3s;
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: hover;
    animation-timing-function: linear;
    transform: translateY(-6px);
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
    animation-delay: 0.3s;
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: hover-shadow;
    animation-timing-function: linear;
    opacity: 0.4;
    transform: translateY(6px);
}


.arrow-bottom a:hover{
	color:#bf4635;
		
}

.barre-bas{
	background:#0a3340;
	
}

.agence{
	color:#fff;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
	
}
a.agence:hover{
	color:#fff;
	text-decoration:underline;
}

ul.navFooter{
	display:inline-block;
	color:#fff;
}

ul.navFooter li{
	list-style-type:none;
	display:inline-block;
	
}
ul.navFooter li a{
	color:#fff;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
}



#calcul {
  position: absolute;
  right: 5px;
  bottom: 40px;
}




.navbar-nav {
  margin: 0;
  /*border-bottom:1px solid #847B73;*/
}
.navbar-default .navbar-toggle {
  background: #cfd7cc;
  /*width:90px;*/
  border: none;
  position: absolute;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #36393e;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: #cfd7cc;
}
.navbar-default .navbar-nav > li > a {
  color: #FFF;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 7px;
  text-transform: uppercase;
  font-size: 16px;
}
.navbar-default .navbar-nav > li.first a {
  margin-left: 0px;
}
.panel {
  background: #fff;
  border-radius: 0;
  border: 0px solid #e0e0e0;
}
.panel-heading {
  border-radius: 0;
}
.panel-heading hr {
  text-align: left;
  display: inline-block;
  margin-bottom: 0;
}
.panel-body {
  font-size: 16px;
  line-height: 26px;
}
.panel-info > .panel-heading {
  color: #36393e;
  background-color: #fff;
  border: 0;
}

.carousel-caption {
  background: #635c56;
  background: rgba(99, 92, 86, 0.5);
  bottom: 29%;pano
  padding-left: 10px;
  padding-right: 10px;
}
.carousel-caption p {
  font-size: 14px;
}
.carousel-caption.flash {
  background: #ef7d00;
  background: rgba(239, 125, 0, 0.7);
  bottom: 29%;
  padding-left: 10px;
  padding-right: 10px;
}
.carousel-caption .titre,
.carousel-caption.flash .titre {
  font-size: 25px;
}
.carousel-caption a {
  color: #fff;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: none;
  border-radius: 0;
}
.nav-tabs.nav-justified > li > a {
  border-bottom: 0px;
  border-radius: 0;
  height: 64px;
}
.nav-tabs > li > a {
  border: 0;
  border-radius: 0;
}


    #owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
    }

#map-section{ margin-top:150px;}

/* ==========================================================================
   MEDIA QUERIES
   ==========================================================================*/ 
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	.navbar-fixed-top{ position:relative;}
	header h1{ font-size:15px; margin:10px 0;}
	header h1 b{ font-size:20px !important;}
	header h1 span{ font-size:10px !important;}
	.nav li a{ text-align:center;}
	ul.languages{ margin:4px 0;}
	
	.blockImg{width:100%; height:243px; overflow:hidden;}
	.blockImg img{ width:100%; height:auto;margin-top:0;}
	.blockText{width:100%;}
	article.contentBlock{ height:auto !important;}
	#infos, #cadeaux {
margin-top: 225px;
}
#blocActu{ padding:7px;}
#blocActu h2{ font-size:14px;}
	#blocActu h3{ font-size:13px; margin:0;}
	a.btn-actu{ font-size:11px; padding:5px;}
	
}


@media only screen (min-width:642px) and(max-width: 768px) {
	.nav > li > a {
    padding: 7px 9px;
}
	.nav > li >  a {
    font-size:9px;
  }
  div > .pano{
	height:500px ;
	 
}  
	.pano img {
    margin-top: -79px;
}
	.pull-right-m {
    float: left ;
	width:100%;
}
article.contentBlock{
	  height:375px ;
}
.blockText .content {
    width: 230px !important;
}
  
  h1.small{ font-size:11px;}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	header h1{ font-size:20px;}
	header h1 b{ font-size:24px !important;}
	header h1 span{ font-size:13px !important;}
		.btn-large{ padding:14px 70px; font-size:18px !important;   top: -175px;position: absolute;right: -34px; }
	
.navbar-fixed-top{ position:relative;}
  .nav  li  a {
    font-size:12px;
  }
  .bgCadeau{ margin-bottom:15px;}
  .nav > li > a { padding:7px 8px;}
  #map-section{ margin-top:35px;}
  #infos, #cadeaux{ margin-top:35px;}
  .resa form {padding: 0 10px;}
  .resa select {width: 50px;}
.resa input.submit {width: 100px;}
  #blocActu{ padding:10px;}
#blocActu h2{ font-size:17px;}
	#blocActu h3{ font-size:15px; margin-bottom:8px; }
	a.btn-actu{ font-size:13px; padding:5px;}
	.blockText .content { margin:6px auto;}
  article.contentBlock{
	  height:458px;
}
.blockText .content p {
	font-size:14px;
	line-height:20px;
}
  .contenuOffre h4{
	font-size:13px;
}
h3{ font-size:22px;}
.titreCadeau {
    font-size: 15px;
    padding: 129px 30px;
}
#offreSlide{ top:83px;}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

 @media only screen and (min-width: 64.063em) and (max-width: 90em)  {


.resa form{ padding:0 20px;}
.resa select {background-color: #f4f3f1;border: medium none;color:#a68574;font-family: 'Roboto', sans-serif; font-size: 11px;letter-spacing: 1px;margin: 0 4px 0 0;padding: 8px 8px 8px 11px;text-align: center;width: 60px;}
.resa input.submit {background-color: #452d1a;color: #ffffff;cursor: pointer;letter-spacing: 1px; margin: 0;padding: 9px 11px;text-transform: uppercase;width: 120px; border:none;}



}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
	.resa select {background-color: #f4f3f1;border: medium none;color:#a68574;font-family: 'Roboto', sans-serif; font-size: 11px;letter-spacing: 1px;margin: 0 4px 0 0;padding: 8px 8px 8px 11px;text-align: center;width: 90px;}
.resa input.submit {background-color: #452d1a;color: #ffffff;cursor: pointer;letter-spacing: 1px; margin: 0;padding: 9px 11px;text-transform: uppercase;width: 140px; border:none;}

}

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */