6f9e440f6639a08f0ddbbcdd6f9f7c46cfd00417
[pompage.git] / css / yopyop.css
1 * {
2 margin: 0;
3 padding: 0;
4 border-width: 0;
5 }
6
7 html {
8 background-color: #8DDD83;
9 height: auto;
10 font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
11 }
12
13 a {
14 text-decoration: none;
15 }
16 a:link {
17 color: #51874A;
18 }
19 a:visited {
20 color: #51874A;
21 }
22 a:hover {
23 color: #5DDF4C;
24 }
25 a:active {
26 color: #5DDF4C;
27 }
28
29 body {
30 width: 90%;
31 height: auto;
32 margin-left: auto;
33 margin-right: auto;
34 margin-top: 0px;
35 text-align: left;
36 }
37
38 h1 {
39 font-size: 20pt;
40 font-style: italic;
41 font-weight: bold;
42 margin-left: 40px;
43 }
44
45 th {
46 font-size: 14pt;
47 font-weight: bold;
48 }
49
50 td {
51 vertical-align:top;
52 }
53
54 div.entete {
55 width: 90%;
56 position: fixed;
57 background-color: #65A35D;
58 height: 50px;
59 color: #8DDD83;
60 -moz-border-radius: 0px 0px 20px 20px;
61 }
62
63 div.entete img {
64 position: absolute;
65 left: 180px;
66 top: -3px;
67 }
68
69 div.entete h1 {
70 float: left;
71 margin-top: 10px;
72 }
73
74 div.pied {
75 position: fixed;
76 bottom: 0px;
77 height: 50px;
78 width: 90%;
79 background-image: url(../img/collines.png)
80 }
81
82 div form {
83 float: right;
84 padding-right: 10px;
85 padding-top: 5px;
86 }
87
88 div form input {
89 font-size: 16pt;
90 background-color: #B1F1A9;
91 }
92
93 div form button {
94 position: relative;
95 top: -5px;
96 height: 25px;
97 width: 25px;
98 margin: 2px;
99 background-color: #B1F1A9;
100 border: 0px;
101 background-image: url(../img/clear.png);
102 background-position: center;
103 background-repeat: no-repeat;
104 }
105
106 div.contenu {
107 padding-top: 50px;
108 }
109
110 table#liste {
111 width: 100%;
112 border-spacing: 0px 0px;
113 margin-bottom:50px;
114 }
115
116 table#liste th {
117 background-color: #8DDD83;
118 padding: 3px;
119 font-size: 13pt;
120 }
121
122 table#liste th.titre {
123 text-align: left;
124 }
125
126 table#liste th.annee {
127 width: 50px;
128 text-align: center;
129 }
130
131 table#liste th.duree {
132 width: 80px;
133 text-align: center;
134 }
135
136 table#liste th.lien {
137 width: 50px;
138 text-align: center;
139 }
140
141 table#liste th.fichier {
142 width: 50px;
143 text-align: center;
144 }
145
146 table#liste td {
147 background-color: #7BC671;
148 color: #20531A;
149 padding: 3px;
150 }
151
152 table#liste td.titre {
153 font-weight: bold;
154 }
155
156 table#liste td.annee {
157 text-align: right;
158 }
159
160 table#liste td.duree {
161 text-align: right;
162 }
163
164 table#liste td.lien {
165 text-align: center;
166 }
167
168 table#liste td.fichier {
169 text-align: center;
170 }
171
172 table#liste td.titre:hover {
173 background-color: #B1F1A9;
174 padding: 3px;
175 }
176
177 table#liste td.detail {
178 background-color: #8DDD83;
179 padding: 0px 0px 0px 0px;
180 }
181
182 table#liste table.detail {
183 display:none;
184 padding-bottom: 10px;
185 border-spacing: 0px 0px;
186 }
187
188 table#liste table.detail td {
189 padding: 3px;
190 background-color: #B1F1A9;
191 }
192
193 table#liste table.detail td.titreDetail {
194 font-weight: bold;
195 }
196
197