/*
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: 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
#424248 = Titre et Texte
#77a300 = Liens
 **/

  
/* ===================== 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, table, caption, tbody, tfoot, thead, tr, th, td{  background:transparent;  border:0;  font-size:100%;  margin:0;  outline:0;  padding:0;  vertical-align:baseline;}
body { background: url(img/bg.gif) repeat top left; font-family: Georgia, Arial; font-size: 1em; 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:400;  line-height:inherit;  margin:0;  padding:0;}
a img, img, a{  border:0;  text-decoration:none;}

a{  color:#77a300;  text-decoration:none;}

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;}

.vert {color: #77a300}

.clearfixe {clear: both}

/* ===================== TITRE Hn ===================== */
@import url(//fonts.googleapis.com/css?family=Cookie);
h1 { font-family: 'Cookie', cursive; font-size: 1.4em}
h2 { font-family: 'Cookie', cursive; font-size: 1.2em}
h3 { font-family: 'Cookie', cursive; font-size: 1.2em}

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

/* ===================== HEADER ===================== */
#header { height: 110px;}
.logo  { display:block; width: 187px; height: 94px;}
h1.slogan { position:absolute; top: 30px; left: 250px; font-size: 1.9em; line-height: 1.9em;}
h1.slogan span.left { position:relative; margin-right: 5px; float:left; background: url(img/apostrophe.png) no-repeat top left; height: 17px; width: 19px; color:#77a300 ; display: inline }
h1.slogan span.right { position: absolute; margin-left:5px; background: url(img/apostrophe.png) no-repeat bottom left; height: 17px; width: 19px; color:#77a300 ; display: inline }
a.reserver { position: absolute; background: url(img/reserver.png) no-repeat top left; top:0px; left:790px; height: 87px;  width: 223px; display: block; text-indent: -5000px}
a.reserver:hover {position: absolute; background: url(img/reserver.png) no-repeat bottom left; top:0px; left:790px; height: 87px;  width: 223px; display: block; text-indent: -5000px}


/* ===================== MENU ===================== */
#menu { background:#424248; height: 40px; margin-top: 16px;  }
#menu ul.topnav { list-style: none;  margin: 0; float: left; width: 760px; background: #424248; font-size: 1em; padding-left: 10px }
#menu ul.topnav li { float: left; text-decoration: none; padding-right: 20px; line-height: 40px; font-size: 1em; position: relative;z-index: 10; }
#menu ul.topnav li a {  color: #ffffff; display: block; text-decoration: none; float: left; }
#menu ul.topnav li a:hover {  line-height: 42px; height: 38px; color: #77a300 }
#menu  li span { width: 19px; height: 35px; float: left; background: url(img/subnav_btn.png) no-repeat center top; 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; font-size: 0.8em; position: absolute; left: 0; top: 39px; background: #666666; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111;-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; border-top: 1px solid #252525; border-bottom: 1px solid #444; clear: both; width: 170px;  }
html #menu  ul.topnav li ul.sub-menu li a { height: 25px; line-height: 25px;float: left; width: 150px; background: #303030 url(img/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; }
html #menu  ul.topnav li ul.sub-menu li a:hover { /*--Changement au survol d'un lien de la sous-navigation--*/background:  #424248 url(img/dropdown_linkbg.gif) no-repeat 10px center;}

/* ===================== MENU WITHOUT NAV ===================== */
#menu div.topnav { list-style: none;  margin: 0; float: left; width: 770px; background: #424248; font-size: 1em; padding-left: 10px }
#menu div.topnav li { float: left; text-decoration: none; padding-right: 20px;  font-family: Georgia, Arial; line-height: 40px; font-size: 1em; position: relative;z-index: 10; }
#menu div.topnav li a {  color: #ffffff; display: block; text-decoration: none; float: left; }
#menu div.topnav li a:hover {  line-height: 42px; height: 38px; color: #77a300 }


/* ===================== 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-family: Georgia, Arial; font-size: 0.8em }
#searchform { float: right; padding-top: 7px; padding-right: 10px; }
#searchform, #searchform div { position: relative; }
#searchsubmit { background: url(img/search-btn.png) no-repeat left top; 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: url(img/bg-content.gif) repeat-y; padding-bottom: 30px}
#content-left {background: #ffffff; width: 680px; float: left }
#content-left #description { padding: 20px; width: 640px }
#content-left #description p { text-align: justify; }

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

.posthome { width: 300px; height: 360px; padding: 20px; border-top: 1px solid #fff; 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 2px 2px #cccccc;-webkit-box-shadow: 0 0 2px 2px#cccccc;box-shadow: 0 0 2px 2px #cccccc; }
.posthome h2 a { color:#424248 }
.posthome h2 a:hover { text-decoration:underline;}
.posthome .post-content { padding: 5px; width: 290px; }
.posthome .post-content .read_more { float: right;background: url(img/read-more-btn.png) no-repeat; display: block; text-align: center;width: 121px; height: 40px;  }
.posthome .post-content .read_more a {  color:#ffffff ; font-size: 0.9em;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 }


/* ===================== SIDE BAR ===================== */ 
#sidebar { width: 295px; margin: 0; float: right; display: inline; background: #f5f5f5;}
#sidebar .widget  { padding: 25px 0 5px 0; float: left }
#sidebar .widget h3.widgettitle { border-top:2px solid #77a300; border-bottom: 2px solid #77a300; padding: 0 10px; width: 275px; margin-bottom: 5px }
#sidebar .widget .textwidget  {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; background: url(img/sidebar-btn.png) no-repeat top left; 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; background: url(img/sidebar-btn.png) no-repeat bottom left; 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 .adresse { float:left; padding-left:5px; width:115px; font-size: 0.9em }
#sidebar .widget .textwidget .adresse p { border-right: 2px dashed #424248 }
#sidebar .widget .textwidget .tel { float: left; width: 154px; font-size: 0.8em; margin-top:13px }
#sidebar .widget .textwidget .tel .marg { margin: 0 5px}
#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: 0.9em; font-family: Georgia, Arial; color: #ffffff; display: block ; border: none }
#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-family: Georgia, Arial; font-size: 0.8em }
#searchform2 { padding-top: 7px; padding-right: 10px; }
#searchform2, #searchform2 div { position: relative; }

/* ===================== FOOTER ===================== */ 
.wrapf {position:relative;width: 950px; margin: 0 auto; padding: 20px; background: url(img/small-logo.png)  no-repeat top left}
#footer {background-color:#424248;  color: #fff;font-size: 0.9em;}
#footer h4 {color: #77a300;  padding-bottom: 15px} 
#footer a {color:#ffffff}
#footer a:hover {color: #77a300}
#footer #footer-left { float: left; width: 220px; padding-top: 40px}
#footer #footer-left li { line-height: 1.7em}
#footer #footer-left li a { }
#footer #footer-left li a:hover { text-decoration: none; color: #77a300}
#footer #footer-middlel { float: left; width: 200px; padding-right:12px}
#footer #footer-middler { float: left; width: 190px}
#footer #footer-right { float: left; width: 324px; text-align: right}

/* ===================== PAGES ===================== */ 

#content-left .post { padding: 20px; width: 640px;  }
#content-left .post p { text-align: justify; }
#content-left .post h2 { border-bottom: 1px dotted #424248 }
#content-left .post .canvas {  width: 640px; height: 400px; background-color: #77a300; 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 2px 2px #cccccc;-webkit-box-shadow: 0 0 2px 2px#cccccc;box-shadow: 0 0 2px 2px #cccccc;}
#content-left .post .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;}


/* ===================== 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 2px 2px #cccccc;-webkit-box-shadow: 0 0 2px 2px#cccccc;box-shadow: 0 0 2px 2px #cccccc; }
.allpost h2 a:hover { text-decoration:underline;}
.allpost .allpost-content { padding: 5px; width: 290px; float: left }
.allpost .allpost-content .read_more { float: right; background: url(img/read-more-btn.png) no-repeat; display: block; text-align: center; width: 121px; height: 40px;  }
.allpost .allpost-content .read_more a {  color:#ffffff ; font-size: 0.9em;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;}


/* ===================== PAGINATION ===================== */ 
#pagination .older, #pagination .newer {  float: right; margin-right: 20px; margin-top: 10px; background: url(img/nav_btn.png) no-repeat;  text-align: center; display: block; width: 127px; height: 42px; line-height: 26px}
#pagination a.older, #pagination a.newer {  color: #424248;font-size: 0.9em;}
#pagination a:hover.older , #pagination a:hover.newer  {  line-height: 28px}

/* ===================== 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; }

.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 }