/*
Theme Name: Jehan de Beauce
Theme URI: http://www.nsink.fr
Description: Thème pour l'hôtel Jehan de Beauce
Author: NSink Conseils Tourisme
Version: 1.0
License: GNU General Public License
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/**    
COULEURS DEFAUT.CSS
#002f2f = Texte
#e7c21e = Jaune
Border radius = -khtml-border-radius:5px; -ms-border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
 **/
 
 /* ===================== BASIQUE ===================== */

html, div, span, applet, object, iframe, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{  background:transparent;  border:0;  font-size:100%;  margin:0;  outline:0;  padding:0;  vertical-align:baseline;}
html, body {height: 100%}
body { font-size: 14px;font-family: 'Raleway', serif; background: #1f1a17; color:#cecece; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, ul, li, p, pre, code{  font-size:100%;  font-style:normal;  font-weight:normal;  line-height:inherit;  margin:0;  padding:0;}
a img, img, a{  border:0;  text-decoration:none;}

a {text-decoration:none;color:#e7c21e;}
a:hover{  text-decoration:none;}
form{  display:block;}
label, button{ cursor:pointer;}
strong{ font-weight:bold;}

p{  margin:1em 0;}


ul, li{  list-style:none;  margin:0;  padding:0;}

.shortcode{ background: #FAFAFA; border: 1px solid #E4E4E4; display: block; padding: 10px}
img.no-border {border: none!important; text-align: center!important; background:transparent!important; padding: 0!important;}
img.no-radius {-khtml-border-radius:0px!important; -ms-border-radius:0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; border-radius: 0px!important;}

.cb {clear: both}
.cr {clear: right}
.cl {clear: left}

.right {float:right; clear:right}
.jaune {color: #e7c21e}
.orange {color:#E85A2E}

.quote {font-size:18px; line-height:30px; font-style:italic;}
p.quote {background: url(img/quote.png) 2% 20% no-repeat; font-family: Calibri, Arial, Serif;  padding: 20px 20px 20px 55px; border-bottom:1px solid #c5c4c4; border-top:1px solid #c5c4c4; min-height:32px; margin-top:30px; margin-bottom:20px;}

/* Breadcrumbs */
p#breadcrumbs { margin: 0 0px 15px 0; font-size: 12px; color: #cecece; font-family: Calibri}
#breadcrumbs { padding: 0px; color: #666666;  }
.home #breadcrumbs { display: none; }

/* ===================== TITRE Hn ===================== */
h1 { font-size: 35px; margin-bottom: 10px; color: #e7c21e;  font-family: 'Wire One', sans-serif; padding: 0px 0px 10px 0;text-align: left; text-transform: uppercase }
h2 { font-size: 28px; margin-bottom: 10px; color:#999; font-family: 'Wire One', sans-serif; padding: 0px 0px 10px 0; text-align: left; }
h3 { font-size: 16px; margin-bottom: 10px; font-family: 'Wire One', sans-serif; }
h4 { font-size: 14px; margin-bottom: 5px; color: #554337; font-family:  Arial; }


/* ===================== HEADER ===================== */
#header {position:fixed; height:67px; width: 100%; margin:0 auto; padding:0; z-index:1009; background: url(img/header-jdb.jpg) top left repeat; }
.logo { position:absolute; top:0px; left:0px; z-index:1004;}
.bigwrap {max-width: 1020px; position: relative; margin: 0 auto; }
.littlewrap {position: relative; margin: 0 auto; max-width: 980px;}

/* ===================== MENU ===================== */
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1}

/* ===================== MENU ===================== */

nav {height: 67px; float: left; padding:0px 0 0 170px; margin: 0 auto; max-width: 63%;background:transparent;font-size: 25px;text-transform: uppercase; font-family: 'Wire One', sans-serif;}
nav ul {padding: 17px 0 0 0;margin: 0 auto;text-align: center; height: 51px;}
nav li {display: inline-block;}
nav a {color: #e7c21e;display: inline-block; width:100%; text-align: center; text-decoration: none;line-height: 40px; text-shadow: 1px 1px 0px #283744;}
nav li a {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding: 0 10px;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active { padding: 0 10px; border-bottom : 2px solid #e7c21e;}

.headerinfos {position: relative; float: right; width: 18%; padding: 23px 0 0 0}

.btn-tel { float: left; width:60%; display: inline-block;  height: auto; background:#E7C21E;
  color:#FFFFFF;
  font-family:'Raleway', Arial, serif;
  font-size:15px;
  padding:4px 10px;
  z-index: 1009;transition: all 0.3s ease 0s;}
  
.btn-tel:hover {background: #E85A2E}

.languefr { float: right; margin: 5px 5px 0 0; height:17px; width: 10%; background: url(img/langue.png) top left no-repeat; text-indent:-9998px; display:block;  }
.langueuk { float:right;margin: 5px 0 0 0; height:17px; width: 10%; background: url(img/langue.png) bottom left no-repeat; text-indent:-9998px;	display:block; }


/* ===================== CAROUSEL ACTUS ===================== */

.blocactus { position:fixed; top: 20%; right:0px; width: 340px; height: 160px; padding:15px; background: url(img/bg-actualites.png) top left repeat-x; -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;   }

.blocactus.hidden {right:-370px}
.blocactus.hidden .croixactus {background: url(img/bg-actualites.png) top left repeat-x ; height:20px; left:-30px !important; padding:5px; top:0; width:20px;}

.blocactus h2 { float: left; padding: 0 0 5px 0; margin: 0}
.navactus { float: left}
.croixactus { position:absolute; top:10px; right:10px; cursor: pointer}

.carousel {position: relative; }
.owl-controls {position: absolute; top:-29px; left:110px; z-index: 11110}
.owl-controls .owl-buttons .owl-prev { 
  float:left!important; display:block!important; width: 21px!important; height: 22px!important; background: url(img/sprite-nav-carousel.png) top left no-repeat!important; z-index: 11111!important }
.owl-controls .owl-buttons .owl-next { float:left!important; display:block!important;  width: 21px!important; height: 22px!important; background: url(img/sprite-nav-carousel.png) top right no-repeat!important;z-index: 11111!important  }

.titleactus { width: 100%; height: auto; padding:0 0 5px 1px; font-size: 12px}
.item{ height: 110px; width: 100%; }
.imgactus { float: left; width: 142px;  padding: 4px; border: 1px solid #dedede; background:url(img/bg-bookingbottom.jpg) 0% 0 repeat}
.imgactus img { width: 142px; height: 94px;}
.contentactus { float: right; width: 180px; font-size: 12px; text-align: justify}
.contentactus p { margin: 0px 0 0 5px}
.contentactus a.btn { float: right; width: auto; padding: 8px 10px; font-size: 12px;}


/* ===================== HEADER IMG + SLIDER ===================== */
#wrapper {max-width: 100%; min-height:400px; max-height:100% }

.header-img {position:relative; background-position:45% 55%; background-size:cover; max-height:300px; height: 300px; z-index: 1000}



*+html .jbg-body, body.jbg-body, .jbgallery, .jbgallery .jbg-wrap table, .jbgallery .jbg-wrap td { /* exception overflow IE7 */
	overflow: auto !important;
}

.jbgallery .jbg-wrap {
	margin-top: -10px !important;
}

.jbg-loading {
	display: none !important;
}

/* Changer disposition boutons précédent / suivant de jbgallery */
ul.jbg-menu {
	position: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.jbg-menu li {padding: 0 !important;}

ul.jbg-menu .jbg-prev {
	position: absolute;
	z-index: 9999;
	left: 15px;
	top: 45%;
	width: 40px;
	height:50px;
	background: url(img/slider-arrow-left.png) no-repeat;
	/*background: url(img/slider-arrow-left.png) no-repeat #000;*/
}

ul.jbg-menu .jbg-next {
	position: absolute;
	z-index: 9999;
	right: 10px;
	top: 45%;
	width: 40px;
	height:50px;
	background: url(img/slider-arrow-right.png) no-repeat;
	/*background: url(img/slider-arrow-right.png) no-repeat #000;*/
}




/* ===================== BOTTOM WRAPPER ===================== */
.bottom-wrap { position:absolute; bottom:0; left:0; z-index:1003; text-align:center; background-color: rgba(50,50,50,0.5); width: 100%; height:auto; color:#ffffff; text-transform: uppercase}
.bottom-wrap a {color:#ffffff}

.addressbottom {min-height:30px; line-height:30px;font-family: 'Wire One', sans-serif; font-size: 25px; color:#fff}
.addressbottomwidth {float:left; width: 100%; margin:0;color:#000!important; text-align: center; background: url(img/bg-bookingbottom.jpg) top left repeat;min-height:30px; line-height:30px;font-family: 'Wire One', sans-serif; font-size: 25px;}


.btn-scroll a { position: absolute; bottom: 70px;right: 2px; background: url(img/btn-scroll.png) bottom left no-repeat; display: block; height:34px; width: 31px; text-indent: -99333px;}



.bookingbottom {float:left;width: 100%; margin:0; text-align: center; min-height: 67px; background: url(img/bg-bookingbottom.jpg) top left repeat;}
.bookingbottom-wrap { margin: 0 auto; max-width: 980px; position: relative; height: auto; }
.logochc { float:left;}
.logochc img { width: 100%}
.bookingbottom-be {float:left; padding:21px 15px 0 20px; font-family: 'Wire One', sans-serif; font-size: 25px; color:#000000;text-transform: uppercase;}
.bookingbottom-be span {padding-top:15px;}

.bookingbottom-be.select select {font-family: 'Raleway', sans-serif;vertical-align:bottom; color: #85766e; background: white; padding: 5px;font-size: 14px;border: 1px solid #ccc; height: 30px;-webkit-appearance: none;}
.bookingbottom-be input[type="submit"] { background:#e7c21e; border: none; color: #fff; font-family: 'Raleway', Arial, Serif; text-transform: uppercase; font-size: 15px; padding:5px 10px}
.bookingbottom-be a.btn-booking-home { background:#e7c21e; border: none; color: #fff; font-family: 'Raleway', Arial, Serif; text-transform: uppercase; font-size: 15px; padding:5px 10px; margin: 0px!important; vertical-align: 9%}
.bookingbottom-be a.btn-booking-home.synxis { background:#E85A2E; border: none; color: #fff; font-family: 'Raleway', Arial, Serif; text-transform: uppercase; font-size: 16px;padding:10px 80px; margin: 0px!important; vertical-align: 9%}
.bookingbottom-be a.btn-booking-home.synxis:hover { background: #e7c21e;}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
  background-color:#ffffff;
  border:1px solid #ccc;
  -khtml-border-radius:3px; -ms-border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  color: #85766e;
  font-family: 'Raleway', sans-serif !important;
  font-size:12px;
  outline:none;
  height: 25px;
  margin: 0px 5px 10px 0;
  padding-left:5px;
  vertical-align:top
}

.bookingbottom-be input#date { background: url(img/icon-calendar.png) 95% 50% no-repeat #fff; }


.prixgarantis {float:left; padding: 21px 0 0 0; text-align:center; font-family: 'Wire One', sans-serif; font-size: 25px; color: #000000;}
.prixgarantis img {vertical-align:bottom; text-align:center;}

.img-bottom {position:relative; background-position:45% 55%; background-size:cover; z-index:1001;  max-height:336px; height: 336px; background: url(img/cathedrale-chartres.jpg) top left no-repeat; min-width: 100%; overflow: hidden;} 

.img-bottom-wrap {position:relative;z-index:1004; margin: 0 auto; max-width: 980px; height: auto; font-family: 'Norican', cursive; font-size: 34px; color: white; padding: 80px 0 0 0}

.img-bottom-wrap img {-khtml-border-radius:125px; -ms-border-radius:125px; -moz-border-radius: 125px; -webkit-border-radius: 125px; border-radius: 125px; vertical-align: top; border: 3px solid white;}
.img-bottom-wrap img:hover {-khtml-border-radius:125px; -ms-border-radius:125px; -moz-border-radius: 125px; -webkit-border-radius: 125px; border-radius: 125px; vertical-align: top; border: 3px solid white; cursor: pointer; }

.btn-chambres {display:inline-block;font-family: 'Wire One', sans-serif; font-size: 25px; color: #85766e; background: white; padding: 5px 10px;  width: 19%; border: 1px solid #ccc; margin: 15px; -khtml-border-radius:5px; -ms-border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.btn-chambres:hover {border: 1px solid #000;}
.btn-chambres a {color:#85766E }
.btn-chambres a:hover {color:#e7c21e}

.bottom-contact { position:absolute; bottom:0px;text-align:center; background-color: rgba(50,50,50,0.5); width: 100%; height:auto; color:#ffffff; font-family: 'Oswald', sans-serif; text-transform: uppercase}


/* ===================== CONTENT ===================== */
.container {position:relative; z-index:1004; padding:0px; width:100%; margin:0 auto; height:auto; background:#1F1A17}

.content {max-width: 980px; height: auto; margin:0 auto; text-align: justify; padding: 40px 20px;}
.content .contentleft { width: 67%; float: left; padding: 0 20px 0 0}

.box-chambre { float: left; max-width: 940px; background:#f5f5f5;padding: 20px 20px;-khtml-border-radius:5px; -ms-border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 25px 0}

.expandable { padding: 10px 0 0 0}


/* ===================== SERVICES ===================== */

.bloc-services { float:left; width:44%; margin:20px 20px 0 0; padding:15px; background:url(img/header-jdb.jpg) 0% 0 repeat; display: block; border: 1px dotted #e7c21e; -webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }

.bloc-services:hover {background-color: #FE8040; box-shadow: 1px 1px 3px #999999;-webkit-transform: rotate(0deg) scale(1.08) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.08) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.08) skew(0deg) translate(0px); cursor: pointer }


/* ===================== ARTICLE ROOM ===================== */

article.room { width: 100%; height: 256px; margin-bottom: 20px; background: url(img/bg-art-deco.png) top left repeat #fff; color: #85766E; display: block; -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0 0 1em; box-shadow:rgba(0, 0, 0, 0.0980392) 0 0 1em;}
article.room h2 {color:#E7C21E; font-family:'Wire One', sans-serif; font-size:33px; margin-bottom:10px; padding:0 0 10px; text-align:left; text-transform:uppercase;}
article .galerie {float:left; width: 41%; background: transparent; height: 250px; border: 3px solid #fff}
article .chambreinfos {float:right; width: 53%; padding:15px 15px 15px 10px;  background: transparent; height: 226px;}
.apartirde { font-family: Georgia, Arial; font-size: 20px; color: #e7c21e}
.galerie.article_big_img { overflow: hidden;}
.galerie.article_big_img > img {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
article.room:hover > .galerie.article_big_img > img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
}


/* ===================== ALL POST ===================== */ 
.allpost { padding:25px 0 30px 10px; width:640px; height: auto; background: url(img/title-bg.png) bottom right no-repeat;  float: left; color: #333333 }
.allpost .post-image { width: auto; height: auto; margin-top: 5px; margin-right: 20px; float: left}
.allpost .post-image img { padding: 7px; background: white ; margin-top: -3px; width: 250px; height: 160px;-moz-box-shadow: 0 0 2px 2px #cccccc; -webkit-box-shadow: 0 0 2px 2px #cccccc; box-shadow: 0 0 2px 2px #cccccc; }
.allpost h2 a { color:#32373D}
.allpost h2 a:hover { text-decoration:underline;}
.allpost .allpost-content { padding: 5px; width: 400px; float: left }
.allpost .post-meta { margin: 5px 0; color: #333333; text-transform: none}
.allpost .post-meta a  { color:#BFD673}
.allpost .post-meta a:hover {text-decoration:underline; }
.allpost .post-content span.more  { display:block; float: right; background:#57456a; padding: 4px 10px;   }
.allpost .post-content a  { color: white;}
.allpost .post-content a:hover {text-decoration:underline;  }
.allpost .entry p { text-align: justify }
.allpost .entry { vertical-align: top }
.allpost .entry ul li {}

.allpost .feature-post-image span.new { display:block; height: 109px; position: absolute; width:53px;top:-12px; left:158px; background: url(img/top.png) top left no-repeat}
.allpost .feature-post-image { position:relative; width: 230px; height: 190px; margin-top: 5px; margin-right: 10px; float: left;}
.allpost .feature-post-image img { padding: 7px; margin-top: -3px; width: 216px; height: 176px;-moz-box-shadow: 0 0 2px 2px #cccccc; -webkit-box-shadow: 0 0 2px 2px #cccccc; box-shadow: 0 0 2px 2px #cccccc; }

/* ===================== COLONNES ===================== */
.colonne { float: left; margin-right: 2%; }
.colonne h2 { border-bottom: none!important }
.colonne.last { margin-right: 0;}
.colonne.deux { width: 49%; margin-top:5px }
.colonne.trois { width: 32%;}
.colonne.quatre { width: 23%; margin-bottom: 10px}
.colonne.aligncenter { text-align: center}

.colonne img:hover {opacity: 0.8}
    




/* ===================== POST ===================== */ 
.post {max-width:950px; margin: 0 auto; height: auto; min-height: 360px; padding:15px;}
.post img {margin: 2px 10px 10px 0;  border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding: 4px;-khtml-border-radius:15px; -ms-border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.post .post-meta { margin: 5px 0; color: #333333; text-transform: none}
.post .entry p { text-align: justify }
.post .entry { vertical-align: top }

/* ===================== PAGINATION ===================== */
.navigation { width: 100%; display:block; float: left; margin: 20px 0 0 20px}
.navigation a, .navigation span  {float:left;  }
.navigation a.inactive {color:#6b6b6b; font-weight: bold;  display: block; background: url(img/pagination.png) 0% 33% no-repeat;padding: 6px 0 0 11px; height:23px; width: 20px }
.navigation span.current { color:#ffffff; font-weight: bold; display: block; background: url(img/pagination.png) 0% 66% no-repeat;padding: 8px 0 0 11px; height:21px; width: 20px}


/* ===================== GALLERY PHOTO ===================*/
#photo-gallery {padding:0;}
#photo-gallery .post {padding:0}
ul#gallery-thumbnail { width: 100%; margin: 0 0 0 0;}
#gallery-thumbnail li {display:inline-block; margin:0 25px 25px 0; height: 110px;}
#gallery-thumbnail li img {width: 165px;height: 110px;-moz-box-shadow: 0 0 1px 1px #cccccc; -webkit-box-shadow: 0 0 1px 1px #cccccc; box-shadow: 0 0 1px 1px #cccccc; }
span.roll { background:url(img/mag.png) center center no-repeat #000; height: 110px; position: absolute; width: 165px; z-index: 10; -webkit-box-shadow: 0px 0px 2px #000; -moz-box-shadow: 0px 0px 2px  #000; box-shadow: 0px 0px 2px  #000;}


/* ===================== SIDEBAR ===================== */ 
#sidebar { width:290px; float: left; display: inline; background:url(img/header-jdb.jpg) 0% 0 repeat; min-height: 600px;padding-top:0px; padding-bottom: 40px;margin-top:-10px; -webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;}
#sidebar .widget  { width:280px; padding-top:45px; margin-bottom: 40px; float: left }
#sidebar .widget a {color:#CECECE }
#sidebar .widget a.btn {color:#ffffff; width: 104%; padding: 20px 0px}
#sidebar .widget a:hover {text-decoration: underline}
#sidebar .widget h3.widgettitle { text-transform: none; color:#fff; background: #e7c21e; padding: 5px 10px 5px 10px; width: 270px; line-height:28px;margin-bottom: 10px; height: 27px; display: block; font-size:24px }
#sidebar .widget .textwidget  {padding:0 0 0 0px; width: 269px; text-align: justify }
#sidebar .widget #calendar_wrap {padding:0 10px; width: 275px}
#sidebar .widget #searchform {padding:0 0 0 10px;; width: 295px;}
#sidebar .widget-location iframe {padding:10px 0px 0px 30px }
#sidebar .widget ul {padding-left: 10px}

#sidebar .widget ul { margin:0 0 20px 15px}
#sidebar .widget ul li {  margin-bottom:0px; padding-left:18px; padding-bottom:5px; background:url(img/puce.png) no-repeat 0 0;}
#sidebar .widget ul.xoxo {margin-top:-10px; padding: 0px;}
#sidebar .widget ul.xoxo li a {padding-left:30px; border-bottom: 1px solid #595959; color:#595959; display:block; line-height:30px;position:relative;}
#sidebar .widget ul.xoxo li a:hover {  background-color:#fdf7eb }
#sidebar .widget_text button  {padding:10px 30px; background: #a34b0c; width: 100%; border: none; -khtml-border-radius:3px; -ms-border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-top: 20px; text-transform: none;color: #ffffff; border: 1px solid #8faa49; cursor: pointer;background: #9fb85d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYjg1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmQ2NzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #9fb85d 0%, #bfd673 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fb85d), color-stop(100%,#bfd673)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9fb85d 0%,#bfd673 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9fb85d 0%,#bfd673 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9fb85d 0%,#bfd673 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9fb85d 0%,#bfd673 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fb85d', endColorstr='#bfd673',GradientType=0 ); /* IE6-8 */}
#sidebar .widget_text button:hover {background: #bfd673; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDY3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmI4NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #bfd673 0%, #9fb85d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd673), color-stop(100%,#9fb85d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfd673 0%,#9fb85d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfd673 0%,#9fb85d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfd673 0%,#9fb85d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bfd673 0%,#9fb85d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd673', endColorstr='#9fb85d',GradientType=0 ); /* IE6-8 */

}


/* Liste à puce */
ul.list { margin:0 0 20px 15px}
.list li {  margin-bottom:0px; padding-left:18px; padding-bottom:5px; background:url(img/puce.png) no-repeat 0 0;}
.list li a:hover { text-decoration: underline }

/* Liste à puce */
ul.list2 { margin:20px 0 20px 5px}
.list2 li {  margin-bottom:7px; padding-left:25px; padding-bottom:5px; background:url(img/arrow.png) no-repeat 0 0;}
.list2 li a { }

/* Btn */
a.btn {width:auto; display: block; text-transform: normal; text-align: center; height: auto; background:#E7C21E; color:#fff;font-size:16px; padding:6px 10px; margin: 10px 0 10px 0; transition: all 0.3s ease 0s;}
a.btn:hover { text-decoration: none;background: #E85A2E }


.contentleft a.btn.homebooking { width: 90%!important}
a.btn.homebooking {
    line-height:1;
  max-width:94%;
  width: 94%;
  display: inline-block;
     background:#999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:    0 8px 0 #666, 0 5px 12px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 8px 0 #666, 0 5px 12px rgba(0, 0, 0, .35);
    box-shadow: 0 8px 0 #666, 0 5px 12px rgba(0, 0, 0, .35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 18px;
    color: #fff;
    padding: 30px 30px;
    line-height: 1;
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
    }

a.btn.homebooking:hover {
    text-decoration: none;
      }
    
a.btn.homebooking:active {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
    -webkit-box-shadow:    0 3px 0 #666, 0 5px 12px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 0 #666, 0 5px 12px rgba(0, 0, 0, .3);
    box-shadow:    0 3px 0 #666, 0 5px 12px rgba(0, 0, 0, .3);
    
    }

a.btn.booking {background: #888a8b; width: 25%!important; height: 50px; font-size:18px;line-height: 50px; margin: 0 auto; }
a.btn.sliderbooking {background: #888a8b; width: 10%!important; height: 40px; font-size:18px;line-height: 40px; margin: 0 auto; position: absolute; top: 350px; right:10%;}

a.btn.orange {background: #E85A2E; }
a.btn.orange:hover {background: #e7c21e; text-decoration: none }
a.btn.bleu {background: #455868; }
a.btn.prune.center { float:none!important; margin:0 auto; width: 95%!important }
a.btn.bleu.center {float:none!important;margin:0 auto;width: 95%!important }

.btn {display: block; padding: 5px 10px; width:40%; color:#fff;}

.btn.prune {background: #380B61;}
.btn.half { width: 30%; padding: 15px 0px}
.btn.little { width: 20%; padding: 7px 0px; font-size: 13px; margin: 10px 9px 0 0; float: left}
.btn.center {  margin: 0 auto}
.noborder {border: none}

/* line 10, ../scss/buttons.scss */
.button {-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);background-color: #eeeeee;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);background: linear-gradient(top, #fbfbfb, #e1e1e1);display: -moz-inline-stack;display: inline-block;vertical-align: middle;*vertical-align: auto;zoom: 1;*display: inline;border: 1px solid #d4d4d4;height: 32px;line-height: 32px;padding: 0px 25.6px;font-weight: 300;font-size: 14px;ont-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;color: #666666;text-shadow: 0 1px 1px white;margin: 0;text-decoration: none;text-align: center;}
/* line 29, ../scss/buttons.scss */
.button:hover {background-color: #eeeeee;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);background: -moz-linear-gradient(top, #ffffff, #dcdcdc);background: -o-linear-gradient(top, #ffffff, #dcdcdc);background: linear-gradient(top, #ffffff, #dcdcdc);}
/* line 33, ../scss/buttons.scss */
.button:active {-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);background: #eeeeee; color: #bbbbbb;}
/* line 48, ../scss/buttons.scss */
.button-block {display: block;}
/* line 83, ../scss/buttons.scss */
.button-rounded {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
/* line 118, ../scss/buttons.scss */
.button-primary {background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));background: -webkit-linear-gradient(top, #00b5e5, #008db2);background: -moz-linear-gradient(top, #00b5e5, #008db2);background: -o-linear-gradient(top, #00b5e5, #008db2);background: linear-gradient(top, #00b5e5, #008db2);background-color: #00a1cb; border-color: #007998;color: white;text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);}
/* line 125, ../scss/buttons.scss */
.button-primary:hover {background-color: #00a1cb;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));background: -webkit-linear-gradient(top, #00c9fe, #008db2);background: -moz-linear-gradient(top, #00c9fe, #008db2);background: -o-linear-gradient(top, #00c9fe, #008db2);background: linear-gradient(top, #00c9fe, #008db2);}
/* line 129, ../scss/buttons.scss */
.button-primary:active {background: #1495b7;color: #005065;}
/* line 202, ../scss/buttons.scss */
.button-large {font-size: 19px;height: 38.4px;line-height: 38.4px;padding: 0px 30.72px;}
/* line 227, ../scss/buttons.scss */
input.button-large, button.button-large { height: 40.4px;}


/* ===================== TABLE DES TARIFS ===================== */
table { width: 100%; border-collapse: collapse}
table td { vertical-align: top; border-bottom:1px dotted #dcdcdc; padding-top: 10px  }

table td.tablelastnoborder {border-bottom: none!important}
.table-tarifs tbody td {width: 33%; border: 1px solid #dcdcdc; text-align: center; vertical-align: middle; height: 40px; line-height: 40px;}

.table-caracteristiques tbody td  { background:#fff; border-collapse:collapse; padding: 5px 10px; text-align: center; vertical-align: middle; border: 1px solid #bebebe}
.table-caracteristiques td.td-label {background-color: #F5F5F5; width: 20%; text-align: center; border: 1px solid #bebebe; color:#999}


table td img {
  background:#F3F3F3;
  border:1px solid #DDDDDD;
  margin:2px 10px 10px 0;
  padding:4px;
  text-align:center;  }


/* ===================== COMMENTS ===================== */
.comments-template {margin-top: 60px; padding: 0px; height:auto; width: 100%}
.comments-template h3.respond {margin: 0 auto; width: 50%; padding: 10px;background: #f5f5f5;  color: #595959; border:2px solid #eeeeee; box-shadow: 1px 1px 5px #999999; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: auto; text-align: center}

.comment.item { overflow-x:hidden; overflow-y:hidden;padding-bottom:13px;padding-right:20px; padding-top:10px;width: 98%;position:relative; margin: 10px 0}
.comment .avatar img { margin-right: 10px; height: 36px; width: 36px;  border: 1px solid #DDD; background: #F3F3F3; padding: 2px; float: left}
.comment .commentmetadata { margin-top: 1px; float: left; width: 99%; padding: 10px; background: #f5f5f5; border:2px solid #eeeeee; box-shadow: 1px 1px 5px #999999; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: auto}
.comment .text-comment { padding-left: 63px;}
.comments-template input[type="submit"] { background: #380B61; color: #fff!important; cursor:pointer; width: 25%!important;}

.avatar {margin-top: 7px;}
::-webkit-input-placeholder {font-size: 13px;}
::-moz-placeholder { font-size: 13px;} /* firefox 19+ */
:-ms-input-placeholder {font-size: 13px; } /* ie */
input:-moz-placeholder { font-size: 13px; }
.comments-template input {display:inline; border-radius: 3px 3px 3px 3px; border: 1px solid #EEEEEE; box-shadow:#999999 1px 1px 2px; height:30px; margin: 5px auto!important; width:50%!important; padding-left: 5px; color: #595959; text-align: center; }
.comments-template textarea {display:inline; border-radius: 3px 3px 3px 3px; border: 1px solid #EEEEEE; box-shadow:#999999 1px 1px 2px; height:100px; margin: 5px auto!important; width:50%!important; padding-left: 5px; color: #595959; text-align: center; }


.homebandeau { position:relative; background-position:45% 55%;
  background-size:cover;
  height:255px;
  max-height:255px;}

.wraphomebandeau { position:relative; width: 980px; margin: 0 auto; }

.wraphomebandeau span {position: absolute; top:80px;color: #fff; font-family: 'Norican', sans-serif; font-weight: normal; font-size: 36px }

.homesituation { position:absolute; right: 10px; top:20px}

/* ===================== FOOTER ===================== */
#footer { position:relative;width:100%; min-height: 67px; max-height: 100%; background:url(img/bg-bookingbottom.jpg) 0% 0 repeat; margin:0px; z-index: 1001;}
#footer .copyright {text-align: center; padding: 0; line-height: 67px; color: #1f1a17; font-size: 28px; font-family: 'Wire One', sans-serif; text-transform: uppercase}

#footer a.facebook { float:right; margin-right: 5pxpx; margin-top:16px; text-indent: -9993px; background: url(img/icon-facebook.png) 0% 0% no-repeat; width: 32px; height: 32px; display:block;}

.scroll-top a { position:absolute; z-index: 1006; right:2px; top:-29px; display:block; background: url(img/btn-scroll-up.png) top left no-repeat; height: 27px; width: 31px}



/* ===================== WORDPRESS ===================== */
.aligncenter			{ display: block; margin: 0 auto; }
.alignright				{ float: right; margin: 0 0 1em 1em; }
.alignleft				{ float: left; margin: 0 1em 1em 0; }
.floatleft				{ float: left; }
.floatright				{ float: right; }
img.aligncenter, img.alignright, img.alignleft  { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding: 4px;}
img.alignleft2  {text-align: center;}

.textcenter				{ text-align: center; }
.textright				{ text-align: right; }
.textleft				{ text-align: left; }

.wp-caption { border: none; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; text-align: center!important}


.contact-left {width:50%; float: left}
.contact-right {width:50%; float:left}


/* ===================== SEARCH ===================== */
#commentform input, .resaForm input, .contactForm input, .wpcf7-form-control-wrap input { display:inline; border-radius: 3px 3px 3px 3px; border: 1px solid #EEEEEE; box-shadow:#999999 1px 1px 2px; height:30px; margin: 5px 0 5px 0; width:230px; padding-left: 5px; color: #595959}
textarea {display:inline; border-radius: 3px 3px 3px 3px; border: 1px solid #EEEEEE; box-shadow:#999999 1px 1px 2px; height:60px; margin: 5px 0 5px 0; width:300px; padding-left: 5px; color: #595959}
.asterisk { color:#fe8040;}
#searchform { padding: 0 }
#searchform, #searchform div { position: relative; }
#search {float: right}
#searchsubmit, #wp-submit {border: none; width: auto; display: inline-block;  height: 22px; font-size: 12px; color:#ffffff; background: #bebebe}
.wpcf7-submit {border: none; width: 37%; display: inline-block;  height: auto; background:#E7C21E;
  color:#FFFFFF;
  font-family:'Raleway', Arial, serif;
  font-size:15px;
  padding:4px 10px;
  text-transform:normal;
}




.entry ul.stars li { margin:0 0 10px 25px; list-style: none }
.entry ul.stars li::before { content:''; display:inline-block; background: url(img/star.png) left center no-repeat; height: 28px; width: 29px; margin-right:10px;vertical-align: -7px;  }

.gallery img { float:left; border:1px solid #bebebe!important; padding: 0!important; -khtml-border-radius:0px!important; -ms-border-radius:0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; border-radius: 0px!important;-moz-box-shadow: 0px 1px 5px 0px #c0c0c0;
-webkit-box-shadow: 0px 1px 5px 0px #c0c0c0;
-o-box-shadow: 0px 1px 5px 0px #c0c0c0;
box-shadow: 0px 1px 5px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=5);}
.gallery img:hover {border:1px solid #666!important;}


.divider {background: url(img/divider.png) no-repeat; height: 30px; max-width:844px; width:100%; display: block; margin: 20px auto; }
.divider2 {background: url(img/divider2.jpg) no-repeat; height: 30px; max-width:509px; width:100%; display: block; margin: 20px auto; }

a.btnhidden {display: none}



/* Styles for screen 1000px and lower */
.littlewrap .content {
	width: auto; }
	
@media screen and (max-width: 980px) {
nav {font-size: 22px}
nav a:hover, nav a:active, nav li a {padding: 0 7px}
.logochc img { width: 90px; height:37px}

	
}

@media screen and (max-width: 870px) {
nav{display: none}
.logo, .prixgarantis, .btn-scroll, .jbg-prev, .jbg-next, .img-bottom {display: none}

#header {height: 46px}
.headerinfos {position: absolute; left:5px; top:10px; width: 52%; float:none; padding: 0}
.btn-tel a {color: #fff;}
.btn-tel {width: 100px; font-size:12px}
.languefr, .langueuk {float: left}
.bookingbottom {min-height: 30px}
a.btnhidden {display:block; padding: 7px 0px!important; width: 100px!important; font-size: 12px!important; margin: 4px 0px 0 5px!important;}
.bookingbottom-be { display: none}
.content .colonne {width: 100%!important}
.content { max-width: 980px; padding: 30px 10px}
.iframe { width: 70%}
article.room {border: none!important; height: 630px; font-size: 10px; background: transparent}
article .galerie { width: 100%; float: none}
article .chambreinfos {float:left; width: 95%; font-size: 15px; text-align: center}
article.room h2 {text-align: center} 
.galerie.article_big_img {  width: 376px;margin: 0 auto;}
.bloc-services {width:90%}
.content h1 { margin-top:10px}
#footer .copyright {height: 30px; line-height: 65px; font-size: 19px}


}
	

/*Styles for screen 600px and lower*/  
@media screen and (max-width: 600px) {
}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 410px) {   
    .blocactus { width: 200px; height: 55px; top:10%;}
    .blocactus.hidden {right:-230px}
    .blocactus h2 {font-size: 18px;}
    .imgactus, .contentactus, .contentactus p, .contentactus a.btn { display: none}
}
/*Styles for screen 410px and lower*/
@media only screen and (max-width : 410px) {
.galerie.article_big_img {  width: 100%;margin: 0 auto;}
    }
    


/*Smartphone*/
@media only screen and (max-width : 320px) {

	}