diff --git a/static/css/base.css b/static/css/base.css
index 2dc17770..04bffbb7 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -129,3 +129,12 @@ td.long_text{
 th.long_text{
 	width: 60%;
 }
+
+/* change color of panel heading on hover */
+
+.panel > .profil:hover {
+    background-image: none;
+    background-color: #e6e6e6;
+    color: black;
+}
+
diff --git a/users/templates/users/profil.html b/users/templates/users/profil.html
index 1e1926cc..5fde20f2 100644
--- a/users/templates/users/profil.html
+++ b/users/templates/users/profil.html
@@ -110,7 +110,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 
 <div class="panel-group" id="accordion">
     <div class="panel panel-default">
-        <div class="panel-heading clearfix" data-parent="#accordion" data-toggle="collapse" data-target="#collapse1">
+        <div class="panel-heading clearfix profil" data-parent="#accordion" data-toggle="collapse" data-target="#collapse1">
             <h3 class="panel-title pull-left" >
                 <i class="fa fa-user"></i> Informations détaillées
             </h3>
@@ -303,7 +303,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
     </div>
     {% endif %}
     <div class="panel panel-default">
-        <div class="panel-heading clearfix" data-parent="#accordion" data-toggle="collapse" data-target="#collapse3">
+        <div class="panel-heading clearfix profil" data-parent="#accordion" data-toggle="collapse" data-target="#collapse3">
             <h3 class="panel-title pull-left">
                 <i class="fa fa-desktop"></i>
                 Machines
@@ -327,7 +327,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading clearfix" data-parent="#accordion" data-toggle="collapse" data-target="#collapse4">
+        <div class="panel-heading clearfix profil" data-parent="#accordion" data-toggle="collapse" data-target="#collapse4">
             <h3 class="panel-title pull-left">
                 <i class="fa fa-euro-sign"></i>
                 Cotisations
@@ -358,7 +358,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading clearfix" data-parent="#accordion" data-toggle="collapse" data-target="#collapse5">
+        <div class="panel-heading clearfix profil" data-parent="#accordion" data-toggle="collapse" data-target="#collapse5">
             <h3 class="panel-title pull-left">
                 <i class="fa fa-ban"></i>
                 Bannissements
@@ -383,7 +383,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading clearfix" data-parent="#accordion" data-toggle="collapse" data-target="#collapse6">
+        <div class="panel-heading clearfix profil" data-parent="#accordion" data-toggle="collapse" data-target="#collapse6">
             <h3 class="panel-title pull-left">
                 <i class="fa fa-check-circle"></i>
                 Accès à titre gracieux
@@ -408,7 +408,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading clearfix" data-parent="#accordion" data-toggle="collapse" data-target="#collapse7">
+        <div class="panel-heading clearfix profil" data-parent="#accordion" data-toggle="collapse" data-target="#collapse7">
     <h3 class="panel-title pull-left">
         <i class="fa fa-envelope"></i> Email settings
     </h3>