/* RESET YUI */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a{color: #ffffff; text-decoration:none;}
a:hover { text-decoration:underline; }
label { cursor: pointer; }


/* GENERAL BLOCK */
 
body { font-family: Verdana,sans-serif; color: #ffffff; font-size:68.75%; background:#521717 url(images/bg-body.jpg) repeat-x 0 0;  }
#container { width: 1000px; margin: 0 auto; }
 

#top { position: relative; float: left; width: 100%; height: 228px; background: url(images/bg-top.jpg) no-repeat center top; }
#menuh { text-transform:uppercase; }
#main { float:left; width: 100%; margin-top: 20px; }
#main { background: url(images/bg-homepage.gif) repeat-y 0 0; }
#contact #main { background: none; }
#reservation #main { background: url(images/bg-reservation.gif) repeat-y 0 0; }
#pushHeader { position:absolute; top:82px; right:0px; width:155px; height:80px; text-indent:-99999px; }
#left { float: left; width: 171px; margin-right: 10px; background:#22080a; }
#center { float: left; width: 613px; margin-right: 10px; padding-left:17px;  }
#homePage #center { padding-left: 0; }
#contenu #center { width: 585px; padding: 0 14px; }
#right { float: left; width: 196px; }

#bottom { clear: both; position: relative; width:100%; height: 128px; color: white; background: url(images/bg-footer.png) repeat-x left bottom;}

#bottom-content { position: relative; margin:0 auto; width: 1000px; height: 115px; padding: 15px 0 0 0px; }
.list div, .list h4, .list h2{margin-bottom:7px; }
.list{ margin-top:10px;}
#idContent img{margin:12px;}

#center #idContent h2 { font-size: 11px; font-weight: bold; text-transform: none; width: auto; margin: 0; }

/* GENERAL STYLES */
.float_left { float: left; }
.float_right { float: right; }
.noBorder { border: none; }

/* Clear les float */
.clear { clear: both; }
.floatbox { overflow: hidden; }
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.clearfix { display:block; }

/* Fonts */
.gothic { font-family:"Century Gothic",Arial,sans-serif; }
.bell { font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; }
.cambria { font-family: Cambria, serif; }
.trebuchet { font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Titles */
h1 {}
h2 {}
h3 {}

/* Corners */
.container-corner { position: relative; }

.cornerLeftTop,
.cornerRightTop,
.cornerRightBottom,
.cornerLeftBottom { position: absolute; z-index: 100; }

.cornerLeftTop { left: 0px; top: 0px; }
.cornerRightTop { right: 0px; top: 0px; }
.cornerRightBottom { right: 0px; bottom: 0px; }
.cornerLeftBottom { left: 0px; bottom: 0px; }


/* TOP */
a#logo { display:block; position:absolute; text-indent: -99999px; background: url(images/logo.jpg) no-repeat left top; width: 170px; height: 98px; left: 0px; top: 63px; }

#langage { padding:7px 0 0 16px; background:url('/styles/images/bg-langues.jpg') no-repeat 0 0; color:#5F859A; font-size:10px; height:21px; line-height:19px; position:absolute; right:1px; text-align:center; top:17px; margin-right:16px; }
#langage a { color: #b49b7c; float:right; margin-left:9px; }
#langage a.currentLg { color: #1a2958; font-weight: bold; }

#topBar { float: right; padding: 20px 285px 0 0; font-size: 11px; color: white; }
#topBar a { color: white; }

#headerBar { position: absolute; left: 166px; top:82px; width:834px; color: white; }

.headerBar-bloc { float: left; padding: 0 5px 0 15px; font-size: 9px; width: 200px; border-right:1px dotted #5f2a2a; height:80px;}
.headerBar-bloc a,
.headerBar-bloc span.gothic { display: block; float: left; width:200px; height:33px; font-size: 15px; padding: 0; color: #c2915b; }
.headerBar-bloc p { float: right; color: #1a2958; font-size: 9px; margin:0; color: #ffffff; }

/* Horizontal menu */
#menuh { position: absolute; left:0; bottom: 5px; }
#menuh li { float: left; display: block; height: 41px; line-height: 40px; background: url(images/puce-menu.png) top left no-repeat; }
#menuh li.actif { background: url(images/menu-left.png) top left no-repeat; }
#menuh li a { float: left; display: block; height: 100%; text-decoration: none; outline: none; color: #ffffff; }
#menuh li a:hover,
#menuh li.selected a {  cursor: pointer; }
#menuh li span { display: block; float: left; height:41px;  font-size: 15px; color: #ffffff; padding: 0 20px 0 30px; font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; font-style:italic; letter-spacing:1px; }
#menuh li a.selected span,
#menuh li a:hover span{ font-style:normal; color:#003333; display: block; float: left; height:41px;  font-size: 15px; padding: 0 20px; background:transparent url(images/menu-right.png) no-repeat scroll right top;}
#menuh li.noBorder span { border: none; }

/* CONTENT */
h6 { background: none; width: 171px; height: 31px; text-align: center; line-height: 26px; font-size: 13px; color: white; }
h6 span { font-weight: normal; }
.widget span.gold { color: #9b7950; font-size: 10px; }
.widget { margin-bottom: 15px; }
.widget ul { margin: 0 10px 20px 10px ; }
.widget li { border-bottom: 1px solid #30070e; padding:5px 0 10px; line-height: 13px; }
.widget li img { margin-right: 6px; }
.widget a { font-weight: bold; font-size: 12px; }

/* Left column */
.formules h6 { color:#31080f; background: url(images/bg-left-h6.png) no-repeat 0 0; width: 171px; height: 31px; text-align: center; line-height: 26px; font-size: 13px;} 
.formules a { font-weight: bold; font-size: 11px; color:#9B7950; } 
.formules a span { font-weight: normal; font-size: 11px; color:#9B7950; } 
.formules p { margin: 0 10px; }

.testimonials { border: 1px solid #dadce4; margin:10px 0; }
.testimonials h6 { color:#1a2958; font-size: 11px; width:169px; height: 36px; background: url(images/bg-left-h6-testi.png) no-repeat 0 0; }
.testimonials blockquote { margin:0 1px 1px; padding:20px 10px 8px 10px; background: #dadce4 url(images/quote_left.gif) no-repeat 10px 0px; }
.testimonials blockquote p { background: #dadce4 url(images/quote_right.gif) no-repeat 93% bottom; padding-bottom:17px; font-family: "Times New Roman", Times, serif; font-size: 18px; font-style: italic; text-align: center; font-weight: normal; margin: 0; }
.testimonials p {font-size:9px; text-align: center; font-weight: bold; margin:5px 10px; }

.logo { display: block; margin: 0 auto; }

a.fb { font-weight: bold; margin: 0 5px;}
a.fb img { float:left; margin:0 5px; }

/* Left column page "content" */
.formules-tarifs li { padding: 2px 0; line-height: normal; }
.formules-tarifs li a { color: #9b7950; font-size: 9px; }
.formules-tarifs li a:hover { text-decoration: none; color: #5F859A; }

/* Center column */

/* Center column homePage */
#homePage h2,
h1#h1Home { font-size: 18px; color: #ffffff; font-weight: normal; margin:0 15px 0; background: #2e0b0d;  padding:10px;}
#center h2,
h1#h1Home {text-transform:uppercase; margin:0 auto; width:578px;}
p.intro,
div.intro { font-size: 11px; color: #ffffff; letter-spacing: 0.5px; background: #2e0b0d;  padding:10px; margin:0  auto; width:578px;}

#home-content-left { margin:10px 0 0 0; float: left; width: 249px; border: 1px solid #31070E; border-width: 0 0 0 1px; padding-bottom:10px; }
#home-content-right {  margin:10px 0 0 0; float: right; width: 360px; font-size: 10px; border-left: 1px solid #31070E; padding-bottom:10px; }

#home-content-left h3 { background: url(images/home-main-left.png) no-repeat 0 0; width: 242px; }
#home-content-right h3 { background: url(images/home-main-right.png) no-repeat 0 0; width:352px; }
#home-content-left h3,
#home-content-right h3 { font-size: 20px; padding: 5px 0 0 7px; height: 33px; color:#c99d63; font-weight: normal; }

#home-content-left .content,
#home-content-right .content { padding:0 14px; margin-top:10px; }
#home-content-left img { margin:10px 0; }
#home-content-left p.title img { float: left; margin: 0 5px 0 0; }

#center #home-content-right ul { margin-left:0; }
#center #home-content-right li { margin-left:0; }
#home-content-right li { border-bottom:1px dotted #30070e; line-height:13px; padding:5px 0 10px; list-style-type:none; }
#home-content-right li.noBorder { border:none; }
#home-content-right li span { color: #ffffff; font-size: 9px; font-weight: bold; }
#home-content-right li a strong { font-size: 13px; color:#9b7950;}
#home-content-right li a { font-weight: bold;  }
#home-content-right a.title { font-size: 12px; margin:5px 0; line-height: 20px; }

/* Center column page "contenu" */
#contenu .container-corner { float:left;  }
.ss-titre_cc { width: 580px; text-transform: uppercase; color: #9b7950; }
h1.titre-contenu_cc { font-size: 18px; text-transform: uppercase; color: #5F859A; font-weight: normal; letter-spacing: 1px; margin: 25px 0 15px 0; }

.img-left_cc { width: 125px; float: left; }
.img-left_cc img { margin-bottom: 35px;  }
#center .text-right_cc { width: 435px; float: left; margin-left: 25px; color: #5F859A; }

/* Center column page "contact" */
#contact #center { width: 754px; margin-right: 33px; }
#center .titre-contact  { font-size: 30px; color: #5F859A; font-weight: normal; }
#center .ss-titre-contact { color: #9B7950; margin-bottom: 35px; }
#center .subparg-contact { color: #5F859A; margin-bottom: 35px; }
#center .input-contact { margin: 0 5px 15px 5px; }
#center .form-contact input,
#center .form-contact textarea  { margin: 5px 0 10px 0; }
#center .form-contact .label-contact { color: #5F859A; font-weight: bold; }
#center .civilite { color: #9B7950; font-weight: bold;  }

#center ul { list-style: disc outside none; margin-left:1em; }
#center li { margin-left: 1em; }


/* Right column */
#right .reservation { background: url(images/bg-reservation.jpg) no-repeat left top; width: 191px; height: 361px; padding:0 6px 0 8px; width: 182px; }
#right .reservation h6 {background: none; font-size:18px; font-weight: normal; line-height: 34px; width: 182px; padding:35px 0 0 5px; text-align:center; }
#chiffre-promotion { color: white; margin-top:62px; text-align: center; font-size: 18px; line-height:40px; height: 100px; }
#chiffre-promotion span { font-size: 50px; }
#right .reservation p { color:#310a13; margin-top: 185px; text-align: center; font-weight: bold; font-size: 15px; *font-size: 14px;}
#right .reservation form { margin-top:5px;  padding:3px 15px 0; text-align: center; }
#right .reservation form input.typeText { border: 1px solid #cfcfcf; float: left; width: 127px; margin-right: 5px; }
#right .reservation form input.typeText:focus { border-color: #000; }
#submit-form-resa,
.submit-form-resa{ margin-top:20px; *margin-top:5px; border:0; background: url(images/btn-sub-resa.gif) no-repeat 0 0; width:103px; height: 22px; color: white; font-family: "Microsoft Sans Serif", sans-serif; font-size: 13px; cursor: pointer;  }
#submit-form-resa:hover,
.submit-form-resa:hover{color:#9B7950;}

#right h6 { text-transform: uppercase; background-image: url(images/bg-right-h6.png); width: 196px; height: 31px; color:#30080f; text-align: center; line-height: 26px; font-size: 13px; font-weight:bold;}
#right h6.type2 { background-image: url(images/bg-right-h6-type2.jpg); height: 28px; font-weight: normal; line-height: 26px; margin:10px 0; }
#right .widget ul li { width: 160px; border-bottom: 1px dotted #30070e; font-size:11px; }
#right .widget ul li span.date { color: #FFFFFF; font-weight:bold; font-size: 10px;}
#right .widget ul li a { font-size: 11px; color: #9b7950; font-weight:bold;}
#right .widget ul li a.white {color: #FFFFFF;}
#right .widget ul li a span { font-size: 11px; color: #FFFFFF;}
#right .widget ul li.noBorder { border:none; }

.formules a big{font-size:12px; color:#f43e3e; float:right; margin-top:6px;}
.questions ul li a:hover { color: #9b7950; text-decoration: none; }

a.link-gift { display: block; background: url(images/bg-ruban.png) no-repeat 0 0; width: 188px; height: 75px; text-align: right; font-size: 16px; padding: 10px 8px 0 0; margin: 10px 0; }
a.link-gift span { font-size:13px; }
a.link-gift span em { font-style: normal; font-weight: bold;  }
a.link-gift strong { font-size: 24px; }
a.link-gift:hover { text-decoration: none; }
a.link-gift:hover span { text-decoration: underline; }

.pourquoi-choisir { border:1px solid #2f546f; padding:1px; }
#right .pourquoi-choisir h6 { background-image: none; background-color: #2f546f; width: 192px; height: auto; }
#right .pourquoi-choisir div.bell { width: 176px; height:154px; text-transform:uppercase;  border: 3px solid #2f546f; text-align: center; font-size: 20px; padding: 5px 7px 5px 3px; color: #320b16;  background: url(images/bg-pq-ns-choisir.png) no-repeat 0 0;  } 
.control2{color:white;  font-family:"Times New Roman"; font-size:23px;}
#leftControl2{float:left;position:absolute;right:62px;top:6px; }
#rightControl2{float:left; position:absolute; right:32px; cursor:pointer; top:6px; }
#rightControl2:hover,#leftControl2:hover { color:#c99d63; cursor:pointer; }

.decouvrez {color:#9B7950;font-size:11px;font-weight:bold;padding:7px 0 7px 0;}
/* 4 column on the page "reservation" */

.borderGrey { border:1px solid #d0d0d0; }
   
#reservation h1,
#reservation h2 { font-size: 18px; color: #1a2958; font-weight: normal; margin-bottom: 20px; }
#reservation h1 { float: left; margin-top: 20px; }
#reservation h2 { font-size: 14px; }
#reservation #left { padding-left: 10px; width: 165px; }
#reservation #left input.typeText { width: 122px; margin-right:5px; }
#reservation #left input.typeSubmit { border:none; background: url(images/btn-sub-date.png) no-repeat 0 0; width: 161px; height: 24px; text-align: center; font-family: "Microsoft Sans Serif", sans-serif; font-size: 10px; cursor: pointer; color: #1a2958; margin-top:20px; }

#reservation table { border-bottom: 1px dotted #1a2958; margin-bottom: 10px; }
#reservation table td { padding-bottom: 10px; }
#reservation table .tdLeft { width: 20px; vertical-align: top; }
#reservation table .tdCenter { width: 206px; vertical-align: top; }
#reservation table .tdRight { width:30px; text-align: center; }
#reservation table big {font-size: 12px; }
.red { color: #ff1e00; }
#reservation table img.ico { margin-right: 5px; }

#reservation table input.checkbox {vertical-align: middle; }

#bloc-resa-left { margin-left: 10px; float: left;  }
#bloc-resa-right { margin-left: 30px; float: left; }

#reservation table.small { font-size: 10px; }
#reservation #center { width: 574px; padding-left: 0; margin-right: 0; }
#reservation #right { width:241px; }

#right .reservation-commande { background: #e2b44e url(images/foot-block-resa.png) no-repeat left bottom; }
#right .reservation-commande h6 { background: url(images/head-block-resa.png) no-repeat left top; width: 241px; height: 39px; font-size: 15px; font-weight: normal; line-height: 38px;  }
.reservation-commande p.headline { border-bottom: 1px solid black; padding:5px 12px; }
#reservation .reservation-commande table { width:233px; margin:0 4px; border: none;  }
.reservation-commande tr { border-bottom:1px dotted #1a2958; }
.reservation-commande td { padding: 10px 8px; }
.reservation-commande td.rightTd { text-align: right; }
.reservation-commande tr.total { font-weight: bold; font-size: 14px; background-color: white; border: none; }
.reserver-now { font-size: 15px; font-weight: bold; text-align: center; padding:10px 0; }
#reservation #submit-form-resa,
#reservation .submit-form-resa{ display:block; margin:0 auto 10px; }

/* Formulaire */


/* BOTTOM */
#bottom a { color: white; }
#bottom img.logo { float: left; padding: 0 30px; }

#bottom-content div { float: left; width: 145px; border-right: 1px dotted #44171a; padding: 0 10px 0 10px; }
#bottom h5 { font-size: 12px; line-height:18px; }
#bottom-content ul { margin-left:5px; }

#slideshow {  margin:0 auto; width:192px; position:relative; font-family:Verdana;}
#slideshow #slidesContainer {  margin:0 auto;  width:192px;  overflow:auto;   position:relative;}
#slideshow #slidesContainer .slide {  margin:0 auto;   }
#slideshow img { margin: 0; padding: 0; border: 0; }

.slideshowtext { position: absolute; z-index: 100; left: 0px; bottom: 30px; height:30px;}

#slideshow2 {  margin:0 auto;  width:598px;  position:relative;}
#slideshow2 #slidesContainer2 {  margin:0 auto;  width:598px;  overflow:auto;   position:relative;}
#slideshow2 #slidesContainer2 .slide2 {  margin:0 auto;   }
#slideshow2 img { margin: 0; padding: 0; border: 0; }


/* CALENDAR */
table.jCalendar {border: 1px solid #000;  background: #aaa;    border-collapse: separate;   border-spacing: 2px;}
table.jCalendar th {background: #333;color: #fff;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #ccc;color: #000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #ddd;color: #aaa;}
table.jCalendar td.today {background: #666;color: #fff;}
table.jCalendar td.selected {background: #9B7950;color: #fff;}
table.jCalendar td.selected.dp-hover {background: #f33;color: #fff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td {background: #fff;color: #000;}
table.jCalendar tr.selectedWeek td {background: #f66;color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background: #bbb;color: #888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {background: #bbb;color: #888;}
div.dp-popup {  position: relative;  background: #ccc;  font-size: 10px;  font-family: arial, sans-serif;  padding: 2px;  width: 171px;  line-height: 1.2em;}
div#dp-popup {  position: absolute;  z-index: 199;}
div.dp-popup h2 {  font-size: 12px;  text-align: center;  margin: 2px 0;  padding: 0;}
a#dp-close {  font-size: 11px;  padding: 4px 0;  text-align: center;  display: block;}
a#dp-close:hover {  text-decoration: underline;}
div.dp-popup a {  color: #000;  text-decoration: none;  padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {  position: absolute;  top: 2px;  left: 4px;  width: 100px;}
div.dp-popup div.dp-nav-prev a {  float: left;}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {  cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {  cursor: default;}
div.dp-popup div.dp-nav-next {  position: absolute;  top: 2px;  right: 4px;  width: 100px;}
div.dp-popup div.dp-nav-next a {  float: right;}
div.dp-popup a.disabled {  cursor: default;  color: #aaa;}
div.dp-popup td {  cursor: pointer;}
div.dp-popup td.disabled {  cursor: default;}

a.dp-choose-date {
  float:right;
  width: 18px;
  height: 17px;
  padding: 0;
  
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url(images/ico-calendar.gif) no-repeat; 
}