:root{
    --blackcours : rgb(55,62,105);
    --flashcours : rgb(101,113,187);
    --pastelcours : rgb(156,165,244);
    --lightcours : rgb(237,238,255);

    --blackconnexion: rgb(21, 97, 71);
    --flashconnexion: rgb(45, 179, 133);
    --pastelconnexion: rgb(125, 222, 199);
    --lightconnexion: rgb(218, 252, 240);


@font-face {
    font-family: 'Sailors';
    src: url('fonts/Sailors-1.eot');
    src: url('fonts/Sailors-1.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sailors-1.woff2') format('woff2'),
        url('fonts/Sailors-1.woff') format('woff'),
        url('fonts/Sailors-1.ttf') format('truetype'),
        url('fonts/Sailors-1.svg#Sailors') format('svg');
            }
        }

/* Footer */
#footer{
background: var(--pastelcours);
position: fixed;
bottom: 0;
width: 100%;
height:fit-content;
z-index: 100;
}

.footer {    
    display: flex;
    flex-wrap: nowrap;
    align-items: center;    
    justify-content: space-around;
    /* padding-top: 1rem; */
    /* margin-bottom: 1rem; */
    
}

.legal{
    text-align: center;
    padding-bottom: 1rem;
    font-family: 'Sailors';
    color: var(--blackcours);
    letter-spacing: 1px;
 a{
    text-decoration: none;
    color: var(--blackcours);
 }
}