diff --git a/index.html b/index.html
index a041fe9..78f5721 100644
--- a/index.html
+++ b/index.html
@@ -71,13 +71,13 @@
 	  <div class="row">
 	  
 	  <div class="col-md-4">
-      <div class="card mb-4 box-shadow">
+      <div class="card card-green mb-4 box-shadow">
         <div class="card-body">
           <h4 class="align-center">Serveur git</h4>
           <p class="card-text">Un serveur git, permettant d'héberger les différents projets de chlore et des membres.</p>
           <div class="align-center">
             <div class="btn-group">
-              <a type="button" href="https://git.chlore.net" class="btn btn-blue">Voir</a>
+              <a type="button" href="https://git.chlore.net" class="btn btn-green">Voir</a>
             </div>
             <div>
               <small class="text-muted">powered by gitea</small>
@@ -88,7 +88,7 @@
     </div>
     
     <div class="col-md-4">
-      <div class="card mb-4 box-shadow">
+      <div class="card card-green mb-4 box-shadow">
         <div class="card-body">
           <h4 class="align-center">Syndication RSS</h4>
           <p class="card-text">Une instance de Freshrss, disponible à tout les membres et keupins.</p>
@@ -113,13 +113,13 @@
 		</p>
 		<div class="row">
 		<div class="col-md-4">
-      <div class="card mb-4 box-shadow">
+      <div class="card card-red mb-4 box-shadow">
         <div class="card-body">
           <h4 class="align-center">Quarante-douze</h4>
           <p class="card-text">Un blog qui parle d'informatique, de culture libre et d'internet.</p>
           <div class="align-center">
             <div class="btn-group">
-              <a type="button" href="https://quarante-douze.net" class="btn btn-blue">Voir</a>
+              <a type="button" href="https://quarante-douze.net" class="btn btn-red">Voir</a>
             </div>
             <div>
               <small class="text-muted">powered by wordpress</small>
@@ -130,7 +130,7 @@
     </div>
     
     <div class="col-md-4">
-      <div class="card mb-4 box-shadow">
+      <div class="card card-violet mb-4 box-shadow">
         <div class="card-body">
           <h4 class="align-center">kazhnuz.space</h4>
           <p class="card-text">Le blog artistique personnel de Kazhnuz.</p>