* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
/* Il définit la couleur de fond du corps sur un gris clair. */
body {
    background-color: #d3d3d3;
}

footer {
    position: relative;
    width: 100%;
    background: grey;
    min-height: 100px;
    padding: 20px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

footer p {
    color: #fff;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.1em;
}

footer .wave {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 50px;
    background: url(../img/wave.png);
    background-size: 1000px 100px;
}

footer .wave#wave1 {
    z-index: 1000;
    opacity: 1;
    bottom: 0;
    animation: animateWave 4s linear infinite;
}

@keyframes animateWave {
    0%
    {
        background-position-x: 1000px;
    }
    100%
    {
        background-position-x: 0px;
    }
}

footer .social_icon {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

footer .social_icon li {
    list-style: none;
}

footer .social_icon li a {
    font-size: 2em;
    color: #fff;
    margin: à 10px;
    display: inline-block;
    transition: 0.5s;

}

footer .social_icon li a:hover {
    transform: translateY(-10px);
}

/* Définir la couleur de fond de la barre de navigation sur gris. */
.navbar.luca {
    background-color: grey;
}

/* Modification de la couleur de fond du menu déroulant. */
.dropdown-menu {
    background-color: lightgrey;
}

/* Mettre le texte en gras. */
.membredugroupe {
    font-weight: bold;
}

/* Réglage de la hauteur et de la largeur du logo. */
.navbar-brand { 
    max-height: 100px;
    max-width: 30%; 
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0; 
} 

#playlist {
    list-style: none;
}

#playlist li a {
    color: black;
    text-decoration: none;
}

#playlist .current-song a {
    color: blue;
}

a {
    
}