/* CSS Document */
#page {
  margin:0 auto;
  padding: 0;
}
.element-invisible{
  display: none;
}
.f-left{float:left;}
.f-right{float:right;}
/*********** header **********/
#header{
  position: relative;
  width:966px;
  margin: 0 auto 35px auto;
}
#header_top, #block_user, .region-header-top{
  float: right;
}
#block_user{
  margin: 0 0 0 25px;
}
#header #logo{
  float: left;
  margin: 0 20px 0 0;
}
#main-menu{
  clear: both;
}
#name-and-slogan{
  font-size: 181%;
  font-family: Helvetica Neue ,Helvetica , sans-serif;
  text-transform: uppercase;
  padding: 39px 0 0 0;
}
/********** footer **********/
.region-footer{
  background: url("../images/bg_region-footer.png") no-repeat top center;
  width:966px;
  margin: 0 auto ;
  padding: 22px 0 20px 0;
}
#footer-wrapper h2{
  color: #c2c2c2;
  font-size: 163%;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 12px 0;
}
#booking-footer {
  width: 330px;
  float:left;
  margin: 0 90px 10px 40px;
}
#booking-footer h3{
  text-align: right;
}
#booking-footer div{
  margin: 0 0 8px 0;
}
#booking-footer label{
  text-align: right;
  display: block;
  float:left;
  width: 136px;
  padding: 5px 8px 0 0;
}
#booking-footer input, #panel_middle_right .newsletter input{
  width: 178px;
  height:20px;
  padding: 0 0 0 6px;
  font-size: 91%;
  font-style: italic;
  color: #888;
}
#booking-footer input.submit, #panel_middle_right .newsletter input.form-submit{
  background:#6e6e70;
  width: 106px;
  height:18px;
  padding: 0 0 2px 0;
  font-size: 110%;
  font-style: normal;
  text-transform:uppercase;
  text-align:center;
  color: #e3e6e8;
  border: none;
  cursor: pointer;
  float: right;
}
#booking-footer  .form-required {
  color:#C2C2C2;
}
#block-block-7{
  float:left;
  width:237px;
  margin: 0 64px 0 0;
}
#block-block-7 h3{
  margin: 0 0 28px 0;
}
#block-block-7 .visuel{
  float: left;
  margin: 4px 18px 0 0;
}
#block-block-7 p{
  font-size: 116%;
}
#newsletter_footer{
  float: left;
}
#panel_middle_right .newsletter p{
  line-height: 18px;
  margin: 0 0 12px 0;
}

#brand-menu .brand-menu {
  width: 996px;
  margin: 0 auto;
  padding: 20px 0;
}
#brand-menu .logo{
  float:right;
  margin: 0 50px 0 0;
  border-left: solid 1px #b8b6b7;
  padding: 8px 0 0 20px;
}
#brand-menu li {
  display:inline;
  margin: 5px 16px 0 4px;
}

#company-menu-links {
  width: 725px;
  text-align: center;
  margin: 0;
  padding: 0;
}

#company-menu-links .first {
  margin-left:0;
  padding-left: 0;
}
#company-menu-links .last {
  margin-right:0;
  padding-right: 0;
}

