diff --git a/champ.php b/champ.php
index 71b4a0f..42c9dc4 100644
--- a/champ.php
+++ b/champ.php
@@ -1,14 +1,16 @@
 <?php
 if ($balise == 'input'){
-    echo '<div class="container-champ">
-        <p> ',$titre,' : <a id="int" href="#" onmouseup=displayHelp(',$sql_name,') ><img src="img/int.png" alt="point_int" width=20px></a></p>
+    echo '<p> ',$titre,' : ';
+    if ($help) {
+        echo '<a class="int" href="#" onmouseover=displayHelp(',$sql_name,') onmouseout=hideHelp(',$sql_name,') ><img src="img/int.png" alt="point_int" width=20px></a>';
+    }
+    echo '</p>
         <div class="champ">
             <input class="entry" type=',$type,' name=',$sql_name,' required><br>
             <img class="check" src="img/check.png" alt="check">
             <img class="excla" src="img/excla.png" alt="exclamation">
         </div>
-        <small>Error: ',$error,'</small>
-    </div>';
+        <small>Error: ',$error,'</small>';
 }
 elseif ($balise == 'select') {
     echo '<p>',$titre,' :</p>
@@ -22,18 +24,15 @@ elseif ($balise == 'select') {
         </select>
         <img class="check" src="img/check.png" alt="check">
         <img class="excla" src="img/excla.png" alt="exclamation">
-    </div>
-    <small>Error: ',$error,'</small>';
+    </div>';
 }
 elseif ($balise == 'textarea') {
-    echo '<div class="container-champ">
-        <p>',$titre,' :</p>
+    echo '<p>',$titre,' :</p>
         <div class="champ">
             <textarea class="entry" rows="10" cols="30" name=',$titre,' required></textarea><br>
             <img class="check" src="img/check.png" alt="check">
             <img class="excla" src="img/excla.png" alt="exclamation">
         </div>
-        <small>Error: ',$error,'</small>
-    </div>';
+        <small>Error: ',$error,'</small>';
 }
 ?>
diff --git a/index.php b/index.php
index defcf52..0920930 100644
--- a/index.php
+++ b/index.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html onclick=hideHelp() lang="fr">
+<html lang="fr">
     <head>
         <meta charset="utf-8">
         <title>Tickets de panne</title>
@@ -19,82 +19,113 @@
                     $type = 'date';
                     $balise = 'input';
                     $error = 'Veuillez saisir une date';
+                    $help = false;
                     include("champ.php");
                 ?>
-                <div class='help' id='dates'>
-                    <p>hello</p>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Details';
+                    $sql_name = 'details';
+                    $balise = 'textarea';
+                    $error = "Vous n'avez pas remplie ce champ";
+                    include("champ.php");
+                ?>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Lieu';
+                    $sql_name = 'lieu';
+                    $type = 'text';
+                    $balise = 'input';
+                    $error = "Vous n'avez saisie de lieu";
+                    $help = true;
+                    include("champ.php");
+                ?>
+                <div class="help" id="lieu">
+                    <p>Entrez le nom du bâtiment dans lequel se trouve le matériel</p><br>
+                    <code>Exemple: bâtiment A</code>
                 </div>
             </div>
-            <?php
-                $titre = 'Details';
-                $sql_name = 'details';
-                $balise = 'textarea';
-                $error = '';
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'Lieu';
-                $sql_name = 'lieu';
-                $type = 'text';
-                $balise = 'input';
-                $error = "Vous n'avez saisie de lieu";
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'Salle';
-                $sql_name = 'salle';
-                $type = 'text';
-                $balise = 'input';
-                $error = "Vous n'avez pas saisie de salle";
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'Position dans la salle';
-                $sql_name = 'pos';
-                $type = 'text';
-                $balise = 'input';
-                $error = 'Veuillez remplir ce champ';
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'Matériel';
-                $sql_name = 'materiel';
-                $balise = 'select';
-                $error = '';
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'Marque';
-                $sql_name = 'marque';
-                $type = 'text';
-                $balise = 'input';
-                $error = "Vous n'avez pas saisie la marque";
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'Model';
-                $sql_name = 'model';
-                $type = 'text';
-                $balise = 'input';
-                $error = "Veuillez saisir le model";
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'N° de série';
-                $sql_name = 'nserie';
-                $type = 'text';
-                $balise = 'input';
-                $error = "Vous n'avez saisie le n° de série";
-                include("champ.php");
-            ?>
-            <?php
-                $titre = 'Demandeur';
-                $sql_name = 'demandeur';
-                $type = 'text';
-                $balise = 'input';
-                $error = 'demandeur';
-                include("champ.php");
-            ?>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Salle';
+                    $sql_name = 'salle';
+                    $type = 'text';
+                    $balise = 'input';
+                    $error = "Vous n'avez pas saisie de salle";
+                    $help = true;
+                    include("champ.php");
+                ?>
+                <div class="help" id="salle">
+                    <p>Entrez le nom de la salle dans lequel se trouve le matériel</p><br>
+                    <code>Exemple: A 11 codage</code>
+                </div>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Position dans la salle';
+                    $sql_name = 'pos';
+                    $type = 'text';
+                    $balise = 'input';
+                    $error = 'Veuillez remplir ce champ';
+                    $help = true;
+                    include("champ.php");
+                ?>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Matériel';
+                    $sql_name = 'materiel';
+                    $balise = 'select';
+                    $error = '';
+                    include("champ.php");
+                ?>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Marque';
+                    $sql_name = 'marque';
+                    $type = 'text';
+                    $balise = 'input';
+                    $error = "Vous n'avez pas saisie la marque";
+                    $help = true;
+                    include("champ.php");
+                ?>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Model';
+                    $sql_name = 'model';
+                    $type = 'text';
+                    $balise = 'input';
+                    $error = "Veuillez saisir le model";
+                    $help = true;
+                    include("champ.php");
+                ?>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'N° de série';
+                    $sql_name = 'nserie';
+                    $type = 'text';
+                    $balise = 'input';
+                    $error = "Vous n'avez saisie le n° de série";
+                    $help = true;
+                    include("champ.php");
+                ?>
+            </div>
+            <div class="container-champ">
+                <?php
+                    $titre = 'Nom';
+                    $sql_name = 'demandeur';
+                    $type = 'text';
+                    $balise = 'input';
+                    $error = 'Veillez entrer votre nom';
+                    $help = true;
+                    include("champ.php");
+                ?>
+            </div>
             <div class="container-champ">
                 <br>
                 <div class="champ">
diff --git a/script.js b/script.js
index e0a9d71..0d83bb7 100644
--- a/script.js
+++ b/script.js
@@ -1,4 +1,3 @@
-const image = document.getElementById('int');
 const button = document.getElementById('submit');
 const page = document.getElementById('page');
 
@@ -7,33 +6,14 @@ const excla = document.getElementsByClassName('excla');
 const entry = document.getElementsByClassName('entry');
 const help = document.getElementsByClassName('help');
 
-page.addEventListener('click', function() {
-    console.log('hello');
-    for (let i=0; i<help; i++) {
-        console.log(help[i]);
-        if (help[i].style.display == 'block') {
-            help[i].style.display = 'none';
-        }
-    }
-});
 
-function hideHelp() {
-    console.log('hello');
-    for (let i=0; i<help.length; i++) {
-        console.log(help[i]);
-        if (help[i].style.display == 'block') {
-            help[i].style.display = 'none';
-        }
-    }
+function displayHelp(id) {
+    console.log(id);
+    id.style.display = 'block';
 }
 
-function displayHelp(id) {
-    if (id.style.display == 'none') {
-        id.style.display = 'block';
-    }
-    else {
-        id.style.display = 'none';
-    }
+function hideHelp(id) {
+    id.style.display = 'none';
 }
 
 function checkInputs() {
diff --git a/stylepage.css b/stylepage.css
index b556dc3..2903480 100644
--- a/stylepage.css
+++ b/stylepage.css
@@ -1,4 +1,5 @@
 body{
+    z-index: 1;
     background-color: #e5e5e5;
     margin: 20px;
     text-align: center;
@@ -91,6 +92,25 @@ form{
 
 .help{
     display: none;
+    z-index: 2;
+    position: absolute;
+    width: 170px;
+    right: 0;
+    top: 30%;
+    border-radius: 30px;
+    padding: 20px;
     margin: 0;
-    background-color: #22e6b5;
+    background-color: #dddddd;
+}
+
+.help * {
+    font-size: 14px
+
+}
+
+code {
+    background-color: #aaa;
+    border-radius: 5px;
+    font-family: courier, monospace;
+    padding: 3px 5px;
 }
