﻿.Offer
{   
    padding-top:15px;
    padding-bottom: 10px;    
    width: 885px;
}

.Offer td
{
    vertical-align: top;
}

.Offer .image
{
    height: 140px;
    width: 140px;    
    padding-right: 10px;
}

.Offer .image img
{
    vertical-align: top;
    height: 120px;
    width: 140px;
}

.Offer .image .footer
{
    width: 140px;
    height: 30px;
    background-color: #0B3774;
    text-align: center;
    color: #fff;
    margin-top: 3px;
    padding-top: 3px;    
}

.Offer .image .footer .price
{
    font-weight: bold;
}

.Offer TD.description
{    
    vertical-align: top;    
    max-width:350px;
    white-space: nowrap;
    padding-right: 10px;
}

    .Offer TD.description DIV
    {
        width: 100%;
        white-space: normal;
    }

.Offer .title
{
    text-transform: uppercase;
    font-size: 16px;
    color: #0A2B64;
}

.Offer .title H2
{
    font:inherit;
    padding:inherit;
    margin: inherit;
    line-height:19px;
}

.Offer .content
{
    padding-top: 10px;    
}

.footer TD.offer_footer
{    
    border-bottom: dotted 1px #c0c0c0;
}

.Offer TD.action_buttons
{    
    padding-top: 20px;
}

.Offer .action_buttons input.btnInfosComp
{
    width: 190px;
}

.Offer .action_buttons SPAN.Diaporama
{
    margin-right: 0px;
}
/*
.Offer .action_buttons a.addthis_button_compact
{
    background-color: #fff;
}

.Offer .action_buttons a.addthis_button_compact img
{
    vertical-align: middle;
    margin-right: 3px;
    padding-bottom:2px;
    padding-top: 2px;
}
*/

.Offer .action_buttons a
{
    text-decoration: none;
    background-color: #e6ebf1;
    color: #0F3B6C;
    border: solid 1px #c0c0c0;    
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;    
    line-height: 20px; 
    padding-bottom: 2px;
    padding-top: 2px;
}
/*
.Offer .action_buttons input
{   
    vertical-align: baseline;
    text-decoration: none;
    background-color: #e6ebf1;
    color: #0F3B6C;
    border: solid 1px #c0c0c0;    
    cursor: pointer;    
    height: 19px;
    padding-bottom:2px;
    margin-bottom: 2px;
}
*/
.Offer .action_buttons input:hover
,.Offer .action_buttons a:hover
{
    background-color: #0F3B6C;
    color:#E8E7F5;
}

.Offer .action_buttons input.SELECTED
{
    background-color: #fff;
}

.footer .offer_footer .general_conditions a
{    
    color: #c0c0c0;
    font-size: 10px;    
    float:right;
    cursor: pointer;
    text-decoration: none;
}

.Offer TD.action_buttons 
{    
    color: #c0c0c0;
    font-size: 10px;    
    cursor: pointer;
}

.Offer TD.details
{
    vertical-align: top;
    white-space:nowrap;
    padding-bottom: 5px;
    border: solid 1px #c0c0c0;
    padding-top: 5px;
    width: 390px;
}

.Offer TD.details .content_line
{
    padding-left: 5px;  
}

