* {
    margin: 0;
    padding: 0;
}

/* couleur et taille de la barre de navigation */
nav {
    width: 100%;
    height: 60px;
    background-color: pink;   
}
/* distance entre le logo et la liste */
nav p {
    float: left;
    padding: 0px 50px;
}
/* assembler la liste dans la barre de navigation */
nav ul {
    float: left;
}
/* hover sur chaque éléments de la barre de navigation et le dropdown */
nav li:hover{
    background-color: hotpink;
}

/* supprimer les points devant les listes + espace entre les lettres */
nav ul li {
    float: left;
    list-style: none;
    position: relative;
    letter-spacing: 2px;
    width: 200px;
}
/* modifier le texte dans la barre de navigation */
nav ul li a {
    display: block;
    font-family: arial;
    color: white;
    font-size: 14px;
    padding: 22px 14px;
    text-decoration: none;
}
/* espacement des éléments de la barre de navigation + couleur, bordures arrondies et masquer le dropdown */
nav ul li ul {
    display: none;
    position: absolute;
    background-color: pink;
    border-radius: 0px 0px 4px 4px;    
}

/* faire apparître le dropdown */
nav ul li:hover ul  {
    display: block;
}
/* espacement des éléments du dropdown */
nav ul li ul li a {
    padding: 8px 14px;
}
/* hover du dropdown */
nav ul li ul li a:hover {
   background-color: hotpink;
}