/*************************/
/* CSS for product title */
/*************************/

.bloc-title {
    width:700px;
    border: 1px solid #d8d8d8;
    background: #FFF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 56%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(56%, #ffffff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #ffffff 74%, #efefef 100%);
    background: -o-linear-gradient(top, #ffffff 56%, #efefef 100%);
    background: -ms-linear-gradient(top, #ffffff 56%, #efefef 100%);
    background: linear-gradient(to bottom, #ffffff 56%, #efefef 100%);
    -webkit-box-shadow:0px 0px 0px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    padding: 10px 15px;
    position: relative;
    display: table;
}

.bloc-title:hover {
    border:1px solid #d8d8d8;
    -webkit-box-shadow:0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    -moz-box-shadow: 0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    box-shadow: 0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
}

.online .bloc-title {padding: 10px 15px;}

.bloc-title .product-title {
    display: table-cell;
    zoom: 1;
    *display:inline;
    *position: absolute;
    *vertical-align: top;
    vertical-align: middle;
}

.bloc-title h1 {
    color: #000;
    display: table-cell;
    float: none;
    font-size: 18px;
    font-weight: bold;
    height: 100%;
    margin: 0;    
    vertical-align: middle;
    width: 375px;
}

.online .bloc-title h1 {font-size: 18px;}

.bloc-title .city {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.online .bloc-title .city {
    display: inline;
    font-size:18px;
}

.product-details {
    float:right;
    width: auto;
    height:160px;
    padding: 15px 10px;
    margin: 0 15px 0 0;
    background: #FFF;
    text-align: right;
    height: auto;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.online.promo .product-details {padding: 25px 10px;}

.product-details .reduction, .product-action .reduction {
    color: #980202;
    font-size: 18px;
}

.online .product-action .reduction {float: right;}

.product-details .duration, .product-details .type {font-weight:bold;}

.product-details .duration {
    color: #606060;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 0;
    padding:0 0 5px 0;
}

.online .product-details .duration {padding:0;}

.product-details .infos {
    color:#898989;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.product-details .price {
    color: #000;    
    line-height: 20px;  
    font-size: 28px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.product-details span.price-currency {
    font-size: 18px;
    font-weight: normal;
}

.product-details span.price-legend {
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
}

.online .product-action span.price-legend {
    color: #9D0D15;
    font-size: 10px;
    vertical-align: top;
}

.product-details .price span {
    font-size: 18px;
}

.product-details .price-line-through, .product-action .price-line-through {
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
    color: #898989;
}
.online .product-action .price-line-through {float: left;}

.product-details .button {
    width:130px;
    height:15px;
    padding:5px;
}

.product-action .phone {
    font-size: 16px;
    color: #004f74;
    font-weight: bold;
    padding: 2px 5px;
    background: #FFF;
    border: 1px solid #d8d8d8;
    margin: 0;
    display: block;
    text-align: center;
}

.product-action {
    float: right;
    text-align: center;
}

.product-action .button {
    width: 115px;
    padding: 2px 5px;
    margin: 2px 0;
    line-height: 20px;
}

.product-action .button a {padding: 0;}
.online .product-action .button a {font-size: 12px;}

.product-action .price {
    color: #9D0D15;
    font-size: 28px;
}

.online .product-action .price-from {
    color: #999;
    font-size: 11px;
    font-style: italic; 
}

.product-details .pension {color:#898989;}

.product-details .transferts {
    color:#898989;
    font-style: italic;
    font-size: 10px;
}

.product-details-online {padding: 22px 15px;}

.product-action-online .reduction {
    color: #980202;
    font-size: 18px;
    float: right;
}

.product-action-online .price-line-through {
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
    color: #898989;
    float: left;
}    

.product-action-online .price {
    font-size: 28px;
    color:#9d0d15;
}

.product-action-online .phone {margin: 0;}
.button-large a {font-size: 12px !important;}
.with-promo .product-details-online {padding: 34px 15px !important;}

/*************************/
/* CSS for product title séjours */
/*************************/

.bloc-title-sejour {
    width:700px;
    border: 1px solid #d8d8d8;
    background: #FFF;
    -webkit-box-shadow:0px 0px 0px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    padding: 0px 15px 10px 15px;
    position: relative;
    display: table;
}

.bloc-title-sejour:hover {
    border:1px solid #d8d8d8;
    -webkit-box-shadow:0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    -moz-box-shadow: 0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    box-shadow: 0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
}

.online .bloc-title-sejour {padding: 0px 15px 10px 15px;}

.bloc-title-sejour .product-title-sejour {
    display: table-cell;
    zoom: 1;
    *display:inline;
    *position: absolute;
    *vertical-align: top;
    vertical-align: middle;
    padding-top: 1em;
    /* width: 520px; */
}


.bloc-title-sejour .product-title-sejour .product-plus {
  font-weight: bold;
  font-size: 13px;
  color: #980202;
}

.bloc-title-sejour h1 {
    color: #000;
    display: inline;
    float: none;
    font-size: 18px;
    font-weight: bold;
    height: 100%;
    margin: 0;    
    vertical-align: middle;
    width: 375px;
}

.online .bloc-title-sejour h1 {font-size: 18px;}

.bloc-title-sejour .city {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.online .bloc-title-sejour .city {
    display: inline;
    font-size: 18px;
}

.product-details-sejour {
    float:right;
    width: 150px;
    height:160px;
    padding: 15px 10px 3px 10px;
    margin: 0 15px 0 0;
    background: #FFF;
    text-align: right;
    height: auto;
    /* border: 1px solid #d8d8d8; */
    border-radius: 12px;
    /* -webkit-border-radius: 12px; */
    -moz-border-radius: 12px;
}

.online.promo .product-details-sejour {padding: 25px 10px;}

.product-details-sejour .reduction, .product-action-sejour .reduction {
    color: #980202;
    font-size: 20px;
    float: left;
    padding: 8px 10px 0 0;
    display: inline;
}

.online .product-action-sejour .reduction {float: right;}

.product-details-sejour .duration, .product-details-sejour .type {font-weight:bold;}

.product-details-sejour .duration {
    color: #606060;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 0;
    padding:0 0 5px 0;
}

.online .product-details-sejour .duration {padding:0;}

.product-details-sejour .infos {
    color:#898989;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.product-details-sejour .price {
    color: #000;    
    line-height: 36px;  
    font-weight: normal;
    /* margin: 35px 0 0 0; */
    font-size: 28px;
    display: inline;
    /* padding-top: 25px; */
}

.product-details-sejour span.price-currency {
    font-size: 18px;
    font-weight: normal;
}

.product-details-sejour span.price-legend {
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
}

.online .product-action-sejour span.price-legend {
    color: #9D0D15;
    font-size: 10px;
    vertical-align: top;
}

.online .product-action-sejour span.price-legend {
    color: #9D0D15;
    font-size: 18px;
}

.product-details-sejour .price span {

}

.product-details-sejour .price-line-through, .product-action-sejour .price-line-through {
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
    color: #898989;
    margin-top: -0.5em;
}
.online .product-action-sejour .price-line-through {float: left;}

.product-details-sejour .button {
    width:130px;
    height:15px;
    margin: 0 auto;
    text-align: center;
    background: #0f6a95;
    border-radius: 0px;
    background-color: #0f6a95;
    padding:5px;
}

.product-action-sejour .phone {
    font-size: 16px;
    color: #004f74;
    font-weight: bold;
    padding: 2px 5px;
    background: #FFF;
    border: 1px solid #d8d8d8;
    margin: 0;
    display: block;
    text-align: center;
}


.product-action-sejour {
     text-align: center;
}

.product-action-sejour .button {
    width: 115px;
    padding: 2px 5px;
    margin: 2px 10px 0 0;
    line-height: 20px;
    float: right;
    background-color: #0f6a95;  
    box-shadow: none;  border: none;  
    -moz-border-radius: 6px;    
    box-shadow: none;    
    border: none;    
    -moz-border-radius: 0px;
}

.product-action-sejour .button a {padding: 0;}
.online .product-action-sejour .button a {font-size: 12px;}

.product-action-sejour .price {
    color: #9D0D15;
    font-size: 28px;
}

.online .product-action-sejour .price-from {
    color: #999;
    font-size: 11px;
    font-style: italic; 
}

.product-details-sejour .pension {color:#898989;}

.product-details-sejour .transferts {
    color:#898989;
    font-style: italic;
    font-size: 10px;
}

.product-details-online-sejour {padding: 22px 15px;}

.product-action-online-sejour .reduction {
    color: #980202;
    font-size: 18px;
    float: right;
}

.product-action-online-sejour .price-line-through {
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
    color: #898989;
    float: left;
}    

.product-action-online-sejour .price {
    font-size: 28px;
    color:#9d0d15;
}

.product-action-online-sejour .phone {margin: 0;}
.button-large a {font-size: 12px !important;}
.with-promo .product-details-online-sejour {padding: 10px 0px !important;}

/****************/
/* CSS for tabs */
/****************/

#tabs {
    padding: 0;
    background: none;
    border: 0;
}

#tabs p {
    font-size: 12px;
    text-align: justify;
}

#tabs .ui-tabs-nav {
    padding: 0;
    margin: 0;
}

#tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs .ui-state-default a:visited {
    cursor: pointer; 
    color:#000; 
    text-shadow: 1px 1px 0px #FFF; 
}

#tabs .ui-tabs-nav li.ui-tabs-active a {
    color:#FFF; 
    cursor: pointer; 
    text-shadow: 0px 0px 0px #927564; 
}

#tabs .ui-tabs-nav li a {
    padding: 10px;
    font-size:11px;
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
}

#tabs .ui-tabs-nav li { 
    top:0; 
    margin: 0 2px 0 0; 
    border:1px solid #d8d8d8;
    background: #ededed;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#tabs .ui-tabs-nav li.ui-tabs-active {
    background: #c3afa3 !important;
    padding: 0 !important;
    box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0);
    border:1px solid #c3afa3 !important;
    border-bottom:0 !important;
    margin: 0 2px 0 0 !important;
}

#tabs .tabs-last-li { margin: 0 !important; }

#tabs .ui-tabs-panel {
    background: #FFF; 
    border:1px solid #d8d8d8; 
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0 0 15px 0;
}

