diff --git a/frontend/index.html b/frontend/index.html
index 930dba7af307e4fe3bbfaca549576234e3249f13..8b202f852a821e6076fba5282ef529105cc0b575 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,6 +4,7 @@
<head>
<meta charset="utf-8">
<title>Blagues de Chuck Norris</title>
+ <link rel="stylesheet" type="text/css" href="res/css/style.css">
</head>
<body>
diff --git a/frontend/res/css/style.css b/frontend/res/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..bb39441dfeadd3901032214a3a32a6ce601b94b0
--- /dev/null
+++ b/frontend/res/css/style.css
@@ -0,0 +1,89 @@
+html, body {
+ margin: 0;
+ min-height: 100%;
+
+ background-color: #eee;
+}
+
+header, footer {
+ width: 100%;
+
+ color: white;
+ background-color: #5c81a9;
+}
+
+/* COMMON */
+
+p {
+ margin: 8px 0;
+}
+
+.container {
+ overflow: auto;
+ margin: 0 auto;
+ width: 768px;
+}
+
+/* HEADER */
+
+header {
+ position: fixed;
+ top: 0;
+
+ height: 100px;
+}
+
+header > .container {
+ height: 100%;
+}
+
+header > .container > img {
+ height: 100%;
+}
+
+header > .container > span {
+ position: absolute;
+
+ margin-left: 30px;
+ height: 100px;
+ line-height: 100px;
+
+ font-size: 2.5em;
+}
+
+/* NAVIGATION */
+
+nav {
+ padding-top: 130px;
+ padding-bottom: 30px;
+}
+
+/* MAIN */
+
+main {
+ margin: 0 auto;
+}
+
+.content {
+ padding: 20px;
+ border-radius: 8px;
+ background-color: white;
+}
+
+/* FOOTER */
+
+body {
+ position: relative;
+}
+
+main {
+ padding-bottom: 120px;
+}
+
+footer {
+ position: absolute;
+ bottom: 0;
+ height: 90px;
+ margin-top: 30px;
+ text-align: center;
+}