diff --git a/index.html b/index.html
index 865e928..f243189 100644
--- a/index.html
+++ b/index.html
@@ -26,36 +26,43 @@
   <body>
     <header>
       <div id="main_title">
+        <a href="http://www.h2g2.com" target="_blank">
+          <img src="marvin-robot_normal.png" alt="" id="banner"/>
+        </a>
         <h1>Nemubot Questions</h1>
       </div>
     </header>
 
     <section id="introduction">
-      <h3>Bonjour,</h3>
+      <article id="bonjour">
+        <h2>Bonjour,</h2>
 
-      Bienvenu sur le site de questions de Nemubot. Vous pouvez ici ajouter de
-      nouvelles questions à Nemubot. Ces questions seront posées sur le
-      chan irc.
+        Bienvenu sur le site de questions de Nemubot. Vous pouvez ici
+        ajouter de nouvelles questions à Nemubot. Ces questions seront
+        posées sur le chan irc.
+      </article>
 
-      <h3>Fonctionnement</h3>
+      <article id="fonctionnement">
+        <h2>Fonctionnement</h2>
 
-      <p>
-        Les questions que vous ajoutez vont être soumise à vérification par une
-        personne tirée au sort parmis la liste des participants du chan.
-      </p>
-      <p>
-        L'un des principes de ces questions est qu'elle aient un rapport
-        avec les cours dispensés au 2eme semestres et sur lesquelles nous
-        auront des partiels. Merci de poser des questions qui vont dans
-        ce sens.
-      </p>
+        <p>
+          Les questions que vous ajoutez vont être soumise à vérification par une
+          personne tirée au sort parmis la liste des participants du chan.
+        </p>
+        <p>
+          L'un des principes de ces questions est qu'elle aient un rapport
+          avec les cours dispensés au 2eme semestres et sur lesquelles nous
+          auront des partiels. Merci de poser des questions qui vont dans
+          ce sens.
+        </p>
 
-      <p>
-        Un email va être envoyé à cette personne avec votre question et
-        la/les réponse(s) que vous avez proposé. Cette personne pourra alors
-        valider votre question et celle ci pourra alors apparaitre sur le chan.
-        Si elle est refusée, elle sera détruite de la base de données.
-      </p>
+        <p>
+          Un email va être envoyé à cette personne avec votre question et
+          la/les réponse(s) que vous avez proposé. Cette personne pourra alors
+          valider votre question et celle ci pourra alors apparaitre sur le chan.
+          Si elle est refusée, elle sera détruite de la base de données.
+        </p>
+      </article>
     </section>
 
     <form id="formulaire" method="post" action="questions.php">
diff --git a/marvin-robot_normal.png b/marvin-robot_normal.png
new file mode 100644
index 0000000..8989a6d
Binary files /dev/null and b/marvin-robot_normal.png differ
diff --git a/style.css b/style.css
index c303787..76267de 100644
--- a/style.css
+++ b/style.css
@@ -3,17 +3,62 @@ body
     text-align: center;
     width: 60%;
     margin: auto;
+    background-color: #545455;
+}
+
+header
+{
+    border-radius: 10px;
+    margin: 10px;
+    padding: 8px;
+    background-color: black;
+    color: orange;
+}
+
+#banner
+{
+    display: inline-block;
+    float: right;
 }
 
 #introduction
 {
     text-align: justify;
-    border: solid;
     border-radius: 5px;
-    padding: 10px;
     margin-bottom: 10px;
 }
 
+#introduction article
+{
+    display: inline-block;
+    width: 40%;
+    background-color: white;
+    border: solid;
+    border-radius: 3px;
+    border-radius: 0px;
+    padding: 10px;
+    height: 350px;
+}
+
+article h2, form h2
+{
+    background-color: black;
+    color: orange;
+    margin-left: -10px;
+    margin-right: -10px;
+}
+
+#bonjour
+{
+    vertical-align: top;
+    margin-right: 10%;
+}
+
+#fonctionnement
+{
+    margin-left: 5px;
+}
+
 form
 {
     border: solid;
@@ -21,6 +66,7 @@ form
     margin-bottom: 20px;
     text-align: left;
     padding: 10px;
+    background-color: white;
 }
 
 #list
@@ -41,13 +87,15 @@ aside
     box-shadow: 0px 5px 10px black;
     padding-left: 10px;
     padding-right: 10px;
+    background-color: black;
+    color: orange;
 }
 
 #arrow
 {
     position: absolute;
     margin-left: -40px;
-    margin-top: 100px;
+    margin-top: 80px;
 }
 
 footer
diff --git a/validation.php b/validation.php
index 4df8a34..bcef17f 100644
--- a/validation.php
+++ b/validation.php
@@ -1,4 +1,19 @@
 <!DOCTYPE html>
+
+ <?php
+  include("Question.class.php");
+  include("QuestionsFile.class.php");
+
+function print_question()
+{
+  $id = $_GET['id'];
+  $file = new QuestionsFile('questions.xml');
+
+  $questions = $file->get_question($id);
+  $question->print_test();
+}
+?>
+
 <html>
   <head>
     <meta charset="utf8" />
@@ -10,19 +25,8 @@
    lien ci dessous.<br/>
 
    <input type="button" value="Valider la question"
-          onclick="validate()"/>
+          onclick="<?php print_questions(); ?>"/>
 
 
-      <?php
-      include("Question.class.php");
-      include("QuestionsFile.class.php");
-
-        $id = $_GET['id'];
-        $file = new QuestionsFile('questions.xml');
-
-        $questions = $file->get_question($id);
-        $question->print_test();
-         ?>
-
 </body>
 </html>