#tabs .ui-widget-header{
    background: none;
    border: none;
}



/**********************/
/* CSS for price grid */
/**********************/

#price-detail {
    margin: 0 0 0 45px;
    width:600px;
    font-size:12px;
    text-align:justify;
}

#price-detail h3 {
    color: #3a3733; 
    background: #f2f0ed; 
    border: none; 
    font:bold 11px Arial,Helvetica,sans-serif; 
    text-transform: none; 
    padding: 5px; 
    margin: 10px 0; 
    text-align: left;
}

.price-more-infos {width: 49%;}

.price-detail-block ul { margin: 0 0 0 20px; }

.price-detail-block ul li { 
    line-height: 14px; 
    font-size: 11px;
}

.price-detail-block .custom-expand { 
    font-size: 9px;
    color: #A0A0A0;
    text-align: left;
}

.price-detail-block .custom-expand:hover {color: #000;}

.price-detail-offers {
    background: none repeat scroll 0 0 #F2F0ED;
}

.price-detail-offers img {
    width: 600px;
    height:107px;
}

.price-detail-offers div {
    color: #3a3733; 
    border: none; 
    font:bold 11px Arial,Helvetica,sans-serif; 
    text-transform: none; 
    padding: 10px; 
    text-align: left;
}

/***********************/
/* CSS for quote block */
/***********************/

.price-title {
    font-size: 18px;
    display: block;
}

.quote-block {
    background: linear-gradient(to bottom, #fff 56%, #EFEFEF 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D8D8D8;
    box-shadow: 0 0 0 #D0D0D0, 0 0 0 1px #fff inset;
    padding: 15px;
    transition: all 0.2s linear 0s;
    border-radius: 10px;
    position: relative;
    margin:0 auto;
    width: 568px;
}

.quote-block h4 {
    color: #9D0D15;
    font: 18px Arial,Helvetica,sans-serif;
    margin: 0 0 15px;
}

.quote-block:hover {
    border:1px solid #d8d8d8;
    -webkit-box-shadow:0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    -moz-box-shadow: 0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
    box-shadow: 0px 2px 1px #d0d0d0, inset 0 0 0 1px rgba(255,255,255,1);
}

.quote-block #offline-engagement ul {
    margin: 30px auto 15px;
}

.quote-block .col {
    width: 276px;
    margin: 15px 0 0 0;
    text-align: center;
}

.quote-block .left {
    border-right: 1px solid #CCC;
    padding-right:15px;
}

.quote-block li, .quote-block p {
    font-size: 14px;
}

.quote-block ul {
    list-style: none outside none;
    margin: 0 auto;
    width: 170px;
}

.quote-block li.li-2-lines {
    line-height: 18px;
    margin: 5px 0 0 0;
}

.quote-block .button {
    line-height: 30px;
    margin: 0 auto;
    width: 150px;
}

.quote-button {
    line-height: 30px;
    margin: 0 auto;
    width: 160px;  
    background: #0f6a95;
    padding: 5px;
}

.quote-button a {
    color: #fff;
    line-height: 15px;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.small-shadow {
    background: url("../cssImages/shadowBottomSmall.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 10px;
    margin: 0 auto;
    width: 170px;
}



/*************/
/* Other CSS */
/*************/

.offline-tel p .phone {
    color: #0F6A95;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0 0;
}

.price-title-infos {
    font-weight: bold; 
    font-size: 11px;
    color: #666666;
    padding: 0 0 5px 0;
    display: block;
}



/*******************/
/* CSS for opinion */
/*******************/

.opinion-initial {
    font-weight:bold;
    font-size:12px;
    margin-bottom:10px;
}

.opinion-text {
    margin-bottom:20px;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
}

#opinion-content {
    font-size: 12px;
    margin: 20px auto;
    width: 500px;
    clear:both; 
}

#seaside-opinions .custom-expand, #opinion-content .custom-expand {
    margin:5px 0;
    background-color:#CCC;
    color: #6699CC;
    padding:2px;
}