/*
Theme Name: Hotelium
Theme URI: http://www.nsink.fr/
Description: Thème pour hôtel, gîte et chambre d'hôtes
Author: nsink
Version: 2
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
*/

  
/* ===================== BASIQUE ===================== */

html, div, span, applet, object, iframe, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td{  background:transparent;  border:0;  font-size:100%;  margin:0;  outline:0;  padding:0;  vertical-align:baseline;}
body { font-family: Arial, Century Gothic; font-size: 15px; color: #424248; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, ul, li, p, em, strong, 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;}

a:hover{  text-decoration:none;}

.vert{color:#77a300}
.marron{color:#59301c}
.rose {color:#b9584d}
.bleu {color:#a6c3cc}
.gris {color: #595959}
.orange {color: #FE6600}

.shortcode{ background: #FAFAFA; border: 1px solid #E4E4E4; display: block; padding: 10px}

form{  display:block;}
label, button{  cursor:pointer;}
strong{  font-weight:bold;}

p{  margin:10px 0;}

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

.clearfixe {clear: both}

/* ===================== TITRE Hn ===================== */

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 19px;}
h4 { font-size: 17px;}
h5 { font-size: 13px;}

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


/* ===================== WRAP ===================== */
.wrap{position:relative;width: 990px; margin: 0 auto; }

/* ===================== HEADER ===================== */
#header { height:100%;}
.logo  { display:block; width: 187px; height: 94px;}
span.slogan { position:absolute; top: 30px; left: 250px; font-size:18px; line-height: 20px;color: #110215;}
span.slogan span.left { position:relative; margin-right: 5px; float:left;height: 17px; width: 19px; display: inline }
span.slogan span.right { position: absolute; margin-left:5px; height: 17px; width: 19px; display: inline }
a.reserver { position: absolute; top:20px; left:780px; height: 66px;  width: 195px; display: block; text-indent: -5000px; }
a.reserver:hover {position: absolute; top:20px; left:780px; height: 66px;  width: 195px; display: block; text-indent: -5000px}


/* ===================== MENU ===================== */
#menu { height: 40px; margin-top: 16px;  }
#menu ul.topnav { list-style: none;  margin: 0; float: left; width: 960px; padding-left: 10px }
#menu ul.topnav li { float: left; text-decoration: none; padding-right: 20px; line-height: 40px; font-size: 15px; position: relative;z-index: 10; }
#menu ul.topnav li a { display: block; text-decoration: none; float: left; }
#menu ul.topnav li a:hover {  line-height: 42px; height: 38px; }
#menu  li span { width: 19px; height: 35px; float: left; margin: 4px 0 0 5px }
#menu ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*-- Changement au survol de la flèche (bouton Drop Down)--*/
#menu ul.topnav li ul.sub-menu { list-style: none; position: absolute; left: 0; top: 39px; margin: 0; padding: 0; display: none; float: left; width: 170px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
#menu ul.topnav li ul.sub-menu li{ margin: 0; padding: 0;clear: both; width: 170px; font-size: 12px  }
html #menu  ul.topnav li ul.sub-menu li a { height: 25px; line-height: 25px;float: left; width: 150px; padding-left: 20px; }
html #menu  ul.topnav li ul.sub-menu li a:hover { /*--Changement au survol d'un lien de la sous-navigation--*/}

/* ===================== MENU WITHOUT NAV ===================== */
#menu div.topnav { list-style: none;  margin: 0; float: left; width: 770px; padding-left: 10px }
#menu div.topnav li { float: left; text-decoration: none; padding-right: 20px; line-height: 40px; font-size: 15px; position: relative;z-index: 10; }
#menu div.topnav li a { display: block; text-decoration: none; float: left; }
#menu div.topnav li a:hover {  line-height: 42px; height: 38px; }


/* ===================== searchform ===================== */ 

#search { width: 210px; height: 40px; float: left; display: inline; }
#s { background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 7px; border-radius: 7px;  -moz-box-shadow:inset 0 0 5px #000000; -webkit-box-shadow:inset 0 0 5px #000000; box-shadow:inset 0 0 5px #000000;; border: none; width: 190px; color: #ccc; font-size: 100%; top: 0; height: 24px; font-size: 12px }
#searchform { float: right; padding-top: 7px; padding-right: 10px; }
#searchform, #searchform div { position: relative; }
#searchsubmit {height: 24px; width: 24px; border: none; text-indent: -999%; line-height: 1px; }
form#searchform input#s { padding: 0 10px; width: 150px; }

/* ===================== CONTAINER ===================== */ 
#container {background: #ffffff; width: 990px; margin: 0 auto }

/* ===================== SLIDESHOW ===================== */ 

#slideshow { width: 990px; height: 300px; margin-top:20px ; background-color: #424248; }
#slideshow img {vertical-align:middle; border:none;} 
#slideshow #big-visu { width:692px; height:292px; padding: 4px 0 4px 4px; margin-right:2px; float:left; position:relative;} 
#slideshow #big-visu img[src*="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
#slideshow ul#thumbs {overflow:auto; list-style:none; width:290px; height:300px;float:left;} 
#slideshow ul#thumbs li {float:left;   } 
#slideshow ul#thumbs a {display:block; padding: 3px 3px 3px 3px;outline:none; opacity:0.8} 
#slideshow ul#thumbs a:hover, ul#thumbs a:focus {background:#dcc274;} 
#slideshow ul#thumbs a.active { opacity:1; } 

/* ===================== CONTENT HOME ===================== */ 
#content {background-color:#ffffff; min-height: 270px; padding-bottom: 30px}


/* ===================== GALLERY PHOTO ===================*/
#photo-gallery {padding: 20px 0 30px 10px;}
#photo-gallery .post {padding: 0 30px 0 20px}
ul#gallery-thumbnail { width: 990px; margin-top: 20px }
#gallery-thumbnail li {display:inline-block; margin:0 20px 20px 20px; height: 165px;}
#gallery-thumbnail li img {width: 274px; padding: 3px; height: 159px;-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: 165px; position: absolute; width: 280px; z-index: 10; -webkit-box-shadow: 0px 0px 2px #000; -moz-box-shadow: 0px 0px 2px  #000; box-shadow: 0px 0px 2px  #000;}


/* ===================== POST HOME ===================== */ 

.derniersarticles {width: 690px; float: left}
.posthome { width: 300px; height: 360px; padding: 20px 45px 20px 0;float: left; }
.posthome .thumb { width: 300px; height: 147px; margin-top: 5px}
.posthome .thumb img { background: url(img/posthome-bg.png) no-repeat top left; padding: 11px; width: 284px; height: 125px;-moz-box-shadow: 0 0 1px 1px #cccccc;-webkit-box-shadow: 0 0 1px 1px#cccccc;box-shadow: 0 0 1px 1px #cccccc; }
.posthome h1 { margin-bottom: 10px}
.posthome h2 { border: none!important; }
.posthome h2 a {}
.posthome h2 a:hover { text-decoration:underline;}
.posthome .post-content { padding: 5px; margin-top: 20px; width: 290px; }
.posthome .post-content .read_more { float: right; display: block; text-align: center;width: 121px; height: 40px; margin-top: 20px  }
.posthome .post-content .read_more a {  color:#ffffff ; font-size: 13px;line-height: 26px}
.posthome .post-content .read_more a:hover { line-height: 28px }
.posthome .post_meta { margin: 5px 0; }
.posthome .entry p { text-align: justify }

/* ===================== FULL POST ===================== */ 
.full-post { width: 950px; padding: 20px; height: auto  }
.full-post h1 { margin-bottom: 10px}
.full-post h2 {border-bottom: 1px dotted #424248}
.full-post h2 a:hover { text-decoration:underline;}
.full-post .entry p { text-align: justify }
.full-post .entry .img-page img { margin-top: 10px; margin-right: 20px; float: left; background: url(img/posthome-bg.png) no-repeat top left; padding: 11px; width: 284px; height: 125px;-moz-box-shadow: 0 0 1px 1px #cccccc;-webkit-box-shadow: 0 0 1px 1px#cccccc;box-shadow: 0 0 1px 1px #cccccc;}
.full-post .entry img.wp-post-image { margin-top: 5px; margin-right: 15px; margin-bottom: 10px; float: left; background: url(img/posthome-bg.png) no-repeat top left; padding: 11px; width: 284px; height: 125px;-moz-box-shadow: 0 0 1px 1px #cccccc;-webkit-box-shadow: 0 0 1px 1px#cccccc;box-shadow: 0 0 1px 1px #cccccc;}

.p.full-post .entry { vertical-align: top }

/* ===================== PAGES ===================== */ 
#content-left {background: #ffffff; width: 680px; float: left }
#content-left h1 { padding: 10px 0 0 20px}
#content-left .post { padding: 20px 5px 20px 20px; width: 655px;  }
#content-left .post p { text-align: justify; }
#content-left .post h2 { border-bottom: 1px dotted #424248 }
#content-left .post h1 { padding: 0; margin: 0 0 10px 0 }
#content-left .post .canvas {  width: 640px; height: 400px; margin: 20px 0 60px 0; }
#content-left .post .entry .img-page img { margin-top: 10px; margin-right: 20px; float: left; background: url(img/posthome-bg.png) no-repeat top left; padding: 11px; width: 284px; height: 125px;-moz-box-shadow: 0 0 1px 1px #cccccc;-webkit-box-shadow: 0 0 1px 1px#cccccc;box-shadow: 0 0 1px 1px #cccccc;}
#content-left .post .entry img.wp-post-image { margin-top: 5px; margin-right: 15px; margin-bottom: 10px; float: left; background: url(img/posthome-bg.png) no-repeat top left; padding: 11px; width: 284px; height: 125px;-moz-box-shadow: 0 0 1px 1px #cccccc;-webkit-box-shadow: 0 0 1px 1px#cccccc;box-shadow: 0 0 1px 1px #cccccc;}


/* ===================== ALL POST ===================== */ 

.allpost { width: 640px; height: 200px; padding: 20px; border-bottom: 1px dotted #424248; float: left; }
.allpost .thumb { width: 300px; height: 147px; margin-top: 5px; margin-right: 10px; float: left}
.allpost .thumb img { background: url(img/posthome-bg.png) no-repeat top left; padding: 11px; width: 284px; height: 125px;-moz-box-shadow: 0 0 1px 1px #cccccc;-webkit-box-shadow: 0 0 1px 1px#cccccc;box-shadow: 0 0 1px 1px #cccccc; }
.allpost h2 { padding-bottom: 10px; text-transform: uppercase}
.allpost h2 a {}
.allpost h2 a:hover { text-decoration:underline;}
.allpost .allpost-content { padding: 5px; width: 290px; float: left }
.allpost .allpost-content .read_more { float: right; display: block; text-align: center; width: 121px; height: 40px;  }
.allpost .allpost-content .read_more a {  color:#ffffff ; font-size: 13px;line-height: 26px}
.allpost .allpost-content .read_more a:hover { line-height: 28px }
.allpost .post_meta { margin: 5px 0; }
.allpost .entry p { text-align: justify }
.allpost .entry { vertical-align: top }
.allpost .entry img.wp-post-image { margin-top: 10px; margin-right: 20px; float: left; background: url(img/posthome-bg.png) no-repeat top left; padding: 11px; width: 284px; height: 125px;-moz-box-shadow: 0 0 2px 2px #cccccc;-webkit-box-shadow: 0 0 2px 2px #cccccc;box-shadow: 0 0 2px 2px #cccccc;}




/* ===================== COMMENTS ===================== */
.comments-template {margin-top: 60px; padding: 0 0 0 20px; width: 660px}
.comments-template h3.respond {color:#ffffff; padding:5px 20px; background: #595959; max-width:100%; margin-top: 20px}
.comment.item { overflow-x:hidden; overflow-y:hidden;padding-bottom:13px;padding-right:20px; padding-top:10px;width: 100%;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: 88%; 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;}

/* ===================== SHORTCODES ===================== */

/* Colonnes */
.colonne { float: left; margin-right: 2%; }
.colonne h2 { border-bottom: none!important }
.colonne.last { margin-right: 0;}
.colonne.deux { width: 49%; margin-top:15px }
.colonne.trois { width: 32%;}


/* Liste à puce */
ul.list {margin-top: 10px}
.list li {  margin-bottom:5px; padding-left:18px; padding-bottom:5px;}
ul.bordure li {border-bottom:1px dotted #cccccc;}


/* Couleur des titres */
.red-title { color:#ffffff; padding:5px 20px!important; background: #8b3612; max-width: 980px; border-bottom: none!important}
.green-title { color:#ffffff; padding:5px 20px!important; background: #77a300; max-width: 980px; border-bottom: none!important}
.orange-title { color:#ffffff; padding:5px 20px!important; background: #FE6600; max-width: 980px; border-bottom: none!important}
.blue-title { color:#ffffff; padding:5px 20px!important; background: #a6c3cc; max-width: 980px; border-bottom: none!important}
.grey-title { color:#ffffff; padding:5px 20px!important; background: #595959; max-width: 980px; border-bottom: none!important}
.brown-title { color:#ffffff; padding:5px 20px!important; background: #59301c; max-width: 980px; border-bottom: none!important}
.pink-title { color:#ffffff; padding:5px 20px!important; background: #b9584d; max-width: 980px; border-bottom: none!important}
.rounded {-khtml-border-radius:5px 5px 0px 0px ; -ms-border-radius:5px 5px 0px 0px ; -moz-border-radius:5px 5px 0px 0px ; -webkit-border-radius: 5px 5px 0px 0px ; border-radius: 5px 5px 0px 0px; }

/* Table des tarifs */
.table-rate tbody td  { background:#ECECEE;font-size:14px;  border-collapse:collapse; padding: 5px 5px;align:center ;valign:center; text-align: center}
.table-rate thead td {color:#ffffff; font-size:14px; text-align: center; padding: 5px 5px;  border-collapse:collapse;}


/* Buttons */ 
.btn {font-weight: bold; padding:10px; position:relative; font-size:12px; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.btn::before { content:""; display:block; position:absolute; width:100%; height:100%; padding-left:2px; padding-right:2px; padding-bottom:4px; left:-2px; top:4px; z-index:-1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 1px 0px #fff; -moz-box-shadow: 0px 1px 0px #fff; -o-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; }
.btn:active { text-shadow: 0px 1px 1px rgba(255,255,255,0.3); top:3px; }
.btn:active::before { top:-1px; }


/* Buttons Green */ 
.btn.green {background-color:#6b9b23;color:#fff;-webkit-box-shadow: inset 0px 0px 0px #457103, 0px 4px 0px #457103;-moz-box-shadow: inset 0px 0px 0px #457103, 0px 4px 0px #457103;-o-box-shadow: inset 0px 0px 0px #457103, 0px 4px 0px #457103;box-shadow: inset 0px 0px 0px #457103, 0px 4px 0px #457103;}
.btn.green::before {background-color:#457103;}
.btn.green:active {color:#ffffff;background:#6b9b23;-webkit-box-shadow: inset 0px 1px 0px #6b9b23, inset 0px -1px 0px #6b9b23;-moz-box-shadow: inset 0px 1px 0px #6b9b23, inset 0px -1px 0px #6b9b23;-o-box-shadow: inset 0px 1px 0px #6b9b23, inset 0px -1px 0px #6b9b23;box-shadow: inset 0px 1px 0px #6b9b23, inset 0px -1px 0px #6b9b23;}
.btn.white-green {border: 1px solid #eeeeee; background-color:#ffffff;color:#6b9b23;-webkit-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-moz-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-o-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;}
.btn.white-green::before {background-color:#6b9b23;}
.btn.white-green:active {color:#6b9b23;background:#ffffff;-webkit-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-moz-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-o-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;}


/* Buttons Marron */ 
.btn.brown {background-color:#8a5d05;color:#fff;-webkit-box-shadow: inset 0px 0px 0px #4d3301, 0px 4px 0px #4d3301;-moz-box-shadow: inset 0px 0px 0px #4d3301, 0px 4px 0px #4d3301;-o-box-shadow: inset 0px 0px 0px #4d3301, 0px 4px 0px #4d3301;box-shadow: inset 0px 0px 0px #4d3301, 0px 4px 0px #4d3301;}
.btn.brown::before {background-color:#8a5d05;}
.btn.brown:active {color:#ffffff;background:#8a5d05;-webkit-box-shadow: inset 0px 1px 0px #8a5d05, inset 0px -1px 0px #8a5d05;-moz-box-shadow: inset 0px 1px 0px #8a5d05, inset 0px -1px 0px #8a5d05;-o-box-shadow: inset 0px 1px 0px #8a5d05, inset 0px -1px 0px #8a5d05;box-shadow: inset 0px 1px 0px #8a5d05, inset 0px -1px 0px #8a5d05;}
.btn.white-brown {border: 1px solid #eeeeee; background-color:#ffffff;color:#8a5d05;-webkit-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-moz-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-o-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;}
.btn.white-brown::before {background-color:#8a5d05;}
.btn.white-brown:active {color:#8a5d05;background:#ffffff;-webkit-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-moz-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-o-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;}

/* Buttons Blue */ 
.btn.blue {background-color:#7b9ea9;color:#fff;-webkit-box-shadow: inset 0px 0px 0px #02566c, 0px 4px 0px #02566c;-moz-box-shadow: inset 0px 0px 0px #02566c, 0px 4px 0px #02566c;-o-box-shadow: inset 0px 0px 0px #02566c, 0px 4px 0px #02566c;box-shadow: inset 0px 0px 0px #02566c, 0px 4px 0px #02566c;}
.btn.blue::before {background-color:#7b9ea9;}
.btn.blue:active {color:#ffffff;background:#7b9ea9;-webkit-box-shadow: inset 0px 1px 0px #7b9ea9, inset 0px -1px 0px #7b9ea9;-moz-box-shadow: inset 0px 1px 0px #7b9ea9, inset 0px -1px 0px #7b9ea9;-o-box-shadow: inset 0px 1px 0px #7b9ea9, inset 0px -1px 0px #7b9ea9;box-shadow: inset 0px 1px 0px #7b9ea9, inset 0px -1px 0px #7b9ea9;}
.btn.white-blue {border: 1px solid #eeeeee; background-color:#ffffff;color:#7b9ea9;-webkit-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-moz-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-o-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;}
.btn.white-blue::before {background-color:#7b9ea9;}
.btn.white-blue:active {color:#7b9ea9;background:#ffffff;-webkit-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-moz-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-o-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;}

/* Buttons Red */ 
.btn.red {background-color:#8b3612;color:#fff;-webkit-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;-moz-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;-o-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;}
.btn.red::before {background-color:#8b3612;}
.btn.red:active {color:#ffffff;background:#8b3612;-webkit-box-shadow: inset 0px 1px 0px #8b3612, inset 0px -1px 0px #8b3612;-moz-box-shadow: inset 0px 1px 0px #8b3612, inset 0px -1px 0px #8b3612;-o-box-shadow: inset 0px 1px 0px #8b3612, inset 0px -1px 0px #8b3612;box-shadow: inset 0px 1px 0px #8b3612, inset 0px -1px 0px #8b3612;}
.btn.white-red {border: 1px solid #eeeeee; background-color:#ffffff;color:#8b3612;-webkit-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-moz-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-o-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;}
.btn.white-red::before {background-color:#8b3612;}
.btn.white-red:active {color:#8b3612;background:#ffffff;-webkit-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-moz-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-o-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;}

/* Buttons Rose */ 
.btn.pink {background-color:#d6766c;color:#fff;-webkit-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;-moz-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;-o-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #6d1601;}
.btn.pink::before {background-color:#d6766c;}
.btn.pink:active {color:#ffffff;background:#d6766c;-webkit-box-shadow: inset 0px 1px 0px #d6766c, inset 0px -1px 0px #d6766c;-moz-box-shadow: inset 0px 1px 0px #d6766c, inset 0px -1px 0px #d6766c;-o-box-shadow: inset 0px 1px 0px #d6766c, inset 0px -1px 0px #d6766c;box-shadow: inset 0px 1px 0px #d6766c, inset 0px -1px 0px #d6766c;}
.btn.white-pink {border: 1px solid #eeeeee; background-color:#ffffff;color:#d6766c;-webkit-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-moz-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;-o-box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;box-shadow: inset 0px 0px 0px #6d1601, 0px 4px 0px #ececee;}
.btn.white-pink::before {background-color:#d6766c;}
.btn.white-pink:active {color:#d6766c;background:#ffffff;-webkit-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-moz-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;-o-box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;box-shadow: inset 0px 1px 0px #ffffff, inset 0px -1px 0px #ffffff;}




/* ===================== SIDE BAR ===================== */ 
#sidebar { width: 295px; margin: 0; display:inline; float:right; height:auto; margin-bottom:-30px; padding-bottom: 70px}
#sidebar .widget  { padding: 25px 0 5px 0; float: left }
#sidebar .widget a  {}
#sidebar .widget a:hover  {}
#sidebar .widget h3.widgettitle { padding: 0 10px; width: 275px; margin-bottom: 15px }
#sidebar .widget .textwidget  {padding:0 10px; width: 275px}
#sidebar .widget iframe  {padding:0 10px; width: 275px}
#sidebar .widget #calendar_wrap {padding:0 10px; width: 275px}
#sidebar .widget #searchform {padding:0 10px; width: 275px}
#sidebar .widget ul {padding:0 10px; width: 275px}
#sidebar .widget .textwidget .btn-vert { text-align: center; width: 249px; height: 51px; display: block; line-height: 34px;margin:0 auto}
#sidebar .widget .textwidget .btn-vert a {  color: #ffffff}
#sidebar .widget .textwidget .btn-vert a:hover {  line-height: 36px}
#sidebar .widget .textwidget .btn-noir { text-align: center; width: 249px; height: 51px; display: block; line-height: 38px;margin:0 auto}
#sidebar .widget .textwidget .btn-noir a { color: #ffffff}
#sidebar .widget .textwidget .btn-noir a:hover { line-height: 40px}
#sidebar .widget .textwidget #newsletter { width: 285px; height: 40px;}
#sidebar .widget .textwidget #newsletter #newssubmit { width: 265px; margin-top: 2px; float:right; background:url(img/newssubmit.png) no-repeat top left; height: 22px; width:77px ;font-size: 13px; color: #ffffff; display: block ; border: none }
#sidebar .widget ul.xoxo {margin-top:0px; padding: 0px;}
#sidebar .widget ul.xoxo li a {padding-left:30px; width: 265px;  color:#595959; display:block; line-height:30px;position:relative;}
#sidebar .widget ul.xoxo li a:hover { }
#sidebar .widget .textwidget span.tel { width:100%; padding-left:30px  }
#sidebar .widget .textwidget span.email { width:100%; padding-left:30px  }
#s2 { background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 7px; border-radius: 7px;  -moz-box-shadow:inset 0 0 5px #000000; -webkit-box-shadow:inset 0 0 5px #000000; box-shadow:inset 0 0 5px #000000; padding-left:5px;border: none; width: 180px; color: #ccc; font-size: 100%; top: 0; height: 24px; font-size: 12px }
#searchform2 { padding-top: 7px; padding-right: 10px; }
#searchform2, #searchform2 div { position: relative; }

/* ===================== FOOTER ===================== */ 
.wrapf {position:relative; width: 950px; margin: 0 auto; padding: 0 20px 20px 0px;}
.small-logo {margin: 0 0 0 -20px; padding: 0}
#footer { font-size: 14px;}
#footer a {}
#footer a:hover {}
#footer .footer-widget { padding:10px 30px 0 0; margin:0; width:205px; display: block; float: left;}
#footer .footer-widget h4 { text-transform: uppercase; margin-bottom: 15px; padding-bottom:3px; } 
#footer .footer-widget a {}
#footer .footer-widget li a  { }
#footer .footer-widget li a:hover  {}
#footer .foot { margin-top:35px; margin-bottom:25px; float:left; line-height:11px; padding:0 20px; font-size: 13px; height: 32px; width: 910px; -khtml-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#footer .foot p {}
#footer .foot span { float:right}
#footer .foot span a { }
#footer .foot span a:hover { text-decoration: underline }

.archive-color {}



/* ===================== FORMS RESERVATION ===================== */
.formulaire-resa {padding: 20px 20px 20px 20px; width: 950px; height: auto; }
#contactForm {padding-top: 25px}
.calendrier { float: left; width: 40%; }
.resa-form { float: right ; width: 60%;  }
#datepicker_in, #datepicker_out { margin-bottom: 20px}
.formulaire-resa label {cursor:pointer; display:block; float:left; font-weight:bold; padding-right:20px; width:100%;}
.formulaire-resa label.copie {float:left; margin-top: 10px; font-weight:normal!important; padding-right:0!important; width: 50%!important}
.formulaire-resa input[type=checkbox] {float:left; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; margin-top: 20px; margin-left:10px }
.error { color: #f00; font-size: 12px }
.resa-form .contactName {margin-bottom: 20px}
.resa-form .contactTel, .resa-form .contactEmail { float: left; width: 50%; margin-bottom: 20px}

/* ===================== FORMS ===================== */ 
.contactForm { margin: 20px 0 30px 0; padding: 20px; width: 600px; height: auto}
.resaForm input[type=checkbox], .contactForm input[type=checkbox] { width: 15px!important; margin-right: 10px;}

#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:25px; margin: 5px 0 5px 0; width:230px; padding-left: 5px; color: #595959}
.resaForm label { font-size: 13px} 
.asterisk { color:#fe8040;}
.resaForm select, .wpcf7-form-control-wrap select { margin-top:4px; border:1px solid #CFCFCF; color:#949494; font-size:12px; font-style:italic; height:30px; line-height:37px; padding-left:10px; width:240px;}
.resaForm select option, .wpcf7-form-control-wrap option { color:#949494; display:block; font-size:12px; font-style:italic; height:40px; line-height:40px; padding-left:10px; width:241px;}
.resaForm textarea, .contactForm textarea, #commentform textarea, .wpcf7-form-control-wrap textarea { display:inline;border-radius: 3px 3px 3px 3px; border: 2px solid #EEEEEE;  box-shadow:#999999 1px 1px 2px; height:130px; margin: 5px 0 5px 0; width:335px;}
.resaForm button, #commentform #submit, .contactForm button, .wpcf7-submit {font-weight:bold; width: 240px !important; margin-top:20px; height:25px !important; border:none;}
.contactForm button, .resaForm button {float: right; margin-right: 35px; }
.form-content {padding:0 20px; }
.form-content h1, .form-content h2, .form-content h3 {padding-left: 0px!important; }



/* ===================== NAVIGATION ===================== */
.navigation { padding-left:15px;width:90%; margin-top: 20px; font-weight: bold  }
.navigation .current { background: url(img/paginate.png) no-repeat bottom left; height:21px; width:17px; margin-right: 5px; padding: 6px 0 0 9px; display: inline-block}
.navigation a.inactive { background: url(img/paginate.png) no-repeat top left; height:21px; width:17px; margin-right: 5px; padding: 6px 0 0 9px; display: inline-block}


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

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

.wp-caption { border: 1px solid #DDD; 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 }

.tagcloud {padding:0 10px; width:275px;}