Dans ton HTML, tu avais oublié de fermer une de tes balises <ul> donc je l'ai rajouté.
Ensuite, dans ton CSS tu détailles beaucoup les chemins auquels tu veux appliquer tes modifications, ce n'est pas utile.
Pour finir, j'ai centré ton image en lui donnant une position de 50% de la largeur de la page, moins 50% de la taille de ton image.
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="test.css">
<title></title>
</head>
<body>
<header>
<nav class="navbar">
<div class="left">
<ul>
<li class="menu">
<a href="index.html">
Acceuil
</a>
</li>
<li class="menu">
<a href="">
Connexion
</a>
</li>
<li class="menu">
<a href="">
Inscription
</a>
</li>
<li class="menu">
<a href="">
Voter pour le serveur
</a>
</li>
</ul>
</div>
<div class="center">
<img src="img/logo.png" width="150px">
</div>
<div class="right">
<ul>
<li class="menu">
<a href="nous_rejoindre.html">
Nous rejoindre
</a>
</li>
<li class="menu">
<a href="reglement.html">
Le règlement
</a>
</li>
<li class="menu">
<a href="jeu.html">
Le jeu
</a>
</li>
<li class="menu">
<a href="boutique.html">
Boutique
</a>
</li>
</ul>
</div>
</nav>
</header>
</body>
</html>
CSS
nav .menu{
list-style-type: none;
display:inline-block;
}
nav .menu a{
color: white;
background-color: #1421DC;
text-decoration: none;
font-size: 15px;
padding: 10px;
}
nav .menu:hover a{
color:white;
background-color: #454BA2;
transition: 0.3s all;
}
nav .left{
position:absolute;
top:0px;
left:0px;
}
nav .center{
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
nav .right{
position:absolute;
top:0px;
right:50px;
}
