/* Mise en forme de la barre verticale de menu */
.menu{
    float: left; 
    width: 240px;
}

/* Mise en forme du titre du menu */
.userMenuTitle{
    text-align: center;
    height: 46px;
    width: 240px;
    padding-top: 18px;
    background-color: darkslategray; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: white;
}

/* Mise en forme du menu de navigation */
#menuNav{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: white;
    background-color: #38B1C6; 
    height: 600px;
}

/* On enlève les puces du menu */
#menuNav ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

/* On ajoute des séparations aux éléments du menu */
#menuNav li{
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* On regroupe les éléments du menu en un bloc*/
#menuNav li a{
    display: block;
    padding: 15px;
}

/* On désactive le soulignement des liens */
#menuNav li a:link{
    text-decoration: none;
    color: white;
}

/* On laisse la couleur de base lorsque le lien a été visité */
#menuNav li a:visited{
    color: white;
}

/* On active le changement de couleur au passage de la souris */
#menuNav li a:hover{
    background-color: #8CC63E;
    color: white;
}

/* Mise en forme du contenu */
.contentUser{
    float: right;
    width: 1040px; 
    height: 680px; 
}