/**************************
 * Pas de media query ici *
 **************************/

/********/
/* MENU */
/********/
body > nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 15em;
    height: 12em;
    z-index: 10;
}
body > nav ul {
    display: inline-block;
    list-style-type: none;
}
body > nav li {
    padding: 5px;
    border-radius: 5px;
    cursor: default;
    margin: 1px;
    transition: 0.8s;
    transition-property: color, background;
    background: rgba(255,255,255,0.6);
}
body > nav li > ul {
    display: none;
}
body > nav li:hover > ul {
    display: inline-block;
    position: absolute;
    left: 6em;
}
body > nav li:hover {
    color: white;
    font-weight: bold;
    background-color: rgba(0,0,0,0.9);
}
body > nav li:hover ul {
    color: rgba(0,0,0,0.9);
    font-weight: normal;
}
body > nav a {
    color: inherit;
    text-decoration: inherit;
}