﻿#MobileHeader { display: none; }
.hide-desktop { display: none; }
.mobile-title { display: none; }
.lMenuToggleBar { display: none; }

@media (max-width: 1000px) {
    .bg { min-width: 0; background-position: left top 190px; background-size: 100% auto; }

    @media (min-width: 460px) {
        .bg { background-position: left top 170px; }
    }

    .wrapper { min-width: 0; }
    .center960 { width: auto; }
    #internContent { width: auto; padding: 15px; }
    #internContent > h1 { padding: 15px; font-size: 20px; display: block; text-align: center; }

    .mobile-title { display: block; background: #231f20; color: #fff; margin: -15px -15px 15px -15px; font-size: 20px; text-align: center; padding: 20px 0; }

    .hide-mobile { display: none; }
    .hide-destop { display: block; }
    .mobile-image-max-hundred img { max-width: 100%; height: auto !important; }

    /* HEADER */

    #DesktopHeader { display: none; }
    #MobileHeader { display: block; position: relative; z-index: 9999; }

    .mobile-top-nav { background: #eb1c24; padding: 10px 0 6px 0; text-align: right; }
    .mobile-top-nav a { display: inline-block; height: 30px; margin: 0 30px 0 0; background-size: auto 30px; }
    .mobile-top-nav a.mobile-top-nav-facebook { background-image: url(/Images/mobile-top-nav-facebook.gif); width: 20px; }
    .mobile-top-nav a.mobile-top-nav-youtube { background-image: url(/Images/mobile-top-nav-youtube.gif); width: 31px; }

    .mobile-top { background: #fbb03b; padding-top: 8px; padding-bottom: 5px; position: relative; }
    .mobile-top-logo { width: 63px; height: auto; display: block; float: left; margin: 0 28px 0 27px; }
    .mobile-top-jets-logo { width: 80px; height: auto; display: inline-block; }
    .mobile-top-toggle-menu { position: absolute; bottom: 0; right: 0; }


    /* FOOTER */

    .bgdFooter { background: #faaf3a !important; margin: 0; padding: 0 0 0 0; }
    #footerContent { height: auto; width: auto; }
    .txtFooter { position: relative; right: initial; top: initial; padding: 15px; background: #fff; }
    .footerBox { float: none; width: auto; margin: 0 0 0 0; }
    .footerBox h1 { text-align: left; font-size: 20px; margin: 0 0 50px 18px; }
    .footerBox p { font-size: 14px; padding: 0 15px; margin: 50px 0; }
    a.logoFooter { bottom: initial; left: initial; position: relative; padding: 15px; }
    .bgdMedias { background: #595959; text-align: center; }
    .zoneMedias { background: none; width: auto; display: block; }
    .zoneMedias li { display: block; float: left; width: 50%; text-align: center; }
    .zoneMedias li:first-child { background: #b7b7b7; }
    .zoneMedias li:hover img { display: none; }
    .zoneMedias a#fb00 { margin-left: 0; display: inline-block; }
    p.copyrights { height: auto; position: relative; line-height: 14px; padding: 15px; width: auto; }


    .lMenuToggleBar { 
        display: block; background: #231f20; margin: 0 -15px; padding: 15px; text-align: right; 
    }
    .lMenuToggleButton { 
        display: inline-block; width: 66px; height: 38px; background: url(/Images/lmenu-toggle-button.png); 
        text-indent: -9999999px; text-align: left;
    }

    .lMenu { float: none; width: auto; margin: 0 -15px 0 -15px !important; display: none; }
    .lMenu.mobile-open { display: block; }
    #subLMenu { 
        display: block; left: initial; top: initial; position: relative; width: auto; padding: 0; 
        background: #fff;
    }
    #subLMenu li { background: #fff; border: none; }
    #subLMenu a { background: #fff; }

    .rContent { float: none; margin: 15px -15px 0 -15px; width: auto; }
    .rContent article h1, .rContent section h1 { font-size: 20px; width: auto; padding-left: 15px; padding-right: 15px; }
    .rContent article h2, .rContent section h2,
    .rContent article h3, .rContent section h3, 
    .rContent article h4, .rContent section h4, 
    .rContent article h5, .rContent section h5,
    .rContent article h6, .rContent section h6 { padding-left: 15px; padding-right: 15px; }
    .rContent article p, .rContent section p { width: auto; padding-left: 15px; padding-right: 15px; }
    .rContent article ol, .rContent section ol,
    .rContent article ul, .rContent section ul { padding-left: 15px; padding-right: 15px; }
    .rContent article img, .rContent section img { 
        max-width: 100% !important; height: auto !important; float: none !important; padding: 15px 0 !important; 
    }


    #diaporamaFotos { width: auto; margin: 15px 0 0 0; text-align: center; }
    #diaporamaFotos ul { margin: 0; }
    #diaporamaFotos a { margin: 15px; float: none; display: inline-block; }
    #diaporamaFotos a img { width: 100% !important; height: 100% !important; padding: 0 !important; }
    #navigation { width: auto; }
}
