@font-face {
    font-family: 'agency';
    src: url('../fonts/AgencyFB.ttf');
    }
    
    @font-face {
    font-family: 'impact';
    src: url('../fonts/impact.ttf');
    }

.nav-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between; /* en ligne collé à droite */
    align-items: stretch; /* alignement sur l'axe secondaire */
    flex-wrap: nowrap;
    width: 100%;
	height: 55px;
    background-color: #144f79ff;
    font-size: 18px;
}

.nav-logo {
    font-family: impact;
    color: white;
    width: 150px;
    display: flex;
    flex-direction: row;
    justify-content: center; /* en ligne collé à droite */
    align-items: center;
    padding: 10px;
    background-color: rgb(12, 62, 97);
}

.nav-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; /* en ligne collé à droite */
    align-items: stretch; /* alignement sur l'axe secondaire */
    flex-wrap: nowrap;
}

.nav-item {
    
    padding-left: 20px;
    padding-right: 20px;
    color : white; 
    /*position: relative;  */
    text-transform: uppercase;
    
}


.nav-a {
    text-decoration: none;
    font-family: impact;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center; /* en ligne collé à droite */
    align-items: center;
    
}

.nav-item:after {
    content: '';
    border-bottom: solid 3px #019fb6;  
    transform: scaleX(0);  
    transition: transform 250ms ease-in-out;
  }

.nav-a:hover {
    background-color: rgb(12, 62, 97);
    cursor: pointer;
}

.nav-space {
    width: 15px;
    position: relative;
}

/*.nav-item:before, .nav-space:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 1em;
    height: 0.9em;
    width: 1px;
    background-color: white;
}*/