-* {\r
+* {\r
margin: 0;\r
padding: 0;\r
border-width: 0;\r
margin-top: 10px; \r
}\r
\r
+table#liste .listeFichiers img {\r
+ position: absolute;\r
+ left: -9px;\r
+ top: -18px;\r
+}\r
+\r
table#liste td {\r
background-color: #7BC671; \r
color: #20531A;\r
position: absolute;\r
}\r
\r
-table#liste td.fichier a {\r
+table#liste td.fichier div ul {\r
+ display: block;\r
position: absolute;\r
+ left: 5px;\r
+ top: 3px;\r
+ padding: 2px;\r
+}\r
+\r
+table#liste td.fichier div ul:hover {\r
+ z-index: 4;\r
+ background-color: #4F8749;\r
+}\r
+\r
+table#liste td.fichier div ul > a {\r
+ position: absolute; \r
+ left: -3px;\r
+ top: -4px;\r
width: 12px;\r
height: 20px;\r
display: block;\r
- z-index: 1;\r
- background-image: url(../img/poire1.png)\r
+ z-index: 3;\r
+ background-image: url(../img/poire1.png);\r
}\r
\r
-table#liste td.fichier a:hover {\r
+table#liste td.fichier div ul:hover > a {\r
width: 24px;\r
height: 40px; \r
- left: -6px;\r
- top: -10px;\r
+ left: -8px;\r
+ top: -14px;\r
z-index: 10;\r
- background-image: url(../img/poire2.png)\r
+ background-image: url(../img/poire2.png);\r
+}\r
+\r
+table#liste td.fichier div ul li {\r
+ display: none;\r
}\r
\r
+table#liste td.fichier div ul li a {\r
+ color: #8DDD83;\r
+}\r
+\r
+table#liste td.fichier div ul li a:hover {\r
+ color: #BFF6B8;\r
+}\r
+\r
+table#liste td.fichier div ul:hover li {\r
+ display: block;\r
+ z-index: 4;\r
+ padding: 3px 8px 3px 17px;\r
+ text-align: left;\r
+ white-space: nowrap;\r
+ color: #8DDD83;\r
+ background-color: #2D5728;\r
+ font-size: 10pt;\r
+}\r
+\r
+table#liste td.fichier div ul:hover li:hover {\r
+ background-color: #43773D;\r
+}\r
+\r
+/* Pourquoi ca ne marche pas ? */\r
+/*\r
+table#liste td.fichier div ul:hover li:first-child {\r
+ margin-top: 10px;\r
+}*/\r
+\r
table#liste td.titre:hover {\r
background-color: #B1F1A9; \r
padding: 3px;\r