diff -r 14211f9b064a -r 0a73f3369312 Xxe/publidoc.css
--- a/Xxe/publidoc.css	mar. déc. 20 23:20:41 2011 +0100
+++ b/Xxe/publidoc.css	mer. déc. 21 16:42:54 2011 +0100
@@ -1,72 +1,220 @@
 /* $Id$ */
 
-publidoc {
-  font-family: sans-serif;
-}
-
 *::comment { display: none; }
 
-/* Top level =============================================================== */
-
+publidoc {
+  display: block; 
+  font-family: sans-serif;
+  padding: 0;
+}
 
 
 /* Head level ============================================================== */
 
-head  {
+head {
   display: block; 
-  margin: .5em 0;
-  background-color: #ffffe0;
-  border: thin solid #dcdcdc;
-  padding: .5em;
-  border-radius: 0.5em;
-  width: 100%;
+  margin-bottom: .5em;
+  background-color: #ffffee;
+  padding: 0 .2em 0 .2em;
+  border: 1px solid #bbbbbb;
+  border-radius: 0.2em;
 }
 
 head > *:before {
  display: marker;
  content: element-label();
- color: gray;
+ color:  #7f7f7f;
 }
 head > title:before { display: none; }
 head > subtitle:before { content: "Sous-titre :"; }
+head > identifier:before { content: insert-before-button() " Identifiant :"; }
 head > language:before { content: insert-before-button() " Langue :"; }
+head > copyright:before { content: insert-before-button() " Copyright :"; }
+head > author:before { content: insert-before-button() " Auteur :"; }
+head > publisher:before { content: insert-before-button() " Éditeur :"; }
 head > date:before { content: insert-before-button() " Date :"; }
 head > place:before { content: insert-before-button() " Lieu :"; }
 head > source:before { content: insert-before-button() " Source :"; }
 head > keywordset:before { content: insert-before-button() " Mots clés :"; }
+head > subjectset:before { content: insert-before-button() " Thèmes :"; }
+head > abstract:before { content: insert-before-button() " Résumé :"; }
+head > cover:before { content: insert-before-button() " Couverture :"; }
+head > annotation:before { content: insert-before-button() " Annotation :"; }
 
 head > * {
  display: block;
- margin: 0 0 .5em 6em;
+ margin: 0 0 .5em 7em;
 }
 head > title {
-  font-size: 150%;
+  font-size: 110%;
   font-weight: bold;
   color: #004080;
-  margin: 0 0 .4em 0;
+  margin: .3em 0 .3em 0;
+}
+publidoc > * > head > title {
+  font-size: 140%;
 }
 
 head > *:after {
-  color:  gray;
+  color:  #7f7f7f;
   content: " " insert-after-button();
 }
-head > title:after { content: ""; }
+head > annotation:after { content: ""; }
+
 
 /* Division level ========================================================== */
 
+division:before {
+  color: #7f7f7f;
+  content: collapser() " " insert-before-button() insert-after-button()
+           " Division"
+}
+
+division {
+  display: block;
+  border: 1px dotted #7f7f7f;
+  padding: 5px;
+  margin-bottom: .5em;
+  collapsible: yes;
+  not-collapsible-head: 1;
+}
+division:last-child {
+  margin-bottom: 0;
+}
+
+division > head {
+  padding: .3em .5em .3em .5em;
+  border-radius: 0.5em;
+}
+
+
 /* Component level ========================================================= */
 
+topic:before {
+  display: block;
+  color: #7f7f7f;
+  background-color: #ddddcc;
+  font-weight: bold;
+  padding: .5em 5px .5em 5px;
+  content: collapser() " " insert-before-button() insert-after-button()
+           " " add-attribute-button() " Topic";
+}
+topic[xml|id]:before {
+  content: collapser() " " insert-before-button() insert-after-button()
+           " " add-attribute-button() " Topic – "
+           " ID = " text-field(attribute, "xml:id", columns, 15, color, black);
+}
+topic[type]:before {
+  content: collapser() " " insert-before-button() insert-after-button()
+           " " add-attribute-button() " Topic – "
+           " Type = " text-field(attribute, type, columns, 10, color, black);
+}
+topic[xml|id][type]:before {
+  content: collapser() " " insert-before-button() insert-after-button()
+           " Topic – "
+           " ID = " text-field(attribute, "xml:id", columns, 15, color, black)
+           "  " icon(diamond)
+           " Type = " text-field(attribute, type, columns, 10, color, black);
+}
+
+topic {
+  display: block; 
+  border: 1px solid #ddddcc;
+  margin-bottom: .5em;
+  padding: 5px;
+  collapsible: yes;
+}
+topic:last-child {
+  margin-bottom: 0;
+}
+
+topic > head {
+  padding: .3em .5em .3em .5em;
+  border-radius: 0.5em;
+}
+
+
+/* Top level =============================================================== */
+
+/* Topic ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+publidoc > *:before {
+  display: block;
+  color: #bbbbbb;
+  background-color: #993333;
+  font-weight: bold;
+  padding: 1em 5px 1em 5px;
+}
+publidoc > document:before {
+  content: "Document – "
+           "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
+}
+publidoc > topic[xml|id]:before {
+  content: add-attribute-button() " Topic – "
+           "ID = " text-field(attribute, "xml:id", columns, 15, color, white);
+}
+publidoc > topic[xml|id][type]:before {
+  content: "Topic – "
+           " ID = " text-field(attribute, "xml:id", columns, 15, color, white)
+           "  " icon(diamond)
+           " Type = " text-field(attribute, type, columns, 10, color, white);
+}
+
+
+publidoc > * {
+  display: block; 
+  margin: 5px;
+}
+
+publidoc > topic {
+  border: 0;
+  padding: 0;
+}
+
+publidoc > * > head {
+  padding: .3em .5em .3em .5em;
+  border-radius: 0.5em;
+}
+
+
 /* Section level =========================================================== */
 
-/* section { */
-/*   display: block; */
-/* } */
+section {
+  display: block;
+  margin-bottom: .5em;
+}
+section:last-child {
+  margin-bottom: 0;
+}
+
 
 /* Block level ============================================================= */
 
-/* p { */
-/*   display: block; */
-/* } */
+p, speech, blockquote, table, media {
+  display: block;
+}
+
+/* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+list {
+  display: block;
+  margin: .3em 0 .3em 0;
+}
+
+item {
+  display: list-item;
+}
+list[type="ordered"] > item {
+  list-style-type: decimal;
+}
+
+list[type="glossary"] > item > label {
+  font-weight: bold;
+}
+
+item > p {
+    
+}
 
 /* Inline level ============================================================ */