--- a/Pdf/BaladeNature/Css/balade_nature.css	ven. janv. 25 11:26:07 2013 +0100
+++ b/Pdf/BaladeNature/Css/balade_nature.css	mer. janv. 30 22:50:06 2013 +0100
@@ -14,31 +14,66 @@
 }
 body.pdocTopic { padding: 0; }
 
+img { max-width: 100%; max-height: 100%; }
+
+
+
+/* ======= BLOCK LEVEL ====== */
+
+
 /* ~~~~~~~ pdocMedia ~~~~~~~~ */
 
 .pdocMedia {
+  position: relative;
   margin: 0;
 }
 
 .pdocMediaCaptionAbsolute {
+  position: absolute;
   text-align: center;
   width: 100%;
 }
 
 /* ~~~~~~~ pdocImage ~~~~~~~~ */
 
+.pdocImage {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.pdocImage.tooltip, .pdocImage.hotspot {
+  float: left;
+  position: relative;
+}
+
+.pdocImageHotspot {
+  position: absolute;
+}
+
+.pdocImageHotspot a {
+  display: block;
+  text-decoration: none;
+  border: 1px dotted gray;
+}
+
+.pdocImagePulse {
+  position: absolute;
+  cursor: pointer;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
 .pdocImageTooltip {
+  position: absolute;
+  display: none;
+  color: white;
   font-size: 140%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  text-shadow: 1px 1px 1px #bbbbbb;
 }
 .pdocImageTooltip .pdocP {
   color: white;
 }
 
-.pdocImagePulse {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
 /* ~~~~~~~~~~ pdocP ~~~~~~~~~ */
 
 .pdocP {
@@ -74,5 +109,5 @@
   height: 200%;
   cursor: none;
   background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
-  background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75)));
+  /* background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75))); */
 }
\ No newline at end of file