diff -r 8bab0eb0d791 -r 6b1a038edbf7 timeline/css/timeline.css
--- a/timeline/css/timeline.css	Tue Aug 13 13:16:26 2013 +0200
+++ b/timeline/css/timeline.css	Tue Aug 13 16:22:32 2013 +0200
@@ -45,43 +45,15 @@
     font-size: 10px; font-family: Arial, Helvetica, sans-serif;
 }
 
-/*************************************************/
-
-ul.Onglets {
-    margin: 0 10px; text-align: left;
-}
-
-.Onglets li {
-    display: inline-block; background: url(../img/barbgd.png); font-size: 14px; height: 15px; padding: 5px;
-    border: 1px solid #cccccc; cursor: pointer; border-bottom: none;
-    border-top-left-radius: 8px; border-top-right-radius: 8px;
-}
-
-.Onglets li.active, .Onglets li:hover {
-    background-position: 0 -25px;
-}
-
 /************************************************/
 
 .Tl-Main {
-    border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; text-align: left;
+    font-family: Arial, Helvetica, sans-serif; text-align: left;
+    position: relative;
 }
 
 .Tl-TopBar {
-    height: 25px; border-style: solid none; border-color: #ccc; border-width: 1px;
-    background: url(../img/barbgd.png);
-}
-
-.Tl-TopBar-Button {
-    float: left; background: url(../img/barbgd.png); cursor: pointer;
-}
-
-.Tl-TopBar-TextBtn {
-    font-size: 12px; height: 15px; padding: 5px;
-}
-
-.Tl-TopBar-Button.active, .Tl-TopBar-Button:hover {
-    background-position: 0 -25px;
+    height: 20px; width: 100%;
 }
 
 .Tl-Border-Right {
@@ -92,73 +64,47 @@
     border-left: 1px solid #ccc;
 }
 
-.Tl-TopBar-Spacer {
-    float: left; height: 25px; width: 25px;
-}
-
-.Tl-TopBar-AddButton {
-    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -50px 0;
-}
-
-.Tl-TopBar-AddButton.active, .Tl-TopBar-AddButton:hover {
-    background-position: -50px -25px;
-}
-
-.Tl-TopBar-PreviousButton {
-    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -100px 0;
-}
-
-.Tl-TopBar-PreviousButton.active, .Tl-TopBar-PreviousButton:hover {
-    background-position: -100px -25px;
-}
-
-.Tl-TopBar-NextButton {
-    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -75px 0;
-}
-
-.Tl-TopBar-NextButton.active, .Tl-TopBar-NextButton:hover {
-    background-position: -75px -25px;
-}
-
-.Tl-TopBar-SyncButton {
-    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: 0 0;
-}
-
-.Tl-TopBar-SyncButton.active, .Tl-TopBar-SyncButton:hover {
-    background-position: 0 -25px;
-}
-
-.Tl-TopBar-TimeSpan {
-    float: left; width: 140px; text-align: center;
-}
-
 .Tl-BottomPart {
-    position: relative;
+    position: absolute; bottom: 0; left: 0; right: 0;
 }
 
 .Tl-MainPart {
-    position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; overflow: hidden;
-    box-shadow: 0 0 20px #999999 inset
+    position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden;
 }
 
 .Tl-UniversLabels {
     list-style: none; margin: 0; padding: 0; border: none;
+    font-size: 13px;
+}
+
+.Tl-UniversLabels li {
+    position: relative; float: left; clear: both; width: 100%;
+}
+
+.Tl-UniversLabels li:before {
+    content: "."; position: absolute; height: 1px; text-indent: -9999px;
+    width: 100%; top: 0; background: #DEDEDE;
+}
+
+.Tl-UniversLabels li:after {
+    content: "."; position: absolute; height: 0; text-indent: -9999px;
+    width: 0; right: -8px; top: 50%; margin-top: -6px;
+    border-top: 6px solid transparent;
+    border-bottom: 6px solid transparent;
+    border-left: 8px solid #ffffff;
 }
 
 .Tl-UniversText {
-    font-size: 13px; margin: 2px 0;
-}
-
-.Tl-Layer {
-    position: absolute; top: 0; left: 0; height: 100%;
+    margin-right: 2px;
 }
 
 .Tl-Grid {
-    width: 100%; overflow: hidden;
+    position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden;
+    background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% )
 }
 
 .Tl-Grid-Column {
-    position: absolute; top: 0; height: 100%; border-left: 1px solid #999;
+    position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999;
 }
 /*
 .Tl-Grid-Major {
@@ -166,7 +112,7 @@
 }
 */
 .Tl-Grid-Label {
-    position: absolute; height: 12px; bottom: 0; left: 1px; font-size: 10px; z-index: 4; width: 80px;
+    position: absolute; height: 12px; top: -10px; left: 2px; font-size: 11px; z-index: 4; width: 80px;
 }
 
 .Tl-Grid-Now {
@@ -325,86 +271,4 @@
 
 .Tl-AddOccurrence {
     float: right; margin: -3px;
-}
-
-/**********************************/
-
-.Ls-Main {
-    display: none; width: 950px; height: 200px; background: #fafafa; border: 1px solid #cccccc; text-align: left;
-}
-
-.Ls-Filtres {
-    width: 540px;
-    float: left;
-}
-
-.Ls-Column {
-    width: 130px; height: 160px;
-    float: left;
-}
-
-.Ls-Main h2 {
-    text-align: center; margin: 0; font-size: 14px; font-weight: bold; clear: both;
-}
-
-.Ls-Resultats {
-    height: 200px; overflow: auto; border-left: 1px solid #cccccc;
-}
-
-.Ls-Search {
-    width: 120px;
-}
-
-.Ls-Input {
-    width: 80px;
-}
-
-.Ls-Label {
-    display: inline-block; width: 30px; font-size: 12px;
-}
-
-.Ls-Main h3 {
-    font-size: 12px; font-weight: bold; margin: 5px 0 0;
-    clear: both;
-}
-
-.Ls-Critere {
-    font-size: 11px; background: #ffffff; color: #333333; cursor: pointer;
-    border-radius: 4px; margin: 2px; padding: 3px; display: inline-block; clear: both;
-}
-
-.Ls-Critere.Ls-Active {
-    background: #ffb0ff;
-}
-
-.Ls-Critere:hover {
-    background: #ffe0ff;
-}
-
-.Ls-Resultats ul {
-    border-top: 1px solid #cccccc;
-}
-
-li.Ls-Occurrence {
-    border-bottom: 1px solid #cccccc; clear: both; padding: 3px;
-}
-
-h4.Ls-Occurrence-Title {
-    font-size: 13px; font-weight: bold;
-}
-
-p.Ls-Occ-More {
-    font-size: 12px;
-}
-
-.Ls-CrWithIcon {
-    padding: 5px 2px;
-}
-
-.Ls-OccIcon {
-    float: right;
-}
-
-.Ls-CrWithIcon .Ls-OccIcon {
-    margin: -4px 0;
-}
+}
\ No newline at end of file