Résolu Déplacement nav css

[AskaL]

Bonsoir, je voudrais déplacer mon menu, mais je n'y arrive pas, je voudrais déplacer également mon séparateur, j'ai essayer plusieurs choses, mais je n'y arrive pas :/
Mon code css :

/*Définition des polices*/

@font-face {
    font-family: 'oswald_regularregular';
    src: url('oswald-regular-webfont.woff2') format('woff2'),
         url('oswald-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*Eléments principaux de la page*/

body
{
    background: url('image/fond.jpg');
}

#bloc_page
{
    width: 900px;
    margin: auto;
}

h1
{
    font-family: oswald_regularregular;
    font-weight: normal;
    text-transform: uppercase;
}

/*Header*/

header
{
    display: flex;
    background: url('image/separateur.png') no-repeat;
    justify-content: flex-start;
    align-items: flex-end;
}

#titre_principal
{
    display: flex;
    flex-direction: column;
}

#logo
{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#logo img
{
    width: 189px;
    height: 190px;
}

header h1
{
    font-family: 'oswald_regularregular';
    font-weight: normal;
    text-transform: uppercase;
}

/*Navigation*/
nav ul
{
    list-style-type: none;
    display: flex;
}

nav li
{
    margin-right: 20px;
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color:#760001;
    border-bottom: 3px solid #760001;
}

Je voudrais les déplacer comme ceci :

Merci de votre aide

 

[AskaL]

@K'ys Hey, pourrais tu m'aider s'il te plaît ?

 

[Sm0keFrenchWeed]

@K'ys Hey, pourrais tu m'aider s'il te plaît ?

Salut, désoler mais le CSS et moi sa fait 2 x)