diff --git a/index.html b/index.html
index 9558e9e..818093c 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
 
 	<section class="introduction" id="a-lec-introduction">
 		<header role="banner">
-			  <h1>Libre en Communs</h1>
+			  <h1><a href="/" style="color: #ffffff">Libre en Communs</a></h1>
 			  <h2>“Connaissance, partage, éducation et solidarité„</h2>
 		</header>
 
@@ -156,25 +156,8 @@
 				<h3 class="select">Derniers articles et évènements:</h3>
 				<nav role="navigation">
 					<ul>
-					<!-- Article -->
-					<li>
-						<a href="#" class="latest-article-name">
-						  Un premier article
-						</a> de
-					  <a href="https://git.a-lec.org/julian" class="author-name">
-					    Julian Barathieu, président
-					  </a>
-					</li>
-					<!-- Article -->
-					<li>
-						<a href="#" class="latest-article-name">
-						  Un second article
-						</a> de
-					  <a href="https://git.a-lec.org/neox" class="author-name">
-					    Adrien Bourmault, trésorier
-					  </a>
-					</li>
-				</ul>
+            <!--# include file="articles/article_list.html" -->
+  				</ul>
 				</nav>
 			</div>
 
diff --git a/styles.css b/styles.css
index 405f2a7..eddf555 100644
--- a/styles.css
+++ b/styles.css
@@ -19,7 +19,7 @@ body {
 }
 
 a {
-  color: #13c8e8;
+  color: #1a4159;
   -webkit-transition: all 0.25s ease-out;
   -moz-transition: all 0.25s ease-out;
   transition: all 0.25s ease-out;
@@ -102,6 +102,16 @@ h3 {
   font-weight: normal;
   text-transform: uppercase;
 }
+
+h4 {
+  margin: 1.5em 0 0 0;
+  color: #2e394c;
+  font-family: sans-serif;
+  font-size: 2.4em;
+  font-weight: normal;
+  text-transform: uppercase;
+}
+
 p {
   margin: 0.75em 0;
   line-height: 2;
@@ -174,7 +184,6 @@ div.apropos p, div.apropossuite p {
   text-decoration: underline dotted;
 }
 
-
 /* sidebar base styles */
 .sidebar {
   background: #eadde4;