--- a/cms/app-client/app/styles/results.scss	Thu Jan 07 17:46:50 2016 +0100
+++ b/cms/app-client/app/styles/results.scss	Thu Jan 07 17:47:22 2016 +0100
@@ -10,27 +10,63 @@
   border-top: none;
 }
 
+.result-header .filters{
+  display: inline-block;
+  border-radius: 5px;
+  padding: 1px 5px;
+  color: #fff;
+}
+.result-header .filters.location{
+  background-color: #3985AB;
+}
+.result-header .filters.langue{
+  background-color: #B94A43;
+}
+.result-header .filters.discours{
+  background-color: #468842;
+}
+.result-header .filters.date{
+  background-color: #E50086;
+}
+.result-header .filters.thematique{
+  background-color: #F89406;
+}
+.result-header .fa{
+  display: inline-block;
+  margin-left: 5px;
+  position: relative;
+  top: 1px;
+  cursor: pointer;
+}
+
 .result-list{
   flex: 1 1 auto;
   float: left;
   overflow: auto;
-  border-left: none;
-  border-top: none;
+  border: none;
+  padding: 10px;
   margin-bottom: 10px;
+  background: #eeeeee;
 }
 
 .result-item {
-  border: 1px solid black;
   margin-bottom: 1px;
   height: 64px;
   cursor: pointer;
   padding: 5px;
   overflow: hidden;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  color: #777;
+  transition: all 0.4s ease 0s;
 }
 .result-item:hover {
-  box-shadow: inset -1px -1px 5px 0px rgba(0,0,0,0.75);
+  // box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
 }
 .result-item.details {
+  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  margin: 1rem 0rem;
+  z-index: 200;
   height: inherit;
 }
 
@@ -38,16 +74,6 @@
   margin-top: 10px;
 }
 
-.result-item .play-icon {
-  float: right;
-  background: url('images/play-button.png') no-repeat;
-  background-size: 20px;
-  height: 20px;
-  width: 20px;
-  cursor: pointer;
-  margin: 4px 7px 0 0;
+.result-item.playing .fa {
+  // background: url('images/playing.gif') no-repeat;
 }
-.result-item.playing .play-icon {
-  background: url('images/playing.gif') no-repeat;
-  margin: 6px 5px 0 0;
-}