/*
    présentation de la page
*/

#page {
    display: flex;
    flex-direction: column;   
    max-width: 1000px;
    margin: 0 auto;
}

#entete {
}

#principal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;    
}

#menu {
    order: 1;
    padding-right: 1em;    
    width: 220px;
    /*margin: 0 auto;*/
}

#plus {
    order: 3;   
    width: 200px;
    /*margin: 0 auto;*/
}

#contenu {
    order: 2;
    max-width: 100%;
    margin: 0 auto; 
    flex-grow: 3;
}

.tinynav { 
    display: none;
}

@media screen and (max-width:1000px) {
    #principal {
        display: flex;
        flex-direction: column;
    }
    #plus {
        display:none;
    }
    .tinynav { 
        display: block 
    }
    #MobileMenu { 
        display: none;
    }

}