diff --git a/index.html b/index.html
index 59fda7e..689a05c 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@
 
 	<article class="article-content">
 	
-	  <h1 class="page-title" id="Welcome"><i class="fa fa-world"></i> Services disponibles</h1>
+	  <div class="card card-title" id="Welcome"><h1><i class="fa fa-star"></i> Services et sites disponibles</h1></div>
 
 		<p> Chlore.net est un serveurs qui héberge différents services, dans une logiques de décentralisations d'internet. Voici les services disponibles pour le moment.
 		</p>
diff --git a/scss/_cards.scss b/scss/_cards.scss
index 0e3f001..f4a1996 100644
--- a/scss/_cards.scss
+++ b/scss/_cards.scss
@@ -56,6 +56,32 @@
   overflow: hidden;
 }
 
+.card-title {
+  font-size:1.1em;
+  color: white;
+  border-color: darken($color-primary, 33%);
+  text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
+  font-weight:600;
+  background-color:$color-primary;
+  
+  h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
+    font-size:1em;
+    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
+    padding:0px;
+    margin:0.3em;
+    color:#FFF;
+    font-weight:600;
+    line-height:1.5em;
+    i {
+      font-size:0.9em;
+      margin-right:0.66em;
+      margin-left:0.33em;
+    }
+  }
+}
+
+
+
 /* 4.1 - Header and titles */
 
 .card-header {
diff --git a/style.css b/style.css
index c5f8ad7..2da66c6 100644
--- a/style.css
+++ b/style.css
@@ -760,6 +760,26 @@ ul.social {
   height: 130px;
   overflow: hidden; }
 
+.card-title {
+  font-size: 1.1em;
+  color: white;
+  border-color: #084a84;
+  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
+  font-weight: 600;
+  background-color: #42a0f3; }
+  .card-title h1, .card-title h2, .card-title h3, .card-title h4, .card-title h5, .card-title h6, .card-title h7, .card-title h8, .card-title h9, .card-title h10 {
+    font-size: 1em;
+    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
+    padding: 0px;
+    margin: 0.3em;
+    color: #FFF;
+    font-weight: 600;
+    line-height: 1.5em; }
+    .card-title h1 i, .card-title h2 i, .card-title h3 i, .card-title h4 i, .card-title h5 i, .card-title h6 i, .card-title h7 i, .card-title h8 i, .card-title h9 i, .card-title h10 i {
+      font-size: 0.9em;
+      margin-right: 0.66em;
+      margin-left: 0.33em; }
+
 /* 4.1 - Header and titles */
 .card-header {
   border: 1px solid rgba(0, 0, 0, 0.3);