diff --git a/contact.html b/contact.html
index 828d880..ceb2182 100644
--- a/contact.html
+++ b/contact.html
@@ -15,10 +15,12 @@
         </div>
         <div class="buttons">
         <input name="button" id="boutonAccueil" onclick="fonctionAccueil()" value="Accueil" type="button" > <br/>
-        <input name="button" id="boutonPresentation" onclick="fonctionPrésentation()" value="Présentation" type="button" > <br/>
+        <input name="button" id="boutonPresentation" onclick="fonctionPresentation()" value="Présentation" type="button" > <br/>
         <input name="button" id="boutonHistorique" onclick="fonctionHistorique()" value="Historique" type="button" > <br/>
-        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochaine événements" type="button" > <br/>
-        <input name="button" id="boutonContact" onclick="fonctionContact()" value="Contact" type="button" > <br/>            
+        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochains événements" type="button" > <br/>
+        <span class="encours">
+            <input name="button" id="boutonContact" value="Contact" type="button" > <br/>            
+        </span>
         </div>
     </header>
 
@@ -37,20 +39,17 @@
 </body>
 
 <script id=historique type="text/javascript">
+    function fonctionPresentation(){
+        window.location="presentation.html";
+    }
     function fonctionHistorique(){
-        window.location.href("historique.html");
+        window.location="historique.html";
     }
     function fonctionAccueil(){
-        window.location.href("accueil.html");
-    }
-    function fonctionPresentation(){
-        window.location.href("presentation.html");
-    }
-    function fonctionContact(){
-        window.location.href("contact.html");
+        window.location="index.html";
     }
     function fonctionProchainsEvenements(){
-        window.location.href("prochains_evenements.html");
+        window.location="prochains_evenements.html";
     }
 </script>
 </html>
\ No newline at end of file
diff --git a/historique.html b/historique.html
index ac81b0a..52e8778 100644
--- a/historique.html
+++ b/historique.html
@@ -15,30 +15,29 @@
         </div>
         <div class="buttons">
         <input name="button" id="boutonAccueil" onclick="fonctionAccueil()" value="Accueil" type="button" > <br/>
-        <input name="button" id="boutonPresentation" onclick="fonctionPrésentation()" value="Présentation" type="button" > <br/>
-        <input name="button" id="boutonHistorique" onclick="fonctionHistorique()" value="Historique" type="button" > <br/>
-        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochaine événements" type="button" > <br/>
-        <input name="button" id="boutonContact" onclick="fonctioncontact()" value="Contact" type="button" > <br/>            
+        <input name="button" id="boutonPresentation" onclick="fonctionPresentation()" value="Présentation" type="button" > <br/>
+        <span class="encours">
+        <input name="button" id="boutonHistorique" value="Historique" type="button" > <br/>
+        </span>
+        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochains événements" type="button" > <br/>
+        <input name="button" id="boutonContact" onclick="fonctionContact()" value="Contact" type="button" > <br/>            
         </div>
     </header>
-
+<p>Voici l'historique</p>
 
 </body>
-<script id=historique type="text/javascript">
-    function fonctionHistorique(){
-        window.location.href("historique.html");
-    }
+<script type="text/javascript">
     function fonctionAccueil(){
-        window.location.href("accueil.html");
+        window.location.href="index.html";
     }
     function fonctionPresentation(){
-        window.location.href("presentation.html");
+        window.location="presentation.html";
     }
     function fonctionContact(){
-        window.location.href("contact.html");
+        window.location="contact.html";
     }
     function fonctionProchainsEvenements(){
-        window.location.href("prochains_evenements.html");
+        window.location="prochains_evenements.html";
     }
 </script>
 </html>
\ No newline at end of file
diff --git a/images/facebook.png b/images/facebook.png
new file mode 100644
index 0000000..b0a879f
Binary files /dev/null and b/images/facebook.png differ
diff --git a/index.html b/index.html
index 455c857..dcb6549 100644
--- a/index.html
+++ b/index.html
@@ -14,11 +14,13 @@
             <p id="festival_itinerant">Festival itinérant</p>            
         </div>
         <div class="buttons">
-        <input name="button" id="boutonAccueil" onclick="fonctionAccueil()" value="Accueil" type="button" > <br/>
-        <input name="button" id="boutonPresentation" onclick="fonctionPrésentation()" value="Présentation" type="button" > <br/>
+        <span class="encours">
+        <input name="button" id="boutonAccueil" value="Accueil" type="button" > <br/>
+        </span>
+        <input name="button" id="boutonPresentation" onclick="fonctionPresentation()" value="Présentation" type="button" > <br/>
         <input name="button" id="boutonHistorique" onclick="fonctionHistorique()" value="Historique" type="button" > <br/>
