html,
    body {
        width: auto;
        margin: 0 auto;
    }
    
    body {
        font-family: 'Roboto', sans-serif;
        display: flex;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    }
    
    #bloc_page {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }
    
    #stations hr {
        border: 1px solid #97732e;
    }
    
    h1 {
        text-align: center;
    }
    
    h2 {
        text-align: center;
        margin-top: 80px;
        margin-bottom: 0;
        font-size: 2em;
        color: #26639b;
    }
    /* --------------------- HEADER LOGO + IMAGES ------------------- */
    
    #accueil {}
    
    #accueil hr {
        border: 1px solid #26639b;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    #logo {
        display: flex;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        flex-direction: column;
        margin: 0 auto;
        width: auto;
    }
    
    #images_header {
        display: flex;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        margin: 0 auto;
    }
    
    #img1 {
        margin: auto;
    }
    
    #img2 {
        margin: auto;
        margin-bottom: 20px;
    }
    
    #logo h1 {
        margin: 20px auto;
        color: #97732e;
    }
    /* --------------------- FOOTER RESERVATION ------------------- */
    
    #reservation {
        margin: auto 10px 50px 10px;
        height: 200px;
        background-color: #26639b;
        border: 1px solid #97732e;
        border-radius: 20px;
        box-shadow: 10px 10px 50px #97732e;
    }
    
    #reservation h2 {
        margin-top: 20px;
        color: #97732e;
        text-decoration: underline;
        text-shadow: 1px 0 0 #FFF, 0 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF;
    }
    
    #reservation p {
        text-align: center;
        color: #FFF;
        font-size: 1.4em;
    }
    
    #resa {
        display: none;
    }
    
    #compteur {
        display: none;
    }
    /* --------------------- MEDIA QUERIES GENERAL ------------------- */
    
    @media all and (max-width: 1024px) {
        #bloc_page {
            max-width: 980px;
        }
        #img1 {
            width: 200px;
        }
        #img2 {
            width: 200px;
            margin-bottom: 60px;
        }
        #reservation p {
            font-size: 1.3em;
        }
    }
    
    @media all and (max-width: 800px) {
        #bloc_page {
            max-width: 750px;
        }
        #veliloc {
            margin: 0 auto;
        }
        #img1,
        #img2 {
            display: none;
        }
        #reservation p {
            font-size: 1.1em;
        }
    }
    
    @media all and (max-width: 640px) {
        #bloc_page {
            max-width: 600px;
        }
        #accueil hr {
            display: none;
        }
        #reservation p {
            font-size: 0.8em;
        }
    }