@media screen and (max-width: 1000px) {

    #content {
        padding-top: 0px ;
    }

    #header {
        position: relative ;

        nav {

            ul {
                margin-top: 5px ;
                float: left ;
                li {
                    float: right ;
                    display: none ;

                    a {
                        padding: 5px ;
                        height: auto ;
                        line-height: 20px ;
                    }
                }
            }
        }

        nav {
            width: 100% ;
            ul {
                float: none ;
                margin: 0px none ;
            }
        }

        nav ul li#logo {
            display: block ;
            a {
                //margin: 0px auto ;
            }
        }

        a#link-commander {
            display: none ;
        } 
    }

    #content #points-vente .content {
        padding-left: 10px ;
        margin-top: 30px ;
    }

    #menu-user {
        position: relative ;
        top: 0px ;
    }

    .connected #content {
        padding-top: 0px ;
    }
}