/* 
    Document   : firm
    Created on : 3 janv. 2013, 10:14:38
    Author     : Novaresa
    Description:
        Purpose of the stylesheet follows
*/


/************* Nom de l'établissement *************/
.title{padding-bottom: 0;}
.title h1{color:#222222; font-size:27px; font-family: "ProximaNova-Light", Arial; margin: 0;}


/************ Adresse établissement ***************/
.firm-adrs{background-color:#fff; color: #82888a; margin-bottom: 25px;}
.firm-adrs *{font-size: 14px; color: #82888a; font-family: "ProximaNova-Light", Arial;}
.firm-adrs span.firm-city{color: #222222; font-size: 18px;}

.firm-adrs .pull-right{color:#333333; /*font-family: "ProximaNova-Regular", Arial;*/ }


/*********** Infos etablissement ******************/
.infos{
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.5);
    min-height: 320px !important;
}
.infos *{font-size: 14px; font-family: "ProximaNova-Light";/*font-family: "ProximaNova-Regular"*/}
.infos span{margin-bottom: 8px; float: left; width: 100%; color: #82888a; }
.infos span a{color:#333333;}
.infos span a:hover{/*font-weight: bold;*/text-decoration: none;}

.infos .social span a{color: #82888a;}

.infos #firm-contact{min-height: 120px;}
.infos #map{min-height: 160px; width: 100%;}

/************* Galerie photo ****************/
#infos-firm .galerie{position: relative; z-index: 2;}
#lightboxOverlay {width: 100% !important;}
.lb-outerContainer {max-width: 60% !important; height: auto !important; min-height: 150px; max-height: 50% !important;}
.lb-dataContainer {max-width: 60% !important;}

/*************** Search form *******************/
.search-form {
    background-color:#1f1f1f;
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,.35);
    box-shadow: 0px 5px 10px rgba(0,0,0,.35);
}

.search-form .title{font-size: 25px; color: #ffffff; font-family: "ProximaNova-Light"; line-height: 70px; margin-left: 20px; display: inline-block}

.search-form form{margin: 0 !important; padding-top: 22px;}
.search-form form .input-append{display: block;}
.search-form form label{color: #82888a; font-size: 13px; float: left;margin-right: 4px; line-height: 26px;}
.search-form form input{float:left; margin-right: 12px; border-radius: 0; background-color: #39393a; border: 0; color:#e9e9e9; height:26px; padding: 0 5px; font-size: 12px;}
.search-form form .date input{background: url('../img/bg-calendar.png') no-repeat 82px center #39393a; cursor: pointer;}
.search-form form .btn-search{width:160px; margin-top:-2px;}
.search-form form #init-data{color: #82888a;}

#infos-resa{color: #45a5e5; font-size: 18px; font-family: "ProximaNova-SemiboldItalic"; margin-top: 8px;}

.search-form .with-date .title{font-size: 22px;}
.search-form .with-date .title span{color: #4b4b4c; margin: 0 3px;}
.search-form .with-date .span4 .modif-date{margin-right: 20px; margin-top: 19px;}



/************** Dispos ****************/
#firm-dispos .table td.product-name .product-cover{overflow: hidden; height: auto;}
#firm-dispos .table td.product-name{width:60%;}
#firm-dispos .table td.product-capacity{width:10%; text-align: center;}
#firm-dispos .table td.product-price{width:15%; text-align: center;}
#firm-dispos .table td.product-order{width:15%; text-align: center;}

#firm-dispos .table td.product-price span.price{font-size: 20px; font-family: "ProximaNova-Semibold"; color:#45a5e5;}
#firm-dispos .table td.product-order span.alert{padding: 0; font-weight: bold; display: inline-block;}

#firm-dispos .table tr{background-color: #ffffff;}
#firm-dispos .table tr.is_package{background-color: #edf5ff;}

#firm-dispos .table h4.product-title {color: #333333; font-size: 16px; font-family: "ProximaNova-Semibold"; margin-top: 0;}
#firm-dispos .table .product-name .product-data, #firm-dispos .table .product-reduc{
color: #82888a;
font-size: 14px;
}

/*#firm-dispos .table .media a{width: 150px;}*/
#firm-dispos .table .product-data .product-reduc{margin-top: 8px;}
#firm-dispos .table .product-data .product-reduc strong{font-size: 13px; font-weight: normal; cursor: pointer;}
#firm-dispos .table .product-data .product-reduc a, #firm-dispos .table tr.children .product-reduc a{color: #82888a; cursor: pointer;}
#firm-dispos .table .product-data .product-reduc a:hover, #firm-dispos .table tr.children .product-reduc a:hover{color: #45a5e5;}

#firm-dispos .table .product-data .product-reduc.reduction strong, #firm-dispos .table tr.children strong.reduction{color: #ff7609; cursor: pointer; font-weight: normal;}
#firm-dispos .table .product-data .product-reduc.lastminute strong, #firm-dispos .table tr.children strong.lastminute{color: #fd5be8; cursor: pointer; font-weight: normal;}

#firm-dispos .btn-order, #firm-dispos .btn-compare{width: 80%;}
#firm-dispos .product-stock{color: #45a5e5; font-size: 15px; font-family: "ProximaNova-Light"; line-height: 30px; font-style: italic;}
#firm-dispos .product-stock.product-stock-limited{color: #fd5be8; }


#firm-dispos .table tr.children td{background-color: #f9f9f9; padding: 10px; border-top: 1px dotted #d4d3d3;}
#firm-dispos .table tr.children td.empty{background-color: #ffffff; width: 170px; border: 0; padding: 0;}
#firm-dispos .table tr.children td.empty div{width: 170px;}
#firm-dispos .table tr.children strong{font-weight: bold; font-size: 13px; color: #333333;}



/************** Description  ****************/
#desc-firm #box-desc-firm{ 
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.5);

}
#desc-firm h3{margin-top: -15px;}
#desc-firm #box-desc-firm div, #desc-firm #box-desc-firm div *{color: #82888a; font-size: 14px;}

#desc-firm #box-feature-firm{background-color: #ffffff; margin-top:5px;}
#desc-firm #box-feature-firm h3 span{font-size: 14px;}

[class^="check-"], [class*=" check-"] {display: inline-block; width: 9px;height: 10px; margin-top: 1px; margin-right: 2px; line-height: 32px;vertical-align: text-top; background-image: url(../img/icon-check.png);background-repeat: no-repeat;}
.check-ok{}
.check-no{background-position: 0px -10px;}

#desc-firm #box-feature-firm h3 span .check-no{margin-left: 10px;}
#desc-firm #box-feature-firm .no-dispo{color:#82888a;font-weight:normal}

#desc-firm #box-feature-firm .feature-group{margin-bottom:24px;margin-top:12px; border-bottom: 1px dotted #d4d3d3;}
#desc-firm #box-feature-firm .feature-group:last-child{margin-bottom: 0; border-bottom: 0;}

#desc-firm #box-feature-firm div strong{font-size: 16px; color: #222222; font-weight: normal;}
#desc-firm #box-feature-firm div *{color:#333333; font-size:14px;font-weight:bold}

#desc-firm .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
#desc-firm .video-container iframe,
#desc-firm .video-container object,
#desc-firm .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/****** Nouvelle recherche ******/
form#new-search{float: left; background-color: #fff;}
form#new-search legend{color: #333333; font-size: 25px; font-family: "ProximaNova-Light"; border: 0; margin-bottom: 10px; line-height: 20px;}
form#new-search label{color: #82888a; font-size: 13px; margin-bottom: 2px;}
form#new-search input{border-radius: 0; border: 0; background-color: #f3f3f3; color: #333333; font-size: 12px;}
form#new-search .date input{cursor: pointer; background: url('../img/bg-calendar-grey.png') no-repeat 90px center #f3f3f3;}
form#new-search button{width: 100%;margin-top: 8px;}
form#new-search button.btn-nodate{font-size: 14px; height: 26px; margin-top: 22px;}




/****** Dernières minutes ******/
.advert .bx-wrapper {margin:0;}
.advert .bx-wrapper .bx-viewport{
    -moz-box-shadow: 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 #ccc;
    border: solid #fff 0px;
    left: -5px;
    background: transparent;
}



/******* Product Details *******/
.fancybox-inner section{padding-right: 20px;}
.fancybox-inner .page-header{padding-bottom: 0; margin: 0;}
.fancybox-inner .page-header h2{border: 0; margin: 0;}
.fancybox-inner .bx-wrapper{margin-bottom: 10px; position: relative;}
.fancybox-inner .bx-wrapper .bx-viewport{
    moz-box-shadow: 0 !important;
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
    border: 0;
    left: 0px;}
.fancybox-inner .bx-wrapper .bx-viewport ul li{max-height: 225px; overflow: hidden;}
.fancybox-inner .bx-wrapper .bx-viewport ul li img{height: auto ; width: 100%;}
.fancybox-inner #bx-pager a{display:inline-block; opacity:0.5; filter:alpha(opacity=50); width:60px; height:45px; overflow: hidden; text-align: center;}
.fancybox-inner #bx-pager a img{height: 100%;}
.fancybox-inner #bx-pager a.active{opacity:1;filter:alpha(opacity=100);}


/* DIRECTION CONTROLS (NEXT / PREV) */

.fancybox-inner .bx-wrapper .bx-prev {left: 10px; background: url(../img/arrow_left_white.png) no-repeat 0 0;}
.fancybox-inner .bx-wrapper .bx-next {right: 10px; background: url(../img/arrow_right_white.png) no-repeat 0 0;}
.fancybox-inner .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.fancybox-inner .bx-wrapper .bx-next:hover {background-position: 0 0;}
.fancybox-inner .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 16px;
	height: 30px;
	text-indent: -9999px;
	z-index: 9999;
}

.fancybox-inner .bx-wrapper .bx-controls-direction a.disabled {display: none;}

.fancybox-inner #product-desc, .fancybox-inner #product-terms{text-align: justify}
.fancybox-inner #product-details #product-features{background-color: #e1dfe0; padding: 10px; margin-bottom: 10px; min-height: 205px;}

.fancybox-inner #product-compl{line-height: 35px; padding: 5px 0;}
.fancybox-inner #product-compl span{display: inline-block; border-right: 1px solid #e1dfe0; padding-right: 5px; margin-right: 5px;}
.fancybox-inner #product-compl span:last-child{border: none;}
.fancybox-inner #product-compl span strong{font-size: 18px; font-family: "ProximaNova-Semibold"; font-weight: normal;}

.fancybox-inner #product-terms strong,
.fancybox-inner #product-inventory strong,
.fancybox-inner #product-sleeping strong,
.fancybox-inner #product-include strong,
.fancybox-inner #product-not-include strong{
    color: #333333; 
    font-size: 16px; 
    font-family: "ProximaNova-Semibold"; 
    margin-top: 0; 
    font-weight: normal; 
    padding-bottom: 5px;
    border-bottom: 1px solid #e1dfe0;
    margin-bottom: 10px;
    display: inline-block;
}


@media (max-width: 1199px){
	.search-form .title{line-height: 32px; margin-top: 10px;}
	.search-form form{padding-top: 10px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .search-form .title{line-height: 26px; padding: 10px 0;}
    .search-form .btn-modif {margin-top: 15px;}
    #firm-dispos .table td {padding: 0px;}
    .infos {min-height: 0 !important;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .search-form .title{line-height: 26px; padding-top: 10px; margin-left: 10px;}
    .search-form .btn-modif{margin-bottom: 10px; margin-top: 15px;}
    .search-form .width-date .span4{text-align: center;}
    #firm-dispos .table tr.children td.empty {border-bottom: 1px dotted #d4d3d3;}
    #firm-dispos .availabilityCalendarLegend tr{border: 0;}
    #firm-dispos .table td {display: table; width: 100% !important; border-top: 0; border-spacing: 0px; box-sizing: border-box; padding: 0px !important}
    #firm-dispos .table tr.children td {border-top: 0; }
    #firm-dispos .table tr.children td.empty div {display: none;}
    
    #firm-dispos .table tr td.product-name a.preview{float: none; margin: 20px auto; display: inherit;}
    #firm-dispos .table tr td .availabilityCalendarLegend tr td{display: table;padding: 3px 5px !important; width: 100% !important; margin-bottom: 5px;}
    #firm-dispos .table tr td .calendars_preview table {float: left; width : auto ! important;}
    #firm-dispos .table tr td .calendars_preview table tr td{display: table-cell;padding: 3px 5px !important; width: 14% !important}
    

    #firm-dispos .table td.product-name .product-cover{display: inline-block; width: 100% !important; max-height: 250px; overflow: hidden; margin-bottom: 10px; margin-right: 0;} 
    #firm-dispos .table td.product-name .product-cover img{width: 100%;}
    #firm-dispos .table tr.children td.product-order .btn-search {margin-bottom: 10px;}
    
    #firm-dispos .table tr td.product-order a{margin-bottom: 10px;}
    .infos {min-height: 0 !important;}
}





/* Grilles tarifaires */
.grid_prices{background: #fff;}
.grid_prices .grid_prices_thead{background: #EFEDEE; padding: 15px 10px; font-weight: bold; color: #222222; margin-bottom: 1px;}
.grid_prices .grid_prices_thead [class*="span"] {min-height: 0;}

.grid_prices .grid_prices_item {border-bottom: 1px solid #fff;padding: 10px; background: #F7F7F7;}
.grid_prices .grid_prices_item.item_pair {background: #f3f3f3;}
.grid_prices .grid_prices_item .product-price .price{color: #45a5e5;font-size: 20px; font-family: 'ProximaNova-Semibold';}
.grid_prices .grid_prices_item .product-price .price-prefix{color: #45a5e5;}
.grid_prices .grid_prices_item .grid_price_description{font-size: 12px;}

