* {\r
- margin: 0;\r
- padding: 0;\r
- border-width: 0;\r
- font: normal 12pt Arial, Verdana, Helvetica, sans-serif;\r
- color: #000000;\r
+ margin: 0;\r
+ padding: 0;\r
+ border-width: 0;\r
+}\r
+\r
+html {\r
+ background-color: #8DDD83;\r
+ height: auto;\r
+ font: normal 12pt Arial, Verdana, Helvetica, sans-serif;\r
+}\r
+\r
+a {\r
+ text-decoration: none;\r
+ cursor: pointer;\r
+}\r
+a:link {\r
+ color: #51874A;\r
+}\r
+a:visited {\r
+ color: #51874A;\r
+}\r
+a:hover {\r
+ color: #5DDF4C;\r
+}\r
+a:active {\r
+ color: #5DDF4C;\r
}\r
\r
body {\r
- background-color: #DDDDDD;\r
+ width: 90%;\r
+ height: auto;\r
+ margin-left: auto;\r
+ margin-right: auto;\r
+ margin-top: 0px;\r
+ text-align: left;\r
}\r
\r
h1 {\r
margin-left: 40px;\r
}\r
\r
-th {\r
- font-size: 14pt;\r
- font-weight: bold; \r
-}\r
-\r
td {\r
vertical-align:top;\r
}\r
\r
-table#liste {\r
- width: 100%;\r
- border-spacing: 0px 0px;\r
+div.entete {\r
+ width: 90%;\r
+ position: fixed;\r
+ z-index: 5;\r
+ background-color: #65A35D;\r
+ height: 50px;\r
+ color: #8DDD83;\r
+ -moz-border-radius: 0px 0px 20px 20px;\r
+ min-width: 630px;\r
}\r
\r
-table#liste th {\r
- background-color: #9999DD; \r
- padding: 3px;\r
+div.entete img {\r
+ position: absolute;\r
+ left: 180px;\r
+ top: -3px;\r
}\r
\r
-table#liste th.titre {\r
- text-align: left;\r
+div.entete h1 {\r
+ float: left; \r
+ margin-top: 8px;\r
}\r
\r
-table#liste th.annee {\r
- width: 50px;\r
+div.entete div#nbFilms {\r
+ position: absolute;\r
+ left: 280px;\r
+ top: 33px;\r
+ font-size: 9pt;\r
+ color: black;\r
}\r
\r
-table#liste th.duree {\r
- width: 80px;\r
+div.entete form {\r
+ float: right;\r
+ padding-right: 10px;\r
+ padding-top: 5px;\r
+ margin-right: 30px;\r
}\r
\r
-table#liste th.lien {\r
- width: 50px;\r
+div.entete form input {\r
+ font-size: 16pt;\r
+ background-color: #B1F1A9;\r
+ margin: 0px;\r
+ padding: 0px;\r
}\r
\r
-table#liste th.fichier {\r
- width: 50px;\r
+div.entete form button {\r
+ position: relative;\r
+ height: 25px;\r
+ width: 25px;\r
+ border: 0px;\r
+ background-color: #B1F1A9;\r
+ background-image: url(../img/clear.png);\r
+ background-position: center;\r
+ background-repeat: no-repeat;\r
+ vertical-align: top;\r
+}\r
+\r
+div.entete form p {\r
+ color: black;\r
+ font-size: 7pt;\r
+ margin-top: 1px;\r
+}\r
+\r
+div.entete form p label {\r
+ margin-right: 4px;\r
+}\r
+\r
+div.entete form input[type='checkbox'] {\r
+ border:2px solid red;\r
+}\r
+\r
+div.pied {\r
+ position: fixed;\r
+ bottom: 0px;\r
+ height: 50px;\r
+ width: 90%;\r
+ background-image: url(../img/collines.png);\r
+ z-index: 5;\r
+ min-width: 630px;\r
+}\r
+\r
+div.contenu {\r
+ padding-top: 50px;\r
+ min-width: 630px;\r
+}\r
+\r
+table#liste {\r
+ width: 100%;\r
+ border-spacing: 0px 0px;\r
+ margin-bottom:50px;\r
+ margin-top: 10px; \r
}\r
\r
table#liste td {\r
- background-color: #BBBBEE; \r
+ background-color: #7BC671; \r
+ color: #20531A;\r
padding: 3px;\r
}\r
\r
table#liste td.titre {\r
font-weight: bold;\r
+ cursor: pointer;\r
}\r
\r
table#liste td.annee {\r
text-align: right;\r
+ width: 50px;\r
}\r
\r
table#liste td.duree {\r
text-align: right;\r
+ width: 80px;\r
}\r
\r
table#liste td.lien {\r
text-align: center;\r
+ width: 15px;\r
+}\r
+\r
+table#liste td.lien div {\r
+ position: absolute;\r
+}\r
+\r
+table#liste td.lien a {\r
+ position: absolute;\r
+ width: 15px;\r
+ height: 19px;\r
+ display: block;\r
+ z-index: 1;\r
+ background-image: url(../img/pomme1.png)\r
+}\r
+\r
+table#liste td.lien a:hover {\r
+ width: 30px;\r
+ height: 38px; \r
+ left: -7px;\r
+ top: -9px;\r
+ z-index: 10;\r
+ background-image: url(../img/pomme2.png)\r
}\r
\r
table#liste td.fichier {\r
text-align: center;\r
+ width: 12px;\r
+}\r
+\r
+table#liste td.fichier div {\r
+ position: absolute;\r
+}\r
+\r
+table#liste td.fichier a {\r
+ position: absolute;\r
+ width: 12px;\r
+ height: 20px;\r
+ display: block;\r
+ z-index: 1;\r
+ background-image: url(../img/poire1.png)\r
+}\r
+\r
+table#liste td.fichier a:hover {\r
+ width: 24px;\r
+ height: 40px; \r
+ left: -6px;\r
+ top: -10px;\r
+ z-index: 10;\r
+ background-image: url(../img/poire2.png)\r
}\r
\r
table#liste td.titre:hover {\r
- background-color: #CCCCFF; \r
+ background-color: #B1F1A9; \r
padding: 3px;\r
}\r
\r
table#liste td.detail {\r
- background-color: #FFFFFF; \r
- padding: 0px 0px 5px 5px;\r
+ background-color: #8DDD83; \r
+ padding: 0px 0px 0px 0px;\r
}\r
\r
table#liste table.detail {\r
- visibility:hidden;\r
- position:absolute;\r
+ display:none;\r
+ padding-bottom: 10px;\r
border-spacing: 0px 0px;\r
}\r
\r
table#liste table.detail td {\r
padding: 3px; \r
- background-color: #DDDDFF;\r
+ background-color: #B1F1A9;\r
}\r
\r
table#liste table.detail td.titreDetail {\r