.Offer TD.details DIV
{
    white-space: nowrap;     
}

    .Offer TD.details img
    {
        padding-bottom: 10px;
        padding-left: 5px;
    }
    
    .Offer TD.details .isNew
    ,.Offer TD.details .isImproved
    {
        float: right;
        background-color:#000;
        color:#fff;
        padding: 3px 10px 5px 10px;
        margin-right: 10px;
        margin-top: 3px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .Offer TD.details .isImproved
    {
        padding-bottom: 3px;
    }
    
    .Offer TD.details .guaranteed_departures
    {
        padding-top: 10px;
        /*padding-left: 15px;*/
    }
    
    .Offer TD.details .guaranteed_departures .value
    {
        white-space: normal;
    }
    
    .Offer TD.details .days
    {
       /*padding-left: 15px;*/
       display:inline;  
       white-space: nowrap;
    }
    
    .Offer TD.details .meals
    ,.Offer TD.details .rythme
    {
       display:inline;
       white-space: nowrap;
    }
    
        .Offer TD.details .caption
        {
            display:inline;
            text-transform: uppercase;
            font-weight: bold;            
        }
        
        .Offer TD.details .value
        {
            display:inline;   
            padding-left: 5px;         
        }
    
        .Offer TD.details .separator
        {
            display:inline;
            padding-right: 10px;
            padding-left: 10px;
        }
    
        .Offer TD.details .details_footer
        {
            margin-top: 10px;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
            padding-bottom: 5px;
            background-color: #ECECEC;
            font-size: 10px;  
            margin-right: 0px;
            white-space:normal;
            max-width: 100%;
        }        

table.footer 
{
    width:100%;
}

table.footer TD.collapsible_sections
{
    display:inline;
}

table.footer TD.collapsible_sections DIV.depart_et_prix
,table.footer TD.collapsible_sections DIV.inclus
,table.footer TD.collapsible_sections DIV.excursions
,table.footer TD.collapsible_sections DIV.itineraire
,table.footer TD.collapsible_sections DIV.infoscomp
{
    display:none;
}


table.footer TD.collapsible_sections DIV.depart_et_prix H1
,table.footer TD.collapsible_sections DIV.inclus H1
,table.footer TD.collapsible_sections DIV.excursions H1
,table.footer TD.collapsible_sections DIV.itineraire H1
,table.footer TD.collapsible_sections DIV.infoscomp H1
{
    padding-bottom: 10px;
    font-size: 14px;
}

table.footer TD.collapsible_sections table td.section_header img
{
    
}

table.footer TD.collapsible_sections DIV.inclus table
,table.footer TD.collapsible_sections DIV.excursions table
{
    width: 100%;
    margin-top: 5px;
}

table.footer TD.collapsible_sections img.section_state_box
{
    padding-right: 3px;
}

table.footer TD.collapsible_sections img.section_state_box:hover
{
    cursor: pointer;
}

table.footer TD.collapsible_sections img.section_print
{
    float: right;
}

table.footer TD.collapsible_sections img.section_print:hover
{
    cursor: pointer;
}

table.footer TD.collapsible_sections table#PRICES
{
    width: 100%;
    border: solid 1px #3B597D;
    margin-bottom: 10px;
    margin-top: 10px;
    border-collapse: collapse;
}

table.footer TD.collapsible_sections table#PRICES th
{
    background-color: #6680A5;
    color: #fff;
    text-transform: uppercase;
    vertical-align: bottom;
    font-weight: bold;
/*  border-left: solid 1px #3B597D;*/
    text-align: center;    
}
table.footer TD.collapsible_sections table#PRICES TH.top
{
    border-top: solid 1px #3B597D;    
    padding-top: 5px;
}

table.footer TD.collapsible_sections table#PRICES TH.bottom
{
    padding-bottom: 5px;
}

table.footer TD.collapsible_sections table#PRICES TH.date_depart_bottom
{
    text-align: left;
    padding-left: 10px;
    padding-bottom: 5px;    
}

table.footer TD.collapsible_sections table#PRICES TD
{    
    height: 20px;
    color: #0F3B6C;
    vertical-align: middle;
    text-align: center;    
}

table.footer TD.collapsible_sections table#PRICES TD.date_depart
{
    padding-left: 10px;
    text-align:left;
    border-top: 1px solid #9AACC2;
}

table.footer TD.collapsible_sections table#PRICES TD.prix_courant
{
    background-color: #E8E7F5;
    font-weight: bold;
    color: #032158;
}

table.footer TD.collapsible_sections table#PRICES TD.depart_guaranti
,table.footer TD.collapsible_sections table#PRICES TD.date_depart
,table.footer TD.collapsible_sections table#PRICES TD.prix_courant
,table.footer TD.collapsible_sections table#PRICES TD.quatrevingtdix_jours_et_plus
,table.footer TD.collapsible_sections table#PRICES TD.soixante_jours_et_plus
, table.footer TD.collapsible_sections table#PRICES TD.paiement_comptant
, table.footer TD.collapsible_sections table#PRICES TD.prix_avantage
, table.footer TD.collapsible_sections table#PRICES TD.client_fidele
, table.footer TD.collapsible_sections table#PRICES TD.cie_aerienne
, table.footer TD.collapsible_sections table#PRICES TD.occupation
{
    border-top: 1px solid #9AACC2;
    border-left: 1px solid #9AACC2;    
}

table.footer TD.collapsible_sections table#PRICES TD.prix_avantage
{
    font-weight: bold;
}

/* SECTION ITINERAIRE */
table.footer TD.collapsible_sections .itineraire .column 
{    
    vertical-align:top;
    width:31%;    
}
table.footer TD.collapsible_sections .itineraire .details_block 
{
    vertical-align:top;
    padding-right: 10px;
    padding-bottom: 10px;
    color: #0f3b6c;
}

table.footer TD.collapsible_sections .itineraire .details_block p
{
    color: #0f3b6c;
}

table.footer TD.collapsible_sections .itineraire .footer
{
    font-style:italic;
}

table.footer TD.collapsible_sections .itineraire .details_block .title
{
    color:#07B5E7;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    display: inline;
}
table.footer TD.collapsible_sections .itineraire .details_block .teaser
{
    color: #0F3B6C;    
    display:inline;
    font-size: 11px;
    font-weight:bold;
    margin-left: 5px;
}
table.footer TD.collapsible_sections .itineraire .details_block .description
,table.footer TD.collapsible_sections .itineraire .details_block .description_option
{
    color: #0F3B6C;
    display: block;
}

table.footer TD.collapsible_sections .itineraire .details_block .description ul,
table.footer TD.collapsible_sections .itineraire .details_block .description ul li {
    padding-left:0;
}

table.footer TD.collapsible_sections .itineraire .details_block .description_option
{
    font-weight: bold;
}

/* SECTION INCLUS ET EXCURSIONS */
table.footer TD.collapsible_sections .inclus .column 
,table.footer TD.collapsible_sections .excursions .column 
{
    vertical-align:top;
    width:50%;
}
table.footer TD.collapsible_sections .inclus .details_block 
,table.footer TD.collapsible_sections .excursions .details_block 
{
    vertical-align:top;
    margin-right: 10px;
    padding-bottom: 10px;
}
table.footer TD.collapsible_sections .inclus .details_block .title
,table.footer TD.collapsible_sections .excursions .details_block .title
{
    color:#07B5E7;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}
table.footer TD.collapsible_sections .inclus .details_block .description
,table.footer TD.collapsible_sections .inclus .details_block .description p
,table.footer TD.collapsible_sections .excursions .details_block .description
{
    color: #0F3B6C;
    display: block;
}
table.footer TD.collapsible_sections .inclus .details_block .description li
,table.footer TD.collapsible_sections .excursions .details_block .description li
{ 
    display: list-item;
    list-style-type: disc; 
}

/* SECTION INFORMATIONS COMPLEMENTAIRES*/
table.footer TD.collapsible_sections .inclus .details_block .description li, table.footer TD.collapsible_sections .excursions .details_block .description li
{
    display: list-item;
    list-style-type: disc;
    padding-left: 0;
}
table.footer TD.collapsible_sections .infoscomp .column
{
    vertical-align: top;
    width: 50%;
}
table.footer TD.collapsible_sections .infoscomp .details_block
{
    margin-right: 10px;
    vertical-align: top;
}
table.footer TD.collapsible_sections .infoscomp .details_block .title
{
    color: #07B5E7;
    display: inline;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
table.footer TD.collapsible_sections .infoscomp .details_block .description
,table.footer TD.collapsible_sections .infoscomp .details_block .description p
{
    color: #0F3B6C;
    display: block;
}
table.footer TD.collapsible_sections .infoscomp .details_block .description li
{
    display: list-item;
    list-style-type: disc;
    padding-left: 0;

    
    

