--- a/integration/css/edition.css	Fri Nov 16 19:23:20 2012 +0100
+++ b/integration/css/edition.css	Thu Nov 22 10:52:28 2012 +0100
@@ -162,6 +162,8 @@
 .add-segment {
     position: absolute; right: 10px; bottom: 10px;
 }
+
+
 .media-segments h2{
     color: #30036d;
     font-size: 14px;
@@ -169,29 +171,39 @@
     margin: 10px 8px 2px;
 }
 
-.media-segment {
-    height: 8px;
-    margin: 8px 6px 0;
-    background-color: #b6b8b8;
+.media-segment-list {
+    margin: 8px 5px 0 6px;
+    padding-bottom: 1px;
     position: relative;
 }
-.media-section {
-    position: absolute;
+
+.media-found-segments {
+    clear: both; padding-top: 5px;
+}
+
+.media-found-segments .media-segment-list {
+    margin: 0;
 }
+
+.media-found-list {
+    padding-bottom: 1px; position: relative;
+}
+
+.media-segment-list-inner {
+    position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/bg-segments.png);
+}
+
 .media-segment-section {
-    top: 0; height: 8px;
+    position: absolute; height: 8px;
 }
 
 .media-current-section {
     background: url(../img/pinstripe-purple.png);
-    top: -2px; height: 2px;
+    top: -2px; bottom: -2px; margin-left: -1px; padding: 2px 1px;
+    position: absolute;
 }
 
-.media-current-section-inner {
-    background: url(../img/pinstripe-purple.png);
-    margin-top: 10px; height: 2px;
-}
-.media-segment .pointer{
+.media-segment-popin .pointer{
     margin-left: 140px
 }
 .media-segment-popin {
@@ -199,7 +211,7 @@
     top: 2px; width: 300px; margin-left: -151px;
     display: none;
 }
-.media-segment-popin h3{
+.media-segment-popin h3, .media-found-popin h3{
 	padding: 0;
 	color: #de2500;
 	margin-bottom: 4px;
@@ -212,6 +224,17 @@
 .media-segment-popin span{
 	color: #7628df;
 }
+
+.media-found-popin {
+    padding-top: 12px; overflow: hidden;
+    top: 2px; width: 170px; display: none;
+    margin-left: -86px;
+}
+
+.media-found-popin .pointer {
+    margin-left: 75px;
+}
+
 .reprendre-segment{
 	float: right;
 	display: block;