diff --git a/resources/images/logo-squidanalyzer.png b/resources/images/logo-squidanalyzer.png
index 6164bf8..37d1694 100644
Binary files a/resources/images/logo-squidanalyzer.png and b/resources/images/logo-squidanalyzer.png differ
diff --git a/resources/squidanalyzer.css b/resources/squidanalyzer.css
index 9659e7c..79a80f8 100644
--- a/resources/squidanalyzer.css
+++ b/resources/squidanalyzer.css
@@ -6,6 +6,8 @@ html, body { margin:0; padding: 0; height: 100%; font-family: "Trebuchet MS", Ve
 
 body { font-size: 10pt; background-color: #F1F1F1; min-width: 900px; }
 
+.notification { color: #222222; font-style: italic; font-size:0.8em; }
+
 #conteneur { height: auto !important; min-height: 100%; height: 100%; position: relative; }
 
 .line-separator { height:1px; width:520px; background:#717171; border-bottom:1px solid #313030; margin-top:-25px; margin-left: 10px; margin-bottom: 45px; }
@@ -28,7 +30,7 @@ body { font-size: 10pt; background-color: #F1F1F1; min-width: 900px; }
 
 div.uplink { margin-top: 30px; margin-left: 0; margin-right: 0; text-align: center; }
 
-div.uplink a { color: black; text-decoration: none; font-variant: small-caps; font-weight: bold; }
+div.uplink a { color: #222222; text-decoration: none; font-variant: small-caps; font-weight: bold; }
 
 div.uplink a:hover { color: #76add2; }
 
@@ -36,7 +38,7 @@ table.stata td a.domainLink { font-size: 0.9em; font-variant: normal; font-style
 
 table.graphs { margin-right: auto; margin-left: auto; }
 
-table.stata th.headerBlack { color: black; font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; }
+table.stata th.headerBlack { color: #222222; font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; }
 
 table.stata { border-collapse: collapse; width: 90%; margin-left:auto; margin-right:auto; border: 0px; white-space:nowrap; }
 
@@ -46,7 +48,7 @@ table.stata td { text-align: center; padding-left: 20px; padding-right: 20px; pa
 
 table.stata th.nobg { background: none; border-top: 0px; border-left: 0px; padding-left: 20px; padding-right: 20px; padding-top: 3px; padding-bottom: 3px; }
 
-table.stata td a { font-variant: small-caps; text-decoration: none; color: black; font-weight: bold; font-style: normal; font-size: 14px; }
+table.stata td a { font-variant: small-caps; text-decoration: none; color: #222222; font-weight: bold; font-style: normal; font-size: 14px; }
 
 table.stata td a:hover { color: #76add2; }
 
@@ -77,7 +79,8 @@ table.stata td a:hover { color: #76add2; }
 /*   Header   */
 /**************/
 
-#header { background: black; height: 130px; width: 100%; border-bottom: 3px solid #76add2; }
+.iconUpArrow { background-image: url("./images/up-arrow.png"); background-position: left bottom; background-repeat: no-repeat; padding-left: 25px; margin-bottom: 20px; }
+#header { background: #222222; height: 130px; width: 100%; border-bottom: 3px solid #76add2; }
 #header h1 { margin: 0; color: white; font-size: 3em; font-style: italic; font-variant: small-caps; letter-spacing: 2px; }
 #header h1 img { float: left; margin-top: 5px; margin-right: 20px; padding-left: 20px; }
 #header .sous-titre { color: #76add2; font-style: italic; padding-left: 180px; font-size:0.8em; font-weight: 600; }
@@ -86,7 +89,7 @@ table.stata td a:hover { color: #76add2; }
 /*    Footer    */
 /****************/
 
-#footer { background: black; height: 30px; width: 100%; border-top: 3px solid #76add2; position: absolute; bottom: 0; }
+#footer { background: #222222; height: 30px; width: 100%; border-top: 3px solid #76add2; position: absolute; bottom: 0; }
 #footer h4 { margin: 0; color: white; font-size: 0.8em; font-style: italic; text-align: right; padding-top: 8px; padding-right: 5px; }
 #footer h4 a { color: silver; text-decoration: none; font-size: 1.1em; }
 #footer h4 a:hover { color: #76add2; text-decoration: none; font-size: 1.1em; }
@@ -99,7 +102,7 @@ ul { padding:0; margin:0; list-style-type:none; }
 li { float:right; }
 ul li a { display:block; width:125px; text-decoration:none; text-align:center; padding:5px; color: white; font-variant: small-caps; letter-spacing: 2px; }
 ul li a:hover { color: #76add2; }
-#menu { margin: 0 auto; padding: 0 auto; height: 28px; clear: both; background-color: black; border-bottom: 3px solid #76add2; }
+#menu { margin: 0 auto; padding: 0 auto; height: 28px; clear: both; background-color: #222222; border-bottom: 3px solid #76add2; }
 
 .iconUser { background-image: url("./images/user.png"); background-position: left center; background-repeat: no-repeat; padding-left: 20px; }
 .iconArrow { background-image: url("./images/back-arrow.png"); background-position: left center; background-repeat: no-repeat; padding-left: 20px; }
@@ -113,8 +116,8 @@ ul li a:hover { color: #76add2; }
 /******************************/
 
 #calendar { float: right; border: 0px; margin-top: 10px; margin-right: 10px; font-variant: small-caps; }
-#calendar th { color: #76add2; background-color: black; border: 0px; font-style: italic; }
-#calendar td { color: white; background-color: black; border: 0px; font-style: italic; }
-#calendar table { width: 200px; position: right; background-color: black; color: white; text-align: center; border: 0px; }
+#calendar th { color: #76add2; background-color: #222222; border: 0px; font-style: italic; }
+#calendar td { color: white; background-color: #222222; border: 0px; font-style: italic; }
+#calendar table { width: 200px; position: right; background-color: #222222; color: white; text-align: center; border: 0px; }
 #calendar table a { color: #76add2; }
 #calendar table a:hover { color: silver; }