-        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochaine événements" type="button" > <br/>
-        <input name="button" id="boutonContact" onclick="fonctioncontact()" value="Contact" type="button" > <br/>            
+        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochains événements" type="button" > <br/>
+        <input name="button" id="boutonContact" onclick="fonctionContact()" value="Contact" type="button" > <br/>            
         </div>
     </header>
 
@@ -31,21 +33,18 @@
 
 
 </body>
-<script id=historique type="text/javascript">
-    function fonctionHistorique(){
-        window.location.href("historique.html");
-    }
-    function fonctionAccueil(){
-        window.location.href("accueil.html");
-    }
+<script type="text/javascript">
     function fonctionPresentation(){
-        window.location.href("presentation.html");
+        window.location="presentation.html";
+    }
+    function fonctionHistorique(){
+        window.location="historique.html";
     }
     function fonctionContact(){
-        window.location.href("contact.html");
+        window.location="contact.html";
     }
     function fonctionProchainsEvenements(){
-        window.location.href("prochains_evenements.html");
+        window.location="prochains_evenements.html";
     }
 </script>
 </html>
diff --git a/karafon_style.css b/karafon_style.css
index 3170d66..9c3dd32 100644
--- a/karafon_style.css
+++ b/karafon_style.css
@@ -54,4 +54,8 @@ input[type=button] {
 
 .corps{
     margin-top: 5%;
+}
+
+.encours > input[type=button]{
+    background-color: rgb(189, 191, 145);
 }
\ No newline at end of file
diff --git a/presentation.html b/presentation.html
index f5adbe3..7550afd 100644
--- a/presentation.html
+++ b/presentation.html
@@ -15,29 +15,28 @@
         </div>
         <div class="buttons">
         <input name="button" id="boutonAccueil" onclick="fonctionAccueil()" value="Accueil" type="button" > <br/>
-        <input name="button" id="boutonPresentation" onclick="fonctionPrésentation()" value="Présentation" type="button" > <br/>
+        <span class="encours">
+            <input name="button" id="boutonPresentation" value="Présentation" type="button" > <br/>
+        </span>
         <input name="button" id="boutonHistorique" onclick="fonctionHistorique()" value="Historique" type="button" > <br/>
-        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochaine événements" type="button" > <br/>
-        <input name="button" id="boutonContact" onclick="fonctioncontact()" value="Contact" type="button" > <br/>            
+        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochains événements" type="button" > <br/>
+        <input name="button" id="boutonContact" onclick="fonctionContact()" value="Contact" type="button" > <br/>            
         </div>
     </header>
 
 </body>
 <script id=historique type="text/javascript">
     function fonctionHistorique(){
-        window.location.href("historique.html");
+        window.location="historique.html";
     }
     function fonctionAccueil(){
-        window.location.href("accueil.html");
-    }
-    function fonctionPresentation(){
-        window.location.href("presentation.html");
+        window.location="index.html";
     }
     function fonctionContact(){
-        window.location.href("contact.html");
+        window.location="contact.html";
     }
     function fonctionProchainsEvenements(){
-        window.location.href("prochains_evenements.html");
+        window.location="prochains_evenements.html";
     }
 </script>
 </html>
\ No newline at end of file
diff --git a/prochains_evenements.html b/prochains_evenements.html
index 84732ef..0a79126 100644
--- a/prochains_evenements.html
+++ b/prochains_evenements.html
@@ -15,28 +15,27 @@
         </div>
         <div class="buttons">
         <input name="button" id="boutonAccueil" onclick="fonctionAccueil()" value="Accueil" type="button" > <br/>
-        <input name="button" id="boutonPresentation" onclick="fonctionPrésentation()" value="Présentation" type="button" > <br/>
+        <input name="button" id="boutonPresentation" onclick="fonctionPresentation()" value="Présentation" type="button" > <br/>
         <input name="button" id="boutonHistorique" onclick="fonctionHistorique()" value="Historique" type="button" > <br/>
-        <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochaine événements" type="button" > <br/>
-        <input name="button" id="boutonContact" onclick="fonctioncontact()" value="Contact" type="button" > <br/>            
+        <span class="encours">
+            <input name="button" id="boutonProchainsEvenements" value="Prochains événements" type="button" > <br/>
+        </span>
+        <input name="button" id="boutonContact" onclick="fonctionContact()" value="Contact" type="button" > <br/>            
         </div>
     </header>
 </body>
 <script id=historique type="text/javascript">
+    function fonctionPresentation(){
+        window.location="presentation.html";
+    }
     function fonctionHistorique(){
-        window.location.href("historique.html");
+        window.location="historique.html";
     }
     function fonctionAccueil(){
-        window.location.href("accueil.html");
-    }
-    function fonctionPresentation(){
-        window.location.href("presentation.html");
+        window.location="index.html";
     }
     function fonctionContact(){
-        window.location.href("contact.html");
-    }
-    function fonctionProchainsEvenements(){ 
-        window.location.href("prochains_evenements.html");
+        window.location="contact.html";
     }
 </script>
 </html>
\ No newline at end of file