/* style.css, v1.0 08/06/2011
 *
 * Theme iPika for Drupal 7
 * Par iPiKa 
*/


/* ------ Initialisation ------ */
h1, h2, h3, h4, h5, h6, p, form, table, tr, td { margin: 0; padding: 0; font-size: 1em }
a img, :link img, :visited img { border: 0; text-decoration: none }
table { border-collapse: collapse }
tr, td { margin: 0; padding: 0 }
ul, li, .item-list ul li { margin: 0; padding: 0; list-style-type: none }
textarea { resize: none }
html { height: 100%; overflow-y: scroll }



/* ------ COMMON ------ */
body { margin: 0; padding: 0; color: #19232A; font: normal normal 85% arial,sans-serif; background: #F6EDE4; line-height: 1.4em }
p { margin: 0 0 .8em }
li { margin: 0 }
h1 { margin: 0 0 25px; padding: 0 0 6px; color: #c3cc3e; border-bottom: 1px solid #FFF; font-family: "HelveticaNeueLTStd35Thin"; font-size: 2.3em; font-weight: normal; letter-spacing: .03em; line-height: 1em; text-shadow: 1px 2px 2px #111 }
h1 span { display: block; font-family: "HelveticaNeueLTStd35Thin"; font-size: .95em; color : #cdbeac }
h2 { clear: both; height: 18px; margin: 0 0 15px; padding: 3px 15px; background-color: rgba(174, 130, 113, 0.5); color: #FFF; font-family: "HelveticaNeueLTStd35Thin"; font-size: 1.2em; text-transform: uppercase; font-weight: normal; letter-spacing: .06em }
h2.slide { background:  rgba(174, 130, 113, 0.5) url(../img/icons/arrow-slide_off.png) right  center  no-repeat; cursor: pointer }
h2.slide:hover { background:  rgba(174, 130, 113, 0.5) url(../img/icons/arrow-slide_off-hover.png) right  center  no-repeat }
h2.slide.active { background:  rgba(174, 130, 113, 0.5) url(../img/icons/arrow-slide_on.png) right  center  no-repeat }

.fl-r { float: right }
.fl-l { float: left }
a { color: #c3cc3e; text-decoration: none }
a:hover { text-decoration: underline }
.green { color: #c3cc3e }
.brown { color: #1b100e }



/* ------ STRUCTURE ------ */
#wrapper { width: 100% }
#header { z-index: 10; width: 100%; height: 114px; border-bottom: 1px solid #ddcfc6; background: transparent url(../img/header_bkg.jpg) 0 0  repeat-x }
#header-inner { width: 990px; height: 114px; margin: 0 auto; background: transparent url(../img/claim.png) right bottom no-repeat }
.light { width: 295px; height: 114px; margin-left: 20px; background: transparent url(../img/light.png) 0 0 no-repeat }
#page { width: 100%; background: transparent url(../img/background/bkg_01.jpg) center center no-repeat; background-size: cover}
#page-inner { width: 990px; height: 100%; margin: 0 auto }
#left-column { float: left; width: 265px; margin: 0 20px; height: 100%; padding: 0 15px; background-color: rgba(24, 13, 13, 0.85); text-transform: uppercase; letter-spacing: .15em }
#main-column { float: left; width: 655px; height: 100% }
#wrapper-content { width: 640px; height: 100%; background-color: rgba(24, 13, 13, 0.85); color: #FFF }
#content { overflow: hidden; width: 600px; height: 100%; padding: 30px 20px 20px }
#content-left { float: left; width: 430px; margin-right: 20px; }
#content-right { float: left; width: 150px; height: 100%; margin: -30px -20px 0 0; padding: 0 10px; background-color: rgba(24, 13, 13, 0.65) }

#footer { clear: both; width: 100%; height: 49px; font-size: .85em; color: #F7E2C5; border-top: 1px solid #ddcfc6; background: transparent url(../img/header_bkg.jpg) 0 0  repeat-x }
#footer-inner { width: 990px; margin: 0 auto }
#footer a { color: #E5AB97 }
#footer .spacer { margin: 0 5px }
.footer-left { float: left; width: 295px; height: 43px; margin: 0 20px; padding-top: 6px; text-align: center; background: transparent url(../img/light_bottom.png) 0 bottom no-repeat }
.footer-right { float: left; width: 640px; padding-top: 6px; text-align: center }
#footer .footer-left  a { color: #F7E2C5 }


/* ------ NAV ------ */
#logo { z-index: 20; position: relative; top: -60px; height: 110px; text-align: center }
#logo img { box-shadow: 0 0 20px #111 }
#nav { font-family: "HelveticaNeueLTStd45Light"; font-size: 1.2em; text-align: center; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;  }
#nav ul { overflow: hidden; margin: 0 10px; padding-top: 15px; background-color: rgba(0, 0, 0, 0.25); }
#nav li { margin-bottom: 15px }
#nav a { display: block; padding: 5px 0; color: #827970; text-decoration: none; text-shadow: 1px 2px 2px #111 }
#nav a.active, #nav a:hover, #nav .active-trail a { color: #FFF }
#nav span { position: relative; top: -2px; margin: 0 7px; font-size: .9em }
#nav .active-trail span { color: #c3cc3e }
#nav-room { margin: 30px 0; padding: 14px; background-color: rgba(174, 130, 113, 0.5); color: #FFF; font-family: "HelveticaNeueLTStd45Light"; font-size: 1.2em; text-align: center; text-shadow: 1px 2px 2px #111 }
#nav-room a { color: #FFF; text-decoration: none; text-shadow: 1px 2px 2px #111 }
#nav-room .nav-room-title { margin: 0 -14px }
#nav-room .nav-room-title a { opacity: 0.8 }
#nav-room span { position: relative; top: -2px; margin: 0 6px; color: #c3cc3e; font-size: .8em }
#nav-room img { width: 235px; height: 140px; margin-top: 10px; border: 1px solid #FFF;  opacity: 0.8 }
#nav-room:hover img, #nav-room:hover .nav-room-title a, #nav-room .active img, #nav-room .nav-room-title  a.active  { opacity: 1; }
#nav-room .nav-room-title a { display: block }



/* ------ NAV2 ------ */
#nav2 ul { margin: 0 -10px }
#nav2 ul { overflow: hidden; margin-top: 100px; font-family: "HelveticaNeueLTStd45Light"; font-size: 1.2em; text-align: right; letter-spacing: 0.05em; text-transform: uppercase }
#nav2 li { margin-bottom: 15px; padding-right: 15px; font-size: 0.9em; background: transparent url(../img/icons/kr_green.gif ) right 10px  no-repeat; letter-spacing: 0.1em; }
#nav2 li span { display: block; font-style: italic; font-size: .8em; text-transform: none }
#nav2 a { display: block; padding: 5px 0; color: #ce9684; text-decoration: none }
#nav2 a.active, #nav2 a:hover { color: #FFF }
#nav2 li.active { background-color: rgba(174, 130, 113, 0.15) }



/* ------ RECETTE ------ */
#recettes-list .node-recette { float: left; width: 170px; margin: 0 15px 25px; text-align: center }
#recettes-list img { background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF ; opacity: 0.8 }
#recettes-list .node-recette:hover img { opacity: 1 }
#recettes-list .recette-name { display: block; height: 40px; font-size: 0.95em; font-weight: bold }
#recette #ingredients { overflow: hidden; margin-bottom: 20px }
#recette .recette-image { float: left; width: 250px; height: 190px; margin-right: 20px; }
#recette .recette-image img { background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF }
#recette .ingredients-content { float: left; width: 310px }
#recette .recette-person { display: block; font-size: 1.2em; font-weight: bold; color: #f7e2c5 }
#recette .recette-time { display: block; margin-bottom: 10px; font-size: .9em; font-style: italic; color: #e5ab97 }
#recette .recette-time div { display : inline }
#recette #ingredients li { padding: 0 0 2px 14px; font-size: .9em; background: transparent url(../img/icons/kr_green_small.gif ) 0 8px  no-repeat }
#recette #preparation li { margin-left: 15px; padding: 0 0 10px 18px; background: transparent url(../img/icons/kr_green.gif ) 0 7px no-repeat }



/* ------ EPICERIE ------ */
#epicerie { overflow: hidden }
#epicerie h1 {  margin:  0 0 10px }
#epicerie h2 {  margin:  25px 0 15px }
#epicerie .node-produit { float: left; width: 170px; margin: 0 15px 25px; line-height: 1.2em; font-size: .9em }
#epicerie img { margin-bottom: 5px; background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF; opacity: 0.8 }
#epicerie .node-produit:hover img { opacity: 1 }
#epicerie .epicerie-content  { height: 60px }
#epicerie .epicerie-name { display: block; font-weight: bold; color: #f7e2c5 }
#epicerie .epicerie-description { display: block; font-style: italic; color: #e5ab97; font-size: .9em  }
#epicerie .epicerie-reference {  display: block; margin: 3px 0; font-size: .85em  }
#epicerie .epicerie-price { display: block; color: #FFF }
#epicerie .epicerie-price span.dot {  padding: 0 5px 0 0 }



/* ------ RESTAURANTS ------ */
#restaurants { width: 430px }
#restaurants .restaurants-image { width: 428px; height: 240px; margin-bottom: 10px; background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF }
#restaurants ul { overflow: hidden; margin: 0 -10px }
#restaurants li { float: left; width: 90px; height: 90px; margin: 10px; background-color: rgba(24, 13, 13, 0.65); border: 1px solid #FFF; text-align: center }
#restaurants li img { opacity: 0.8 }
#restaurants li:hover img { opacity: 1 }




/* ------ ACTUALITES ------ */
#actus-list ul { overflow: hidden; margin-bottom: 20px }
#actus-list .actu-name { display: block; font-weight: bold; color: #f7e2c5 }
#actus-list .actu-date { display: block; font-style: italic; color: #e5ab97; font-size: .9em }
#actus-list img { margin-bottom: 5px; background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF; opacity: 0.8 }
#actus-list .node-presse:hover  img, #actus-list .node-actualite:hover img { opacity: 1 }
#actus-list .node-actualite { float: left; width: 170px; min-height: 200px; margin: 0 11px 25px; line-height: 1.2em; font-size: .9em }
#actus-list .node-presse { float: left; width: 122px; margin: 0 11px 25px; line-height: 1.2em; font-size: .9em }
#actus-list a:hover  { color: #f7e2c5 }
#actu #actu-bloc { overflow: hidden; margin-bottom: 20px }
#actu .actu-image { float: left; width: 250px; margin-right: 20px; }
#actu .actu-image img { background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF }
#actu .actu-content { float: left; width: 310px }
#actu .actu-type { display: block; font-size: 1.2em; font-weight: bold; color: #f7e2c5 }
#actu .actu-date { display: block; margin-bottom: 10px; font-size: .9em; font-style: italic; color: #e5ab97 }
#actu .actu-doc, #actu .actu-link { margin: 5px 10px; font-size: .9em; font-weight: bold }
#actu .actu-doc a { padding: 2px 0 2px 26px; background: transparent url("../img/icons/doc.png") no-repeat 0 center ; }
#actu .actu-link a { padding: 2px 0 2px 26px; background: transparent url("../img/icons/more.png") no-repeat 0 center ; }



/* ------ SUGGESTIONS ------ */
.suggestions-inner { overflow: hidden }
#suggestions .suggestions-image { float: left; width: 115px; margin-right: 18px; }
#suggestions .suggestions-image img { background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF }
#suggestions ul { overflow: hidden; margin-bottom: 20px; float: left }
#suggestions li { padding: 0 0 20px 15px; font-size: .95em; background: transparent url(../img/icons/kr_green_small.gif ) 0 8px  no-repeat }
#suggestions .dot { display: inline-block; width: 235px; padding: 0 0 8px; background: transparent url("../img/icons/dot.png") repeat-x scroll 0 bottom; }
#suggestions .suggestions-price { display: inline-block; position: relative; top: 13px; width: 45px; text-align: right }



/* ------ ROOM ------ */
#room-left { float: left; width: 430px; margin-right: 20px; }
#room-right { float: left; width: 150px }
#room .room-image { width: 428px; height: 240px; margin-bottom: 10px; background: rgba(255, 255, 255, 0.2); border: 1px solid #FFF }
#room ul { overflow: hidden; margin: 0 -10px }
#room li { float: left; width: 128px; height: 90px; margin: 10px; background-color: rgba(24, 13, 13, 0.65); border: 1px solid #FFF; text-align: center; opacity: .8 }
#room li:hover { opacity: 1; }
.room-description { margin: 0 0 20px; }
.room-title { margin: 40px 0 10px; padding: 0 0 4px; color: #c3cc3e; border-bottom: 1px solid #E5AB97; font-family: "HelveticaNeueLTStd65Medium"; font-size: 1.6em; font-weight: normal; letter-spacing: .03em; line-height: 1em; text-shadow: 1px 2px 2px #111 }
.room-size,.room-price { margin: 0 0 10px; color: #F7E2C5; font-size: .95em; }
.room-size span { padding-left: 12px; font-size: 1.2em; font-weight: bold; background: transparent url(../img/icons/kr_green_small.gif ) left 9px no-repeat }
.room-price span { padding-left: 12px; font-size: 1.2em; font-weight: bold; color: #E5AB97; background: transparent url(../img/icons/kr_green_small.gif ) left 9px no-repeat }
.room-contact { position: relative; margin: 25px 0 0; padding: 10px 15px; font-size: .95em; color: #F7E2C5; background: rgba(132, 97, 85, 0.6); border-radius: 3px }
.room-contact .pin { position: absolute; top: -10px; left: 120px }
.room-book { position: relative; margin: 10px 0 0; background-color: rgba(24, 13, 13, 0.65); border: 1px solid #FFF; border-radius: 3px; text-transform: uppercase; font-weight: bold; text-align: center; box-shadow: 2px 2px 2px #111 }
.room-book:hover { top: 1px; left: 1px; box-shadow: 1px 1px 2px #111 }
.room-book a { display: block; padding: 6px 0 5px 0; color: #FFF; text-shadow: 1px 2px 2px #111 }
.room-book a:hover { text-decoration: none }



/* ------ SHARING ------ */
#sharing { margin: 20px 0; padding: 5px 15px 7px; background-color: rgba(27, 16, 14, 0.65); font-size: .95em; font-weight: bold }
.sharing-tool { float: right; padding-right: 12px }
.sharing-tool li { display: inline; padding: 0 0.5em}




/* ------ CONTACT ------ */
.contact { position: relative; margin: 40px 0 10px; padding: 10px 15px; font-size: .95em; color: #F7E2C5; background: rgba(132, 97, 85, 0.6); border-radius: 3px }
.contact.first {  margin: 66px 10px 0  }
.contact .org { font-size: 0.95em; text-transform: uppercase; font-weight: bold }
.contact .tel { padding: 5px 0; font-size: 1.3em; color: #FFF; font-weight: bold; text-shadow: 2px 2px 2px #111  }
.contact .hours { font-size: 0.85em; color: #FFF }
.contact .pin { position: absolute; top: -10px; left: 120px; width: 19px; height: 35px; background: transparent url("../img/icons/punaise.png") no-repeat scroll 0 0; }
#content-right .contact a { color: #c3cc3e }
#content-right .contact a:hover { text-decoration: underline }
/* ------ Initialisation Menu ------ */
ul.primary {  margin: 0 0 25px; padding: 0 15px; height: 26px; border-bottom: 1px solid #FFF }
ul.primary li a { display: inline-block; height: auto; margin-right: 2px; padding:  5px 15px 4px; background-color: rgba(24, 13, 13, 0.65); border: 1px solid rgba(132, 97, 85, 0.4); border-radius: 3px 3px 0 0 }
ul.primary li a:hover { background-color: rgba(174, 130, 113, 0.5); border: 1px solid rgba(132, 97, 85, 0.4) }
ul.primary li.active a { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 1) }
ul.primary li a, ul.primary li a:hover { border-bottom: none }
/* ------ Initialisation Formulaire ------ */
fieldset { margin: 0 0 20px; padding: 0; border: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-before: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-after: 0 }
.fieldset-wrapper { overflow: hidden; margin: 15px 0 0; -webkit-margin-top-collapse: separate }
.webform-container-inline label { margin-right: 0 }
label { font-weight: normal }
.form-checkboxes .form-item, .form-radios .form-item, .form-item, .form-actions { margin: 0 }
.form-textarea-wrapper textarea { width: 280px }
/* ------ FORM  ------ */
form { overflow: hidden; margin-bottom: 10px }
form#user-login { margin: 50px 10px }
legend { clear: both; width: 400px; height: 18px; margin: 0; padding: 3px 15px; background-color: rgba(174, 130, 113, 0.5); color: #FFF; font-family: "HelveticaNeueLTStd35Thin"; font-size: 1.2em; text-transform: uppercase; font-weight: normal; letter-spacing: .06em }
.field-type-text-with-summary { margin: -10px 0 20px }
label { clear: both; float: left; width: 120px; margin: 0; padding: 7px 8px 0 0; color: #FFF; text-align: right }
input[type=text], input[type=email], input[type=password], textarea { float: left; width: 260px; height: 25px; margin: 0 0 10px; padding: 2px 7px; border: 2px solid rgba(132, 97, 85, 0.4); color: #C3CC3E; font-size: .95em;  font-size: 1.1em; border-radius: 3px; background-color: rgba(24, 13, 13, 0.65); font-family: "Arial"; }
input[type=text], input[type=password] { height: 25px }
textarea { height: 150px; padding: 7px }
.form-checkboxes { margin: 0 20px }
.form-checkboxes label { clear: both; float: none; width: auto; margin: 0; padding: 0; text-align: normal }
.form-checkboxes .form-item  { margin: 0 0 8px  }
input[type=submit] { position: relative; float: right; margin: 2px; padding: 5px 10px; background-color: rgba(132, 97, 85, 0.6); border: 1px solid rgba(255, 255, 255, 0.65); border-radius: 3px; text-transform: uppercase; text-align: center;  color: #FFF; text-shadow: 1px 2px 2px #111 }
input[type=submit]:hover { top: 1px; left: 1px; cursor: pointer }



/* ------ MENTIONS LEGALES  ------ */
.page-node-26 h2 {  margin: 30px 0 10px }



/* ------ ALERTE ------ */
textarea:focus, input:focus, select:focus { border-color: #c3cc3e } 
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid red }
.form-required { color: #FF0000; font-size: .9em; font-style: italic }
.form-mention { color: #E58C07; font-size: 0.9em; font-style: italic }
div.messages { margin: 0 0 25px }



/* ------ ADMIN ------ */
#wrapper ul.contextual-links li { margin: 0; padding: 0; background: none; line-height: 100%; list-style: none outside none }