/* Correction RB 11.28    21/04/2015 */
/* Correction JL 11.40    20/04/2015 */
/***************************************************************** Mobile */
@media screen and (max-width: 767px) {
    /*body:not(.i18n-fr-FR) #column-right #vsct-booking-form{
        display:none;
    }*/
    body:not(.i18n-fr-FR) {
        background:none !important;
    }
    body:not(.i18n-fr-FR) .vsc__container{
        width: 100% !important;
    }
    body:not(.i18n-fr-FR) #column-left .ad-block, body:not(.i18n-fr-FR) #column-right .ad-block{
        display: none !important;
    }
    body:not(.i18n-fr-FR) .block-mobile-left a img{
        display: none;
    }
    body:not(.i18n-fr-FR) .block-mobile-left a { 
        display: block;
        background-image: url('/sites/default/files/bloc_mobile_left_de_1.png');
        background-repeat: no-repeat;
    }

    body:not(.i18n-fr-FR) #pre-header,
    body:not(.i18n-fr-FR) #vsct-header-top-links,
    body:not(.i18n-fr-FR) #menu,
    body:not(.i18n-fr-FR) #top-region,
    body:not(.i18n-fr-FR) #breadcrumb,
    body:not(.i18n-fr-FR) .hexago,
    body:not(.i18n-fr-FR) #other_destinations,
    body:not(.i18n-fr-FR) .information-push,
    body:not(.i18n-fr-FR) footer {
        display: none !important;
    }

    body:not(.i18n-fr-FR) #main-content .scaling div#main-top-tetiere {
        height: auto !important;
    }

    body:not(.i18n-fr-FR) .digital-box iframe,
    body:not(.i18n-fr-FR) div.top-offer img,
    body:not(.i18n-fr-FR) .block-offers .node-offer-multi img {
        width: 100% !important;
        height: auto !important;
    }
    
    body:not(.i18n-fr-FR) #column-right .node-content-referenced {
        margin-bottom: 0;
    }

    body:not(.i18n-fr-FR) .block-offers .responsive.node-offer-multi,
    body:not(.i18n-fr-FR) .block-offers .multi-offer {
        float: left;
        clear:none;
    }

    body:not(.i18n-fr-FR) .block-offers .multi-offer {
        margin-right:2%;
    }

    body:not(.i18n-fr-FR) div.node-offer-multi.no-top-offer div.line-offers {
        width:48%;
    }

    body:not(.i18n-fr-FR) .block-offers .multi-offer.line-item-1 {
        margin-right:4%;
        float: left;
        width: 48%;
    }

    body:not(.i18n-fr-FR) .block-offers .multi-offer.line-item-2 {
        width: 48%;
        margin-right: 0;
    }

    body:not(.i18n-fr-FR) .block-offers .node-offer-multi,
   body:not(.i18n-fr-FR) div.responsive.node-offer-multi.no-top-offer div.line-offers {
        width: 100%;
    }

    body:not(.i18n-fr-FR) .block-offers .line-offer .no-note-amount .line-offer-heading {
        width: 80%;
    }

    body:not(.i18n-fr-FR) #header-wrapper {
        padding-top: 20px;
        height: 30px;
    }


    body:not(.i18n-fr-FR) .node-train-flux .train-flux-label,
    body:not(.i18n-fr-FR) .node-train-flux .train-flux-carrier,
    body:not(.i18n-fr-FR) .node-train-flux .offer-price {
        display: inline-block;
    }

    body:not(.i18n-fr-FR) .node-train-flux .train-flux-label {
        width: 57%;
        margin-right: 0;
    }
    body:not(.i18n-fr-FR) .node-train-flux .train-flux-carrier,
    body:not(.i18n-fr-FR) .node-train-flux .offer-price {
        width: 19%;
        margin-right:1%;
    }

    body:not(.i18n-fr-FR) ,
    body:not(.i18n-fr-FR) #main-content,
    body:not(.i18n-fr-FR) #header-wrapper,
    body:not(.i18n-fr-FR) #container,
    body:not(.i18n-fr-FR) #main-top,
    body:not(.i18n-fr-FR) #column-right,
    body:not(.i18n-fr-FR) #column-left {
        width: 100% !important;
    }

    body:not(.i18n-fr-FR) #column-right {
        display: block !important;
    }

    body:not(.i18n-fr-FR) #column-right div.digital-box {
        display: none;
    }

    body:not(.i18n-fr-FR) #column-right .node-content-referenced {
        clear: both;
        margin-bottom: 40px;
    }

   body:not(.i18n-fr-FR) #logo-site {
        width: 147px !important;
        height: 57px !important;
    }
    .js body:not(.i18n-fr-FR) #logo-site-link {
        bottom: -13px !important;
    }
    body:not(.i18n-fr-FR) #main-top {
        padding: 20px 0 !important;
        overflow: hidden;
    }
   body:not(.i18n-fr-FR) #main-top.scaling {
        padding: 0 !important;
    }

    body:not(.i18n-fr-FR) .scaling #main-top-tetiere {
        padding-left: 60%;
        padding-right: 5%;
        height: 100%;
        padding-top: 3%;
    }
}

/***************************************************************** Small Mobile */

@media screen and (max-width: 480px) {
    body:not(.i18n-fr-FR)  {
        text-rendering: optimizeSpeed;
    }
    body:not(.i18n-fr-FR) #column-left .ad-block, body:not(.i18n-fr-FR) #column-right .ad-block{
        display: none !important;
    }
    body:not(.i18n-fr-FR) #main-top.scaling {
        background-size: contain;
    }
    body:not(.i18n-fr-FR) .block-offers .multi-offer.line-item-2,
    body:not(.i18n-fr-FR) .block-offers .multi-offer.line-item-1 {
        margin-right: 0;
        float: none;
        width: 100%;
    }

    body:not(.i18n-fr-FR) .block-offers .multi-offer.line-item-2{
        border-top: 1px solid #ececec;
        clear:both;
    }

    body:not(.i18n-fr-FR) .block-offers .multi-offer,
    body:not(.i18n-fr-FR) .block-offers .node-offer-multi {
        width: 100%;
    }
    
    body:not(.i18n-fr-FR) .block-offers .line-offer .no-note-amount .line-offer-heading {
        width: 80%;
    }

    body:not(.i18n-fr-FR) .block-offers .line-offer .line-offer-heading,
    body:not(.i18n-fr-FR) .block-offers .line-offer .price-exponent-display-layout {
        width: 20%;
    }

    body:not(.i18n-fr-FR).node-type-multi-offers-list div.price-exponent-display-layout.display-inline {
        width: inherit;
    }

    body:not(.i18n-fr-FR) .multi-offer-text-intro img {
        height: auto;
    }

    body:not(.i18n-fr-FR) .scaling #main-top-tetiere {
        padding:250px 20px 20px;
        background:none;
        height: inherit;
    }

    body:not(.i18n-fr-FR) #main-top.scaling {
        background-size: contain;
        height: inherit;
        background-position: top;
    }
    /*body:not(.i18n-fr-FR) #column-right #vsct-booking-form{
        display:none;
    }*/
}

@media screen and (min-width: 360px) and (max-width: 480px)  {
    body:not(.i18n-fr-FR).scaling #main-top-tetiere {
    padding: 260px 20px 20px;
}
