@charset "utf-8";

html, boby { padding:0; margin:0 }
html { background:#38170E; }
body {
	margin:0; padding:0;
	background:url(../../images/bg-full.jpg) no-repeat top center fixed;
	color:#FFF;
	font-size:15px;
	font-family:Tahoma, Geneva, sans-serif;
	}

p { margin:15px 0; }

a { text-decoration:none; color:#fff }
#album a, #tablealbumphoto a { color:#38170E !important}
#album .container { width:auto !important; margin-left:-26px }
a.next { left:287px !important }
#tablealbumphoto { margin:10px auto 0 auto;}
a:hover { color:#FFF; }

a:link, a:visited, a:hover, a:active { color: #38170E !important }


.clear { clear:both }
.inner { max-width:1200px; margin:0 auto; }
.alignright { text-align:right}

h1, h2, h3 { position:relative; /*display:inline-block;*/ min-height:40px; height:auto; padding-left:50px; background:url(../../images/h1h2.png) no-repeat 0 -2px; font-size:1.5em; } 
h2 { padding-left:45px; background-position:0px -58px; font-size:1.3em }
h3 { padding-left:45px; background-position:0px -96px; font-size:1.2em; font-style:italic }

/*.container { width:1220px !important }*/

#edito { padding:0; font-style:italic; color:#38170E; background:url(../../images/trans-blanc-50.png) repeat; text-align:justify }

/*menu*/
nav { background:none !important; position:relative; top:0px; height:auto; border:none !important; margin:0 auto;  }
nav ul { margin:0 auto; }
nav ul li { width:auto; font-size:1.1em; height:48px; line-height:48px; font-weight:normal; text-shadow: 0px 0px 3px #000;  }
nav ul li.active, nav ul li:hover { background:url(../../images/menu-bg-active.jpg) repeat-x top center !important; color:#FFF !important;}
nav ul li a:hover { background:none !important; color:#FFF !important; }
nav ul li a:link, nav ul li a:visited, nav ul li a:hover, nav ul li a:active { color: #fff !important }
.nav-justified > li { width:auto; }
 
/*header*/
header { width:100%; height:auto; }
header .inner { position:relative; }
header .inner .logo-titre { max-width:339px; max-height:240px; position:absolute; left:22px; top:130px; }
.logo-titre img { max-width:100%; }

/*div service*/
.labels { width:102px; height:23px; background:url(../../images/labels.png); z-index:100; margin:0 auto; display:none !important /**/ } 
header .inner .labels { position:absolute; top:22px; right:3px; }


/*wrapper*/
#wrapper { }
#wrapper .inner { min-height:400px; margin:0 auto; }

#wrapper, footer { width:100%; padding:20px 17px; clear:both }

/*accueil*/
.accueil p.vcenter { background:#3E9FFE; margin:0px; padding:0; text-align:center; font-size:0.8em; height:202px; line-height:202px }
.accueil p.vcenter span { padding:7px 10px 10px; line-height:1.3; display:inline-block; vertical-align:middle; }

.row.accueil { height:656px; margin-top:25px }

/*page*/
.page { background:url(../../images/trans-blanc-70.png) repeat; color:#3F1B0F; margin-bottom:20px; padding-bottom:20px; }
.page a { color:#3F1B0F; font-size:1.1em }


#album table { margin:0 auto }
.photo {  margin:5px 3px 5px 0px; display:inline-block }
.photo-accueil { display:block }
.photo img { border:3px solid #3F1B0F; /*box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6)*/ }

#minis-photos { margin-left:-3%; margin-top:40px; text-align:center }
#minis-photos div { left:4px }
#minis-photos img { width:140%; border:3px solid #391C16 }

.photos-chambre { text-align:center}

/*tarif*/
table .center { text-align:center !important; vertical-align:middle !important; }
table.tarifs { width:100%; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6)}
table.tarifs tr td, table.tarifs tr th { height:50px; background:#8DBA24; padding:2px 4px }
table.tarifs tr th { }
/*.table-bordered { border:1px solid #8DBA24 }*/

a.email { display:inline-block; width:24px; height:19px; background:url(../../images/email.png) no-repeat top center; margin-left:6px; vertical-align:bottom }

/*footer*/
footer .inner { margin-top:-20px; padding-top:45px; min-height:240px; background:url(../../images/footer-bg-center.png) no-repeat center top }
footer { width:100%; background:url(../../images/footer-bg.jpg) repeat-x; padding-top:20px; height:200px; text-align:center; font-size:1.1em; color:#a2d52d }
footer a, footer a:link, footer a:visited, footer a:hover, footer a:active { color:#aaa !important }
footer .inner .bdp_client { display:inline }
footer .inner .bdp_client a { color:#aaa }
.tel, .port, .btnemail { margin-top:14px; font-weight:normal !important; width:50px; text-align:center; height:50px; font-size:1.2em; line-height:37px; }
a.btn:link, a.btn:visited, a.btn:hover, a.btn:active { color:#000 !important }
.port, .btnemail { margin-left:40px; }
.btn-primary { background-color:#A2D52C; background-image: linear-gradient(to bottom, #779C39 0px, #A2D52C 100%) !important; border-color:#000 }
.btn-primary:hover { background:#A2D52C; border-color:#fff }
/*mentions légales*/
div.mentions { padding-top:15px; }
div.mentions table { width:100% !important; margin-bottom:0 !important; }
div.mentions table td { width:50% }
div.mentions .ML_simple, .ML_bold, .ML_titre {  }
div.mentions .ML_simple { font-weight: normal; }
div.mentions .ML_bold { font-weight: bold; }
div.mentions .ML_titre { font-weight: bold; background:#8DBA24; color:#fff; padding:4px 0 2px 0; margin:10px 0 10px 0; width:100%; }
div.mentions a { font-weight:normal }
div.mentions a span.ML_titre { color: #38170E !important }
div.mentions a:link, div.mentions a:visited, div.mentions a:hover, div.mentions a:active { color: #38170E !important }
div.mentions a .ML_titre { background:none;   font-weight:normal }

a.ml { color:#aaa }

/*slider*/
#slider1_container { margin:0; }
.jssord02l, .jssord02r, .jssord02ldn, .jssord02rdn { background:url(../js/jssor/images/d02.png) no-repeat; position: absolute; cursor: pointer; display: block; overflow:hidden; }
.jssord02l { background-position: -3px -33px; }
.jssord02r { background-position: -63px -33px; }
.jssord02l { background-position: -123px -33px; }
.jssord02r { background-position: -183px -33px; }
.jssord02ldn { background-position: -243px -33px; }
.jssord02rdn { background-position: -303px -33px; }

/*formulaire*/
.form-control::-moz-placeholder { /*color:#3F1B0F*/ }
.form-control { border-color:#fff; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4); }
input.form-control, select.form-control { height:29px !important } 
select.form-control { line-height:29px !important; }
label { font-weight:normal } 
label.error { display:none !important; }
div.success { background-color:#046202; padding:2px 0; text-align:center;  width:100%; color:#FFF; margin:10px auto 10px auto; }
div.error { background-color:#FF0033; padding:2px 0; text-align:center; width:100%; color:#FFF; margin:10px auto 10px auto; }
.form-group { margin-bottom:6px }
legend { border-color:#38170E }
	
/*date picker*/
div.ui-datepicker{ font-size:13px; }

/* Gmaps */
#gmap { width:100%; margin-bottom:20px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.7);  }
#gmap.max { height:280px; }
#gmap.min { height:100px; }
.infoWindow { width:320px }
.infoWindow span { color:#666; }
#slideGmap { background: none repeat scroll 0 0 #666666; border-top:1px solid #FFF; display:none; cursor:pointer; color: #FFFFFF; height: 20px; margin-bottom: 10px; padding: 10px 0; position: relative; text-align: center; top: -20px; width: 100%; }
#slideGmap.max span.max { display:block; } #slideGmap.max span.min { display:none; }
#slideGmap.min span.min { display:block; } #slideGmap.min span.max { display:none; }

/*clearfix*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



.fancybox-skin { padding:3px !important; background:#391C16 !important}


/*bootstrap*/
.row { margin:0; }

.small { display:none }
.large, .largeaccueil { display:inline-block }

@media(max-width:568px){
#minis-photos img, a.photo img { width:100% !important; margin:10px 0 }
.photo { display:block }
}

/*jusqu'à 768*/
@media(max-width:768px){

	

	.small { display:block }
	.large, .largeaccueil { display:none }	
	#edito { width:80% }	
	
	#blockaccueil1 { width:100%; margin:0}
	#minis-photos { width:100%; margin-left:0 }
	#minis-photos div { width:100%; clear:both }
/*	.photo-accueil { wi display:block }	*/
	#minis-photos img { width:80%; }   
	
	header { float:left; height:auto }
	header .inner { float:left; height:auto; width:100%; }
	.logo-titre { float:none; position:relative; text-align:center; max-width:100%; }
	.labels {  }
	
	footer { clear:both; }
	footer .inner .labels { display:block; }
	footer .inner .bdp_client { padding-bottom:20px; clear: both; float: left; margin: 0; text-align: center;  width: 100%; }
	
	nav { height:auto; float:left; width:100%; top:0; margin-bottom:20px; background:none; }
	nav ul { float:left; width:100%; }
	nav ul li { float:left; width:100%; height:auto; line-height:auto }
	nav ul li a { margin:0; }	
	
	nav .navbar-collapse.collapse.in { overflow:hidden; }
	.navbar-inverse { border-bottom:none; }
	
	fieldset { padding:0 !important; }
	fieldset .btn.btn-primary { margin-top:10px;}
	
	.page .colphoto  {text-align:center; }
	
	h1 { font-size:1.4em; } 
	h2 { font-size:1.1em }
	h3 { font-size:1.0em }	
	
/*	#wrapper, footer { width:100%; padding:20px 10px; }*/
	
}

/*jusqu'à 992*/
@media(max-width:992px){
	.alignright { text-align:center}
	.largeaccueil { display:none }
	#edito { width:100% }
	#minis-photos { width:100%; margin-left:0 }
	}

/*jusqu'à 1200*/
@media(max-width:1200px){}