diff --git a/content/objectifs/voicechat.md b/content/objectifs/voicechat.md
index b9bb6d9..1dee4b6 100644
--- a/content/objectifs/voicechat.md
+++ b/content/objectifs/voicechat.md
@@ -1,5 +1,5 @@
 +++
-title = "voicechat"
+title = "ConcordVC"
 +++
 
 Concord Voice Chat est une application web qui a pour but de fournir un salon vocal sans friction, ephemere et freemium pour le plus grand nombre.
diff --git a/static/style.css b/static/style.css
index b5cb4a7..46f6476 100644
--- a/static/style.css
+++ b/static/style.css
@@ -10,25 +10,25 @@ footer{
   background-color: lightgrey;
 }
 
-#nav{
+.nav{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
-  background-color: blue;
+  background-color: #000000ccc;
   display: flex;
 }
 
-#nav-element{
+.nav-element{
   float: right;
 }
 
-#nav-link{
+.nav-link{
   display: block;
   color: white;
   padding: 14px 16px;
   text-decoration: none;
 }
 
-#nav-link:hover{
+.nav-link:hover{
   background-color: light-blue;
 }
diff --git a/templates/index.html b/templates/index.html
index bcd89b0..a1969f0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -19,7 +19,7 @@
   <div>
     <h2 class="titre">Objectifs</h2>
     <ul>
-      <li class="third-section-list-element"><a href="concordvc.html">ConcordVC</a></li>
+      <li class="third-section-list-element"><a href="{{ get_url(path='@/objectifs/voicechat.md')}}">ConcordVC</a></li>
       <li class="third-section-list-element"><a href="autoslicer.html">Auto-Slicer</a></li>
       <li class="third-section-list-element"><a href="autowater.html">Auto-water</a></li>
       <li class="third-section-list-element"><a href="{{ get_url(path='@/objectifs/porsche-944.md')}}">Porsche 944 turbo</a></li>