Error handling (n css a bit)

web/css/main.css

   text-decoration: none;
 }
 
-a:hover {
-  text-decoration: underline;
+section#navbar a:hover {
+  text-decoration:none;
 }
 
 header {
   vertical-align: middle;
 }
 
-section#navbar li:first-child {
+section#navbar li:first-child a {
   margin-left:20px;
 }
 
+section#navbar a {
+  padding-top:17px;
+  padding-left:50px;
+  padding-right:50px;
+  padding-bottom:18px;
+  margin-right: 10px;
+}
+
 section#navbar li {
   display: block;
   float:left;
   padding-top:17px;
-  padding-left:50px;
-  padding-right:50px;
-  padding-bottom: ;
   height: 53px;
-  vertical-align:middle;
 }
 
-section#navbar li:hover, section#navbar li.current {
+section#navbar li:hover a, section#navbar li.current a {
   background: #9556f9;
 }
 
+section#navbar li:last-child a {
+  margin-right:0px;
+  padding-right:70px;
+  padding-left:70px;
+}
+
 section#navbar li:last-child {
   display: block;
   float: right;
   text-align:right;
-  margin-right:0px;
-  padding-right:70px;
-  padding-left:70px;
   background: #ff9619;
 }
 
-section#navbar li:last-child:hover {
+section#navbar li:last-child:hover a {
   background: #ffab19;
 }
 
   text-indent: 30px;
 }
 
-.button {
-  display:inline-block;
+.button a {
+  display:block;
   background: #09b22b;
   color: white;
   border: none;
   margin-right:15px;
   margin-left:15px;
   text-align:center;
+  float: left;
 }
 
 .firstword {
   font-size:200%;
 }
 
-input[type="submit"]:hover {
-  cursor: pointer;
-}
-
-div#buttons {
+article#jouer {
   margin:auto;
 }

web/index.htm

     <section id="navbar">
       <ul>
         <li class="current"><a href="#">Accueil</a></li>
-        <li>Règles</li>
-        <li>Meilleurs scores</li>
-        <li>Jouer</li>
+        <li><a href="#">Règles</a></li>
+        <li><a href="#">Meilleurs scores</a></li>
+        <li><a href="#">Jouer</a></li>
       </ul>
     </section>
     <section id="page">

web/js/game.js

 var reponseUser = -1, bonneReponse;
 var canClick = true;
 
+function play() {
+  $("#play").remove();
+  $("#multi").remove();
+  apiReq();
+  if(json.status != 1) {
+    var message;
+    switch(json.source) {
+      case 'PDO':
+        message = "Erreur lors de la connexion à la base de donnée : "+json.message;
+        break;
+      case 'Connector':
+        message = "Erreur de requête SQL : "
+        switch(json.message) {
+          case 'wrong_arg_nmbr_where':
+            message += "Mauvais nombre d'arguments dans la clause WHERE.";
+            break;
+          case 'wrong_arg_nmbr_order_by':
+            message += "Mauvais nombre d'arguments dans la clause ORDER BY.";
+            break;
+          case 'wrong_arg_numbr_limit':
+            message += "Mauvais nombre d'arguments dans la clause LIMIT.";
+            break;
+          case 'unknown_arg':
+            message += "Argument inconnu détecté.";
+            break;
+        }
+        break;
+      case 'Questset':
+        message = "Erreur dans le chargement du jeu de questions : "
+        if(json.message == 'expected_questset_array') {
+          message += "Un tableau de réponses est attendu."
+        }
+        break;
+      case 'Categorie':
+        if(json.message == 'cant_find_cat') {
+          message = "Erreur dans le chargement de la catégorie : Impossible de trouver la catégorie.";
+        }
+        break;
+    }
+
+    $("#game").addClass("error");
+    $("#game").html(message);
+  } else {
+    loadCat(id_cat);
+  }
+}
+
 function apiReq() {
   $.ajax({
     async: false,
   }
 }
 
-function play() {
-  $("#play").remove();
-  $("#multi").remove();
-  apiReq();
-  loadCat(id_cat);
-}
-
 function startTimer() {
   $("#timer").css("width", "100%");
   baseWidth = $("#timer").width();