diff --git a/public/404.html b/public/404.html
index 9a48320..d1e96cb 100644
--- a/public/404.html
+++ b/public/404.html
@@ -1,26 +1,47 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>The page you were looking for doesn't exist (404)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
-    }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
 
-<body>
-  <!-- This file lives in public/404.html -->
-  <div class="dialog">
-    <h1>The page you were looking for doesn't exist.</h1>
-    <p>You may have mistyped the address or the page may have moved.</p>
-  </div>
-</body>
+<!DOCTYPE html>
+<html lang='fr' xml:lang='fr' xmlns='http://www.w3.org/1999/xhtml'>
+  <head>
+    <meta content='text/html;charset=UTF-8' http-equiv='content-type'>
+    <title>
+      Erreur 404
+    </title>
+  
+	<style type="text/css">
+	    body {
+		  background: #3f94eb;
+		  font-family: verdana;
+		  -webkit-font-smoothing: antialiased;
+		  font-size: 13px;
+		  font-family: "Lucida Grande", arial, helvetica, sans-serif; }
+		  body #title {
+		    width: 520px;
+		    margin: auto;
+		    margin-top: 10%;
+		    color: #9fc9f5;
+		    text-shadow: 0 1px 1px #3f94eb;
+		    padding: 0px;
+		    text-transform: uppercase; }
+		  body #main {
+		    background: white;
+		    width: 500px;
+		    padding: 10px;
+		    margin: auto;
+		    -webkit-box-shadow: #666666 0px 0px 20px;
+		    -moz-box-shadow: #666666 0px 0px 20px;
+		    box-shadow: #666666 0px 0px 20px; }
+		
+	  </style>
+
+  
+   
+  </head>
+  <body>
+    <div id='title'><h1>Erreur 404</h1></div>
+    <div id='main'>
+      	<p>	La page que vous avez demandée n'existe pas,
+			ou n'est pas disponible...
+		</p>
+    </div>
+  </body>
 </html>
diff --git a/public/422.html b/public/422.html
index 83660ab..3e91e6f 100644
--- a/public/422.html
+++ b/public/422.html
@@ -1,26 +1,46 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>The change you wanted was rejected (422)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
-    }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
 
-<body>
-  <!-- This file lives in public/422.html -->
-  <div class="dialog">
-    <h1>The change you wanted was rejected.</h1>
-    <p>Maybe you tried to change something you didn't have access to.</p>
-  </div>
-</body>
+<!DOCTYPE html>
+<html lang='fr' xml:lang='fr' xmlns='http://www.w3.org/1999/xhtml'>
+  <head>
+    <meta content='text/html;charset=UTF-8' http-equiv='content-type'>
+    <title>
+      Erreur 422
+    </title>
+  
+	<style type="text/css">
+	    body {
+		  background: #3f94eb;
+		  font-family: verdana;
+		  -webkit-font-smoothing: antialiased;
+		  font-size: 13px;
+		  font-family: "Lucida Grande", arial, helvetica, sans-serif; }
+		  body #title {
+		    width: 520px;
+		    margin: auto;
+		    margin-top: 10%;
+		    color: #9fc9f5;
+		    text-shadow: 0 1px 1px #3f94eb;
+		    padding: 0px;
+		    text-transform: uppercase; }
+		  body #main {
+		    background: white;
+		    width: 500px;
+		    padding: 10px;
+		    margin: auto;
+		    -webkit-box-shadow: #666666 0px 0px 20px;
+		    -moz-box-shadow: #666666 0px 0px 20px;
+		    box-shadow: #666666 0px 0px 20px; }
+		
+	  </style>
+
+  
+   
+  </head>
+  <body>
+    <div id='title'><h1>Erreur 422</h1></div>
+    <div id='main'>
+      	<p>	Nous sommes désolé mais votre demande n'a pas pue être exécutée.
+		</p>
+    </div>
+  </body>
 </html>
diff --git a/public/500.html b/public/500.html
index b80307f..17d4bd3 100644
--- a/public/500.html
+++ b/public/500.html
@@ -1,26 +1,46 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>We're sorry, but something went wrong (500)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
-    }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
 
-<body>
-  <!-- This file lives in public/500.html -->
-  <div class="dialog">
-    <h1>We're sorry, but something went wrong.</h1>
-    <p>We've been notified about this issue and we'll take a look at it shortly.</p>
-  </div>
-</body>
+<!DOCTYPE html>
+<html lang='fr' xml:lang='fr' xmlns='http://www.w3.org/1999/xhtml'>
+  <head>
+    <meta content='text/html;charset=UTF-8' http-equiv='content-type'>
+    <title>
+      Erreur 500
+    </title>
+  
+	<style type="text/css">
+	    body {
+		  background: #3f94eb;
+		  font-family: verdana;
+		  -webkit-font-smoothing: antialiased;
+		  font-size: 13px;
+		  font-family: "Lucida Grande", arial, helvetica, sans-serif; }
+		  body #title {
+		    width: 520px;
+		    margin: auto;
+		    margin-top: 10%;
+		    color: #9fc9f5;
+		    text-shadow: 0 1px 1px #3f94eb;
+		    padding: 0px;
+		    text-transform: uppercase; }
+		  body #main {
+		    background: white;
+		    width: 500px;
+		    padding: 10px;
+		    margin: auto;
+		    -webkit-box-shadow: #666666 0px 0px 20px;
+		    -moz-box-shadow: #666666 0px 0px 20px;
+		    box-shadow: #666666 0px 0px 20px; }
+		
+	  </style>
+
+  
+   
+  </head>
+  <body>
+    <div id='title'><h1>Erreur 500</h1></div>
+    <div id='main'>
+      	<p>	Nous sommes désolé mais une erreur est survenue.
+		</p>
+    </div>
+  </body>
 </html>
