--- a/timeline/css/timeline.css	Fri Jul 06 18:57:20 2012 +0200
+++ b/timeline/css/timeline.css	Mon Jul 09 19:44:02 2012 +0200
@@ -1,5 +1,58 @@
-p, h2, h3 {
-    margin: 2px 0; padding: 0;
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+
+ul, li {
+    list-style: none;
+}
+
+input::-moz-focus-inner /*Remove button padding in FF*/
+{ 
+    border: 0;
+    padding: 0;
+}
+
+table {
+    border-collapse: separate; border-spacing: 0;
+}
+
+th, td {
+    vertical-align: top;
+}
+
+img a {
+    border: none;
+}
+
+body {
+    font-size: 10px; font-family: Arial, Helvetica, sans-serif;
+}
+
+/*************************************************/
+
+.Onglets {
+    display: inline-block; border-style: solid solid none none; border-color: #ccc; border-width: 1px;
+}
+
+.Onglets li {
+    display: inline-block; background: url(../img/barbgd.png); font-size: 14px; height: 15px; padding: 5px; border-style: none none none solid; border-color: #ccc; border-width: 1px;
 }
 
 /************************************************/
@@ -113,7 +166,7 @@
     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
 }
 
-.Tl-Occurrence, .Tl-Cluster, .Tl-AddOccurrence {
+.Tl-Occurrence, .Tl-Cluster, .Tl-AddOccurrence, .Ls-OccIcon {
     width: 19px; height: 22px; background: url(../img/sprites.png); cursor: pointer;
 }
 
@@ -145,12 +198,44 @@
     background-position: -19px -72px;
 }
 
-.Tl-Occboth {
+.Tl-Occnarrative.Tl-Occa_valider {
     background-position: -38px -50px;
 }
 
+.Tl-Occpublication.Tl-Occa_valider {
+    background-position: -57px -50px;
+}
+
+.Tl-Occnarrative.Tl-Editing.Tl-Occa_valider {
+    background-position: -38px -72px;
+}
+
+.Tl-Occpublication.Tl-Editing.Tl-Occa_valider {
+    background-position: -57px -72px;
+}
+
+.Tl-Occnarrative.Tl-Occvalide {
+    background-position: -76px -50px;
+}
+
+.Tl-Occpublication.Tl-Occvalide {
+    background-position: -95px -50px;
+}
+
+.Tl-Occnarrative.Tl-Editing.Tl-Occvalide {
+    background-position: -76px -72px;
+}
+
+.Tl-Occpublication.Tl-Editing.Tl-Occvalide {
+    background-position: -95px -72px;
+}
+
+.Tl-Cluster {
+    background-position: -114px -50px;
+}
+
 .Tl-Link {
-    position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; background: url(../img/sprites.png) -38px -83px; display: none;
+    position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; background: url(../img/sprites.png) -114px -83px; display: none;
 }
 
 .Tl-ClusterCount {
@@ -237,3 +322,78 @@
 
 /**********************************/
 
+.Ls-Main {
+    width: 950px; height: 200px; background: #fafafa; border: 1px solid #cccccc;
+}
+
+.Ls-Filtres {
+    width: 540px;
+    float: left;
+}
+
+.Ls-Column {
+    width: 180px; 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-Input {
+    width: 100px; margin-right: 5px;
+}
+
+.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: 4px; 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;
+}
+
+.Ls-Occurrence-Title {
+    width: 260px; float: left; font-size: 14px;
+}
+
+.Ls-Occurrence-Date {
+    padding-top: 2px; font-size: 12px;
+}
+
+.Ls-CrWithIcon {
+    padding: 5px 2px;
+}
+
+.Ls-OccIcon {
+    float: right;
+}
+
+.Ls-CrWithIcon .Ls-OccIcon {
+    margin: -4px 0;
+}