--- a/Xxe/Css/publidoc.css	mer. mai 30 01:18:50 2012 +0200
+++ b/Xxe/Css/publidoc.css	mer. mai 30 21:32:58 2012 +0200
@@ -19,7 +19,7 @@
   display: block;
   margin-bottom: .5em;
   background-color: #fafafa;
-  padding: 0 .2em 0 .2em;
+  padding: .2em .5em 0 .5em;
   border: 1px solid #bbbbbb;
   border-radius: 0.2em;
 }
@@ -43,6 +43,7 @@
 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 > audio:before { content: insert-before-button() " Audio :"; }
 
 head > * {
  display: block;
@@ -60,7 +61,7 @@
   font-size: 120%;
   font-weight: bold;
   color: #004080;
-  margin: .2em 0 .2em 0;
+  margin: 0 0 .2em 0;
 }
 head > subtitle {
   font-weight: bold;
@@ -261,6 +262,7 @@
 
 publidoc > * > head > title {
   font-size: 140%;
+  margin: .1em 0 .1em 0;
 }
 
 
@@ -428,32 +430,79 @@
 
 media image, media audio {
   display: block;
-  color: #7f7f7f;
   font-family: sans-serif;
 }
-media image:after, media audio:after {
-  content: " " insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+
+media caption {
+  display: block;
+}
+media caption:after {
+  content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
 }
 
-image {
-  content: concatenate("image('Images/", attr(id), ".png', -64, -64, smooth)");
+/* image ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+cover image {
+  content: concatenate("image('Images/", attr(id), ".png', -480, -360, smooth)");
+}
+
+p image {
+  content: concatenate("image('Images/", attr(id), ".png', -64, -48, smooth)");
   vertical-align: middle;
 }
-media image {
-  content: "Image : "
-           concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)");
+
+media image:before {
+  display: block;
+  text-align: left;
+  content: concatenate("image('Images/", attr(id), ".png', -480, -360, smooth)")
+           insert-button(color, #7f7f7f, icon, icon(pop-down))
+           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+}
+media image[type="thumbnail"]:before {
+  content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)")
+           insert-button(color, #7f7f7f, icon, icon(pop-down))
+           insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
 }
 
-media audio {
-  content: "Audio : " text-field(attribute, id, color, black);
+tooltip image:before {
+  content: "";
+}
+tooltip > image {
+  content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)");
 }
 
-caption {
+media image {
+  margin-bottom: .8em;
+}
+
+image > copyright {
+  display: block;
+  font-size: 75%;
   font-style: italic;
-  font-size: 93%;
 }
-caption:after {
-  content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+
+tooltip {
+  display: block;
+  padding: .5em;
+  background-color: #eaffe9;
+  border-radius: 1.5em;
+}
+tooltip > p {
+  font-family: sans-serif;
+  font-size: 85%;
+}
+
+/* audio ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+audio {
+  content: text-field(attribute, id, color, black, font-size, 75%)
+           " type : " label(attribute, type, color, black) " "
+           set-attribute-button(attribute, type, icon, icon(pop-sw), color, black);
+}
+media audio {
+  content: "Audio : " text-field(attribute, id, color, black)
+           " type : " label(attribute, type, color, black) " "
+           set-attribute-button(attribute, type, icon, icon(pop-sw), color, black);
 }
 
 
@@ -532,4 +581,5 @@
 
 smil {
   background-color: #ffffc0;
+  
 }