FIX Ajustement de la largeur maximale de certains élement
[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 cursor: pointer;
16 }
17 a:link {
18 color: #51874A;
19 }
20 a:visited {
21 color: #51874A;
22 }
23 a:hover {
24 color: #5DDF4C;
25 }
26 a:active {
27 color: #5DDF4C;
28 }
29
30 body {
31 width: 90%;
32 height: auto;
33 margin-left: auto;
34 margin-right: auto;
35 margin-top: 0px;
36 text-align: left;
37 }
38
39 h1 {
40 font-size: 20pt;
41 font-style: italic;
42 font-weight: bold;
43 margin-left: 40px;
44 }
45
46 td {
47 vertical-align:top;
48 }
49
50 div.entete {
51 width: 90%;
52 position: fixed;
53 z-index: 5;
54 background-color: #65A35D;
55 height: 50px;
56 color: #8DDD83;
57 -moz-border-radius: 0px 0px 20px 20px;
58 min-width: 630px;
59 }
60
61 div.entete img {
62 position: absolute;
63 left: 180px;
64 top: -3px;
65 }
66
67 div.entete h1 {
68 float: left;
69 margin-top: 8px;
70 }
71
72 div.entete div#nbFilms {
73 position: absolute;
74 left: 280px;
75 top: 33px;
76 font-size: 9pt;
77 color: black;
78 }
79
80 div.entete form {
81 float: right;
82 padding-right: 10px;
83 padding-top: 5px;
84 margin-right: 30px;
85 }
86
87 div.entete form input {
88 font-size: 16pt;
89 background-color: #B1F1A9;
90 margin: 0px;
91 padding: 0px;
92 }
93
94 div.entete form button {
95 position: relative;
96 height: 25px;
97 width: 25px;
98 border: 0px;
99 background-color: #B1F1A9;
100 background-image: url(../img/clear.png);
101 background-position: center;
102 background-repeat: no-repeat;
103 vertical-align: top;
104 }
105
106 div.entete form p {
107 color: black;
108 font-size: 7pt;
109 margin-top: 1px;
110 }
111
112 div.entete form p label {
113 margin-right: 4px;
114 }
115
116 div.entete form input[type='checkbox'] {
117 border:2px solid red;
118 }
119
120 div.pied {
121 position: fixed;
122 bottom: 0px;
123 height: 50px;
124 width: 90%;
125 background-image: url(../img/collines.png);
126 z-index: 5;
127 min-width: 630px;
128 }
129
130 div.contenu {
131 padding-top: 50px;
132 min-width: 630px;
133 }
134
135 table#liste {
136 width: 100%;
137 border-spacing: 0px 0px;
138 margin-bottom:50px;
139 margin-top: 10px;
140 }
141
142 table#liste td {
143 background-color: #7BC671;
144 color: #20531A;
145 padding: 3px;
146 }
147
148 table#liste td.titre {
149 font-weight: bold;
150 cursor: pointer;
151 }
152
153 table#liste td.annee {
154 text-align: right;
155 width: 50px;
156 }
157
158 table#liste td.duree {
159 text-align: right;
160 width: 80px;
161 }
162
163 table#liste td.lien {
164 text-align: center;
165 width: 15px;
166 }
167
168 table#liste td.lien div {
169 position: absolute;
170 }
171
172 table#liste td.lien a {
173 position: absolute;
174 width: 15px;
175 height: 19px;
176 display: block;
177 z-index: 1;
178 background-image: url(../img/pomme1.png)
179 }
180
181 table#liste td.lien a:hover {
182 width: 30px;
183 height: 38px;
184 left: -7px;
185 top: -9px;
186 z-index: 10;
187 background-image: url(../img/pomme2.png)
188 }
189
190 table#liste td.fichier {
191 text-align: center;
192 width: 12px;
193 }
194
195 table#liste td.fichier div {
196 position: absolute;
197 }
198
199 table#liste td.fichier a {
200 position: absolute;
201 width: 12px;
202 height: 20px;
203 display: block;
204 z-index: 1;
205 background-image: url(../img/poire1.png)
206 }
207
208 table#liste td.fichier a:hover {
209 width: 24px;
210 height: 40px;
211 left: -6px;
212 top: -10px;
213 z-index: 10;
214 background-image: url(../img/poire2.png)
215 }
216
217 table#liste td.titre:hover {
218 background-color: #B1F1A9;
219 padding: 3px;
220 }
221
222 table#liste td.detail {
223 background-color: #8DDD83;
224 padding: 0px 0px 0px 0px;
225 }
226
227 table#liste table.detail {
228 display:none;
229 padding-bottom: 10px;
230 border-spacing: 0px 0px;
231 }
232
233 table#liste table.detail td {
234 padding: 3px;
235 background-color: #B1F1A9;
236 }
237
238 table#liste table.detail td.titreDetail {
239 font-weight: bold;
240 }
241
242