/*********** content ***********/
#main-wrapper{
  width:966px;
  margin: 0 auto ;
}
.myBox, .myBox-top, .myBox-bottom{
  position: relative;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari and Chrome */
  border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url(../js/PIE.htc)  ; /* This lets IE know to call the script on all elements which get the 'box' class */
}
.myBox-top{
  border-radius: 6px 6px 0 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
.myBox-bottom{
  border-radius: 0 0px 6px 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

#page-wrapper{position:relative;z-index:900;}
.ui-datepicker {z-index:901 !important;}

/***************** page reservation_groupe *********************/
.one-column .region-content{width:100%;}
.one-column .breadcrumb,
.one-column #breadcrumb{top:0px; position:static;}
.one-column .column .gauche,
.one-column .column .droite{width:50%; float:left; padding-bottom:20px;}
.message-error{color:#FF0000; font-style:italic; margin-bottom:10px;}
/****************************************************************/


#breadcrumb .breadcrumb div { float:left;margin-right:4px;}

.form-item,
.form-actions {
  margin-top:0;
  margin-bottom:0;
}
tbody{border:none !important;}

.form-webbooking-top .container-inline-date {position:relative;z-index:25;}
.form-webbooking-top .form-type-item {position:relative;z-index:25;}
.form-item-nights{z-index:25;}
.form-item-rooms{z-index:24;}

.node-type-hotel #edit-map-search {display: none;}
.page-webbooking-search #tabs-map {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.country-date-with-error .edit-date-error{color:red;}

#input-search-on-map-error {display:block;color:red;padding:5px 0 0;}

.hotel-print #hotel-hotels-nearby{display:none;}
.hotel-print #hotel-hotels-nearby-other-brands{display:none;}

/* Basic Page */
.node-page .containerKplayer {width: 700px; padding-bottom: 40px;}


/* Slider Bxslider preview content */
.slider-preview {
  position: relative;
  width: 691px;
  margin-bottom: 35px;
  padding-bottom: 15px;
}
.slider-preview .slider-preview-container li {
  width: 635px;
  position:relative;
}
.slider-preview .slider-preview-container .img-title{
  position:absolute;
  top:10px;
  left:15px;
  padding:10px;
  font-weight:bold;
  font-size:127%;
  min-width:250px;
}

.slider-preview .bx-pager{
  clear: both;
  text-align: center;
  height: 59px;
  overflow: hidden;
  margin: 20px 60px;
  padding-left: 3px;
}
.slider-preview .bx-pager.center{
  padding-left: 212px;
}
.slider-preview #bx-pager-video {
  height: 97px;
}
.slider-preview .bx-pager > div{
  width: 21000px;
  position: relative;
}
.slider-preview .bx-pager a{
  margin:0 6px;
  float: left;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 129px;
  height: 59px;
}
.slider-preview #bx-pager-video a{
  height: 97px;
}
.slider-preview .bx-pager a span{
  display:none;
  overflow: hidden;
  position:absolute;
  top: 0;
  left: 0;
  height:50px;
  width:120px;
  padding:5px;
  color:#000;
  text-align:left;
  background-color:#FFFFFF;
  -khtml-opacity:0.5;
  -moz-opacity : 0.5;
  -ms-filter: "alpha(opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter : alpha(opacity=50);
  opacity : 0.5;
}
#slider-preview-video .bx-pager a span{
  height: 87px;
}
.slider-preview .bx-pager a:hover span {display:block;}
.slider-preview .bx-pager a.active img {opacity: 1;}
.slider-preview .bx-pager a img {width: 129px;}

.slider-preview .containerKplayer {position: relative; width: 100%; height: 358px; margin: 0 auto;}
.slider-preview .containerKplayer .flash_kplayer {position: relative; width: 100%; height: 358px;}
.slider-preview .containerKplayer .flash_kplayer object {position: relative; display: block; width: 100%; height: 358px;}

#lhg-login-block-dialog p {
  margin-top:25px;
}

/*******Special offert**/
.view-id-special_offer img{
  max-width: 100%!important;
}

/***Ventes privées****/
#node-ventes-privees .vp_cgv{
  margin-bottom: 10px;
}

#node-ventes-privees #signup_vp_closed{
  position: relative!important;
}

/********Block Link to Guide Voyage********/
@font-face {
  font-family: Brandon Grotesque;
  src: url("../fonts/Brandon_reg.otf") format("opentype");
}
@font-face {
  font-family: Brandon Grotesque Bold;
  src: url("../fonts/Brandon_bld.otf") format("opentype");
}

.link-to-guide-container {
  overflow: hidden;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 19px;
  padding-left: 8px;
}
.link-to-guide-container .block-left-half {
  width: 93px;
  float: left;
  font-family: 'Brandon Grotesque';
  padding-top: 20px;
  padding-bottom: 5px;
}
.link-to-guide-container span {
  font-family: 'Brandon Grotesque Bold';
}
.link-to-guide-container p {
  margin-bottom: 15px;
}
.link-to-guide-container img {
  float: left;
}
.link-to-guide-container a {
  display: block;
  color: #fff;
  font-family: 'Brandon Grotesque Bold';
  font-size: 15px;
  -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
  padding: 0 5px;
}
/********Block Link to Guide Voyage********/