--- a/integration/css/edition.css	Fri Oct 26 18:54:20 2012 +0200
+++ b/integration/css/edition.css	Mon Oct 29 18:02:10 2012 +0100
@@ -226,6 +226,14 @@
     content: "glisser pour modifier"
 }
 
+.time-tangle.deactivate:hover {
+    border: none; color: #7628DF;
+}
+
+.time-tangle.deactivate:hover:after {
+    display: none;
+}
+
 .segmentation form{
 	overflow: hidden;
 }
@@ -501,9 +509,8 @@
 }
 .item-video img{
 	float: left;
-}
-.item-video img{
 	margin-right: 4px;
+	box-shadow: 2px 2px 2px #333333;
 }
 .item-video .video-info{
 	display: block;
@@ -667,9 +674,45 @@
   background-position: -30px -50px;
 }
 
+.Ldt-Ctrl-InOutBlock {
+    display: none;
+}
+
+.segment-mode .Ldt-Ctrl-InOutBlock {
+    display: block;
+}
+
+.Ldt-Ctrl-SetIn, .Ldt-Ctrl-SetOut {
+    margin: 0 2px;
+}
+
+.Ldt-Ctrl-SetIn {
+    background-position: -60px 0;
+}
+
+.Ldt-Ctrl-SetIn:hover {
+  background-position: -60px -25px;
+}
+
+.Ldt-Ctrl-SetIn:active {
+  background-position: -60px -50px;
+}
+
+.Ldt-Ctrl-SetOut {
+    background-position: -90px 0;
+}
+
+.Ldt-Ctrl-SetOut:hover {
+  background-position: -90px -25px;
+}
+
+.Ldt-Ctrl-SetOut:active {
+  background-position: -90px -50px;
+}
+
 .Ldt-Ctrl-Time {
   float: left;
-  margin: 5px;
+  margin: 7px 5px 0;
   font-size: 12px;
   font-family: Arial, Verdana, sans-serif;
 }