X-Git-Url: http://git.euphorik.ch/?p=pompage.git;a=blobdiff_plain;f=css%2Fyopyop.css;fp=css%2Fyopyop.css;h=6f9e440f6639a08f0ddbbcdd6f9f7c46cfd00417;hp=07ebd4229b3d71ab9b09fec74a92f46a60396d04;hb=6a3e9e285bd76141ce1475f3ecc0c3f220a5c968;hpb=c8dde685f324d22c9516211979d688b3a7530558

diff --git a/css/yopyop.css b/css/yopyop.css
index 07ebd42..6f9e440 100644
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -1,13 +1,38 @@
 * {
-    margin: 0;
-    padding: 0;
-    border-width: 0;
-    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
-    color: #000000;
+   margin: 0;
+   padding: 0;
+   border-width: 0;
+}
+
+html {
+	background-color: #8DDD83;
+   height: auto;
+   font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
+}
+
+a {
+   text-decoration: none;
+}
+a:link {
+   color: #51874A;
+}
+a:visited {
+   color: #51874A;
+}
+a:hover {
+   color: #5DDF4C;
+}
+a:active {
+   color: #5DDF4C;
 }
 
 body {
-	background-color: #DDDDDD;
+   width: 90%;
+   height: auto;
+   margin-left: auto;
+   margin-right: auto;
+   margin-top: 0px;
+   text-align: left;
 }
 
 h1 {
@@ -26,14 +51,72 @@ td {
 	vertical-align:top;
 }
 
+div.entete {
+   width: 90%;
+	position: fixed;
+   background-color: #65A35D;
+   height: 50px;
+   color: #8DDD83;
+   -moz-border-radius: 0px 0px 20px 20px;
+}
+
+div.entete img {
+   position: absolute;
+   left: 180px;
+   top: -3px;
+}
+
+div.entete h1 {
+	float: left;     
+   margin-top: 10px;
+}
+
+div.pied {
+   position: fixed;
+   bottom: 0px;
+   height: 50px;
+   width: 90%;
+   background-image: url(../img/collines.png)
+}
+
+div form {
+	float: right;
+   padding-right: 10px;
+   padding-top: 5px;
+}
+
+div form input {
+   font-size: 16pt;
+   background-color: #B1F1A9;
+}
+
+div form button {
+   position: relative;
+   top: -5px;
+   height: 25px;
+   width: 25px;
+   margin: 2px;
+   background-color: #B1F1A9;
+   border: 0px;
+   background-image: url(../img/clear.png);
+   background-position: center;
+   background-repeat: no-repeat;
+}
+
+div.contenu {
+   padding-top: 50px;
+}
+
 table#liste {
 	width: 100%;
 	border-spacing: 0px 0px;
+   margin-bottom:50px;
 }
 
 table#liste th {
-    background-color: #9999DD;	
+   background-color: #8DDD83;
 	padding: 3px;
+   font-size: 13pt;
 }
 
 table#liste th.titre {
@@ -42,22 +125,27 @@ table#liste th.titre {
 
 table#liste th.annee {
 	width: 50px;
+	text-align: center;
 }
 
 table#liste th.duree {
 	width: 80px;
+	text-align: center;
 }
 
 table#liste th.lien {
 	width: 50px;
+	text-align: center;
 }
 
 table#liste th.fichier {
 	width: 50px;
+	text-align: center;
 }
 
 table#liste td {
-    background-color: #BBBBEE;	
+   background-color: #7BC671;	
+   color: #20531A;
 	padding: 3px;
 }
 
@@ -82,24 +170,24 @@ table#liste td.fichier {
 }
 
 table#liste td.titre:hover {
-    background-color: #CCCCFF;	
+    background-color: #B1F1A9;	
 	padding: 3px;
 }
 
 table#liste td.detail {
-    background-color: #FFFFFF;	
+   background-color: #8DDD83;	
 	padding: 0px 0px 0px 0px;
 }
 
 table#liste table.detail {
-	visibility:hidden;
-	position:absolute;
+	display:none;
+   padding-bottom: 10px;
 	border-spacing: 0px 0px;
 }
 
 table#liste table.detail td {
 	padding: 3px;	
-    background-color: #DDDDFF;
+   background-color: #B1F1A9;
 }
 
 table#liste table.detail td.titreDetail {