diff --git a/static/css/base.css b/static/css/base.css
index 2dc17770..68609d39 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -115,6 +115,19 @@ footer a {
     }
 
 /* For tables with long text in cells */
+.panel-heading.dashboard{
+	text-align: center;
+}
+
+.panel-body.dashboard{
+	text-align: center;
+	height: 60px;
+	vertical-align:middle;
+}
+#grad_red {
+	background: red; /* For browsers that do not support gradients */
+	background: linear-gradient(#ff6363, #fefefe); /* Standard syntax (must be last) */
+}
 
 .table.long_text{
 	table-layout: fixed;
diff --git a/users/templates/users/profil.html b/users/templates/users/profil.html
index 2029a526..9628097a 100644
--- a/users/templates/users/profil.html
+++ b/users/templates/users/profil.html
@@ -40,20 +40,28 @@ with this program; if not, write to the Free Software Foundation, Inc.,
     <div class="col-sm-6 col-md-6">
     {% endif %}
           <div class="col-12">
-        {% if users.is_adherent %}
-        <div class="panel panel-success">
-            <div class="panel-heading dashboard">Connécté</div>
-                <div class="panel-body dashboard"><i class="text-success">Fin de connexion: {{user.end_adhesion|date:"d M Y"}}</i></div>
-        </div>
-            {% else %}
+        {% if users.is_ban%}
         <div class="panel panel-danger">
-            <div class="panel-heading dashboard">Non connécté</div>
+            <div class="panel-heading dashboard">Votre compte est banni</div>
             <div class="panel-body dashboard">
-                <a class="btn btn-danger btn-sm" role="button" href="{% url 'cotisations:credit-solde' users.id %}">
-                        <i class="fas fa-sign-in-alt"></i>
-                        Adhérer
-                    </a>
+            <i class="text-danger">Fin du ban : {{user.end_ban|date:"d M Y"}}</i>
+        </div>
+        </div>
+        {% elif not users.is_adherent%}
+        <div class="panel panel-danger">
+            <div class="panel-heading dashboard">Non Connécté</div>
+                <div class="panel-body dashboard"> 
+                    <a class="btn btn-danger btn-sm" role="button" href="{% url 'cotisations:credit-solde' users.id %}">
+                            <i class="fas fa-sign-in-alt"></i>
+                            Adhérer
+                        </a>
             </div>
+            {% else %}
+        <div class="panel panel-success">
+        <div class="panel-heading dashboard">Connécté</div>
+        <div class="panel-body dashboard">
+            <i class="text-success">Fin de connexion: {{user.end_adhesion|date:"d M Y"}}</i>
+        </div>
         </div>
             {% endif %}
     </div>
@@ -63,7 +71,10 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         <div class="col-12">
             <div class="col-12">
             <div class="panel panel-info">
-                <div class="panel-heading dashboard">{{user.solde}} <i class="fas fa-euro-sign"></i></div>
+                <div class="panel-heading dashboard" data-parent="#accordion" data-toggle="collapse" data-target="#collapse4">
+
+                {{user.solde}} <i class="fas fa-euro-sign"></i>
+            </div>
                 <div class="panel-body dashboard">
                     <a class="btn btn-primary btn-sm" role="button" href="{% url 'cotisations:credit-solde' users.id %}">
                             <i class="fa fa-euro-sign"></i>
@@ -83,7 +94,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         <div class="col-12">
         {% if nb_machines %}
         <div class="panel panel-info">
-            <div class="panel-heading dashboard">
+            <div class="panel-heading dashboard" data-parent="#accordion" data-toggle="collapse" data-target="#collapse3">
                     <span class="badge">{{nb_machines}}</span>
                     Machines
              <i class="fa fa-desktop"></i>