From 2fd70c706b37d7db2d03924d41ca05363300f4e5 Mon Sep 17 00:00:00 2001
From: Nicolas Bally <nico@MacBook-Pro-de-Nicolas-2.local>
Date: Sat, 22 Nov 2014 00:42:59 +0100
Subject: [PATCH] pages d'erreur

---
 public/404.html | 75 +++++++++++++++++++++++++++++++++++---------
 public/422.html | 82 ++++++++++++++++++++++++++++++++++++++-----------
 public/500.html | 81 ++++++++++++++++++++++++++++++++++++++----------
 3 files changed, 188 insertions(+), 50 deletions(-)
diff --git a/public/404.html b/public/404.html
index 9a48320..c68eeb5 100644
--- a/public/404.html
+++ b/public/404.html
@@ -1,26 +1,71 @@
 <!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; }
+  <title>Erreur 404</title>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <style>
+  body {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+
+    font-family: helvetica, sans-serif;
+    font-weight:100;
+  }
+  h1{
+    
+    font-weight:100;
+    
+    
+  }
+  div.dialog {
+    padding:1em 0;
+    text-align:center;
+  }
+
+  
+
+  body > p {
+    width: 33em;
+    margin: 0 auto 1em;
+    padding: 1em 0;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  
+  .error{
+    border-radius:50%;
+    margin:auto;
+    margin-top:1em;
+    height:300px ;
+    width:300px;
+    border:3px solid gray;
+    font-size:130px;
+    line-height:290px;
+    color:gray;
+    text-align:center;
+  }
   </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 class="error">
+    404
   </div>
+  <div class="dialog">
+    <h1>Oupsss...</h1>
+    La page que vous avez demandée n’a pas été trouvée.
+    
+
+              
+  </div>
+  
 </body>
 </html>
diff --git a/public/422.html b/public/422.html
index 83660ab..4da3c5e 100644
--- a/public/422.html
+++ b/public/422.html
@@ -1,26 +1,72 @@
 <!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; }
+    <title>Erreur 422</title>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <style>
+    body {
+      background-color: #EFEFEF;
+      color: #2E2F30;
+
+      font-family: helvetica, sans-serif;
+      font-weight:100;
+    }
+    h1{
+    
+      font-weight:100;
+    
+    
+    }
     div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
+      padding:1em 0;
+      text-align:center;
+    }
+
+  
+
+    body > p {
+      width: 33em;
+      margin: 0 auto 1em;
+      padding: 1em 0;
+      background-color: #F7F7F7;
+      border: 1px solid #CCC;
       border-right-color: #999;
       border-bottom-color: #999;
+      border-bottom-left-radius: 4px;
+      border-bottom-right-radius: 4px;
+      border-top-color: #DADADA;
+      color: #666;
+      box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
     }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
+  
+    .error{
+      border-radius:50%;
+      margin:auto;
+      margin-top:1em;
+      height:300px ;
+      width:300px;
+      border:3px solid gray;
+      font-size:130px;
+      line-height:290px;
+      color:gray;
+      text-align:center;
+    }
+    </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>
-</html>
+  <body>
+    <!-- This file lives in public/404.html -->
+    <div class="error">
+      422
+    </div>
+    <div class="dialog">
+      <h1>Oupsss...</h1>
+      Le changement que vous avez demandé n'a pas pu être effectué.
+    
+
+              
+    </div>
+  
+  </body>
+  </html>
+  
diff --git a/public/500.html b/public/500.html
index f3648a0..eacbefc 100644
--- a/public/500.html
+++ b/public/500.html
@@ -1,25 +1,72 @@
 <!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; }
+    <title>Erreur 500</title>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <style>
+    body {
+      background-color: #EFEFEF;
+      color: #2E2F30;
+
+      font-family: helvetica, sans-serif;
+      font-weight:100;
+    }
+    h1{
+    
+      font-weight:100;
+    
+    
+    }
     div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
+      padding:1em 0;
+      text-align:center;
+    }
+
+  
+
+    body > p {
+      width: 33em;
+      margin: 0 auto 1em;
+      padding: 1em 0;
+      background-color: #F7F7F7;
+      border: 1px solid #CCC;
       border-right-color: #999;
       border-bottom-color: #999;
+      border-bottom-left-radius: 4px;
+      border-bottom-right-radius: 4px;
+      border-top-color: #DADADA;
+      color: #666;
+      box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
     }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
+  
+    .error{
+      border-radius:50%;
+      margin:auto;
+      margin-top:1em;
+      height:300px ;
+      width:300px;
+      border:3px solid gray;
+      font-size:130px;
+      line-height:290px;
+      color:gray;
+      text-align:center;
+    }
+    </style>
+  </head>
 
-<body>
-  <!-- This file lives in public/500.html -->
-  <div class="dialog">
-    <h1>We're sorry, but something went wrong.</h1>
-  </div>
-</body>
-</html>
+  <body>
+    <!-- This file lives in public/404.html -->
+    <div class="error">
+      500
+    </div>
+    <div class="dialog">
+      <h1>Oupsss...</h1>
+      Nous sommes désolés mais quelque chose ne marche pas correctement.
+    
+
+              
+    </div>
+  
+  </body>
+  </html>
+  
\ No newline at end of file
