diff --git a/cotisations/templates/cotisations/aff_cotisations.html b/cotisations/templates/cotisations/aff_cotisations.html
index 81feb0bf..7a4d5e31 100644
--- a/cotisations/templates/cotisations/aff_cotisations.html
+++ b/cotisations/templates/cotisations/aff_cotisations.html
@@ -73,7 +73,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
                     PDF
                 </a>
             {% else %}
-                <font color="red">Facture invalide</font>
+                <i class="text-danger">Facture invalide</i>
             {% endif %}
             </td>
         </tr>
diff --git a/templates/base.html b/templates/base.html
index 7a886abc..cd95662a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -146,9 +146,9 @@ with this program; if not, write to the Free Software Foundation, Inc.,
                                     <th scope="row">Connexion</th>
                                     <td class="text-right">
                                     {% if request_user.has_access %}
-				        <font color="green">jusqu'au {{ request.user.end_access|date:"d b Y" }}</font>
+				        <i class="text-success">jusqu'au {{ request.user.end_access|date:"d b Y" }}</i>
                                     {% else %}
-                                        <font color="red">Désactivée</font>
+				    	<i class="text-danger">Désactivée</i>
                                     {% endif %}
                                     </td>
                                 </tr>
@@ -156,9 +156,9 @@ with this program; if not, write to the Free Software Foundation, Inc.,
                                     <th scope="row">Adhésion</th>
                                     <td class="text-right">
                                     {% if request_user.is_adherent %}
-                                        <font color="green">jusqu'au {{ request_user.end_adhesion|date:"d b Y" }}</font>
+                                        <i class="text-success">jusqu'au {{ request_user.end_adhesion|date:"d b Y" }}</i>
                                     {% else %}
-                                        <font color="red">Non adhérent</font>
+                                        <i class="text-danger">Non adhérent</i>
                                     {% endif %}
                                     </td>
                                 </tr>
diff --git a/users/templates/users/aff_clubs.html b/users/templates/users/aff_clubs.html
index 71ac1606..cb9f5f95 100644
--- a/users/templates/users/aff_clubs.html
+++ b/users/templates/users/aff_clubs.html
@@ -44,9 +44,9 @@ with this program; if not, write to the Free Software Foundation, Inc.,
             <td>{{ club.room }}</td>
             <td>{% if club.is_adherent %}{{ club.end_adhesion }}{% else %}Non adhérent{% endif %}</td>
             <td>{% if club.has_access == True %}
-                <font color="green">Active</font>
+                <i class="text-success">Active</i>
                 {% else %}
-                <font color="red">Désactivée</font>
+                <i class="text-danger">Désactivée</i>
                 {% endif %}
             </td>
             <td><a href="{% url "users:profil" club.id%}" class="btn btn-primary btn-sm" role="button"><i class="glyphicon glyphicon-user"></i></a>
diff --git a/users/templates/users/aff_users.html b/users/templates/users/aff_users.html
index c03cfa74..1015d94d 100644
--- a/users/templates/users/aff_users.html
+++ b/users/templates/users/aff_users.html
@@ -46,9 +46,9 @@ with this program; if not, write to the Free Software Foundation, Inc.,
             <td>{{ user.room }}</td>
             <td>{% if user.is_adherent %}{{ user.end_adhesion }}{% else %}Non adhérent{% endif %}</td>
             <td>{% if user.has_access == True %}
-                <font color="green">Active</font>
+                <i class="text-success">Active</i>
                 {% else %}
-                <font color="red">Désactivée</font>
+                <i class="text-danger">Désactivée</i>
                 {% endif %}
             </td>
             <td><a href="{% url "users:profil" user.id%}" class="btn btn-primary btn-sm" role="button"><i class="glyphicon glyphicon-user"></i></a>
diff --git a/users/templates/users/profil.html b/users/templates/users/profil.html
index 559ea57d..253ab86d 100644
--- a/users/templates/users/profil.html
+++ b/users/templates/users/profil.html
@@ -90,38 +90,38 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         <tr>
             <th>Fin d'adhésion</th>
             {% if user.end_adhesion != None %}
-            <td><font color="green">{{ user.end_adhesion }}</font></td>
+            <td><i class="text-success">{{ user.end_adhesion }}</i></td>
             {% else %}
-            <td><font color="red">Non adhérent</font></td>
+            <td><i class="text-danger">Non adhérent</i></td>
             {% endif %}
             <th>Accès gracieux</th>
             {% if user.end_whitelist != None %}
-            <td><font color="green">{{ user.end_whitelist }}</font></td>
+            <td><i class="text-success">{{ user.end_whitelist }}</i></td>
             {% else %}
-            <td><font color="orange">Aucun</font></td>
+            <td><i class="text-warning">Aucun</i></td>
             {% endif %}
         <tr>
             <th>Bannissement</th>
             {% if user.end_ban != None %}
-            <td><font color="red">{{ user.end_ban }}</font></td>
+            <td><i class="text-danger">{{ user.end_ban }}</i></td>
             {% else %}
-            <td><font color="green">Non banni</font></td>
+            <td><i class="text-success">Non banni</i></td>
             {% endif %}
             <th>Statut</th>
             {% if user.state == 0 %}
-            <td><font color="green">Actif</font></td>
+            <td><i class="text-success">Actif</i></td>
             {% elif user.state == 1 %}
-            <td><font color="red">Désactivé</font></td>
+            <td><i class="text-danger">Désactivé</i></td>
             {% else %}
-            <td><font color="orange">Archivé</font></td>
+            <td><i class="text-warning">Archivé</i></td>
             {% endif %}
         </tr>
         <tr>
             <th>Accès internet</th>
             {% if user.has_access == True %}
-	    <td><font color="green">Actif (jusqu'au {{ user.end_access }})</font></td>
+	    <td><i class="text-success">Actif (jusqu'au {{ user.end_access }})</i></td>
             {% else %}
-            <td><font color="red">Désactivé</font></td>
+            <td><i class="text-danger">Désactivé</i></td>
             {% endif %}
             <th>Droits</th>
             {% if list_droits %}