/* Petite réinitialisation du css de base */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}


/* C'est le code CSS de la barre de navigation. */
.nav-container {
    font-family: 'SodoSemiBold', sans-serif;
}

.nav-logo {
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav-logo img {
    width: 100%;
    height: 100%;
}

.nav-container {
    display: flex;
    background-color: snow;
    flex-grow: inherit;
    flex-flow: 	row nowrap;
    align-items: center;
    padding: 35px 20px;
}

.nav-links {
    display: flex;
}

.nav-links li {
    list-style: none;
    margin: 0 15px;
}

.nav-links ul li a {
    transition: .25s ease-out;
    text-decoration: none;
    color: #333333;
    font-size: 1.2rem;
}

.nav-links ul {
    display: flex;
}

.nav-links ul li a:hover {
    transition: .25s ease-in;
    color: #067655;
}