9a64ed959b4066b685e77a871bccb74d0f547b41
[auf_paf.git] / paf0 / media / css / style.css
1 /* elements */
2 body {
3 margin:0;
4 padding:0;
5 background:#fff;
6 color:#454545;
7 font:0.8em verdana, arial, helvetica, sans-serif;
8 }
9
10 h2 {
11 margin:0px;
12 padding:0;
13 background:inherit;
14 color:#d15517;
15 font:normal 190% "trebuchet ms", verdana, arial, helvetica, sans-serif;
16 }
17 h3 {
18 margin:10px 0 0 10px;
19 padding:0;
20 background:inherit;
21 color:#5f5f5f;
22 font:normal 170% "trebuchet ms", verdana, arial, helvetica, sans-serif;
23 }
24 h4 {
25 margin:10px 0 0 10px;
26 padding:0;
27 background:inherit;
28 color:#5f5f5f;
29 font:normal 150% "trebuchet ms", verdana, arial, helvetica, sans-serif;
30 }
31 h5 {
32 margin:10px 0 0 10px;
33 padding:0;
34 background:inherit;
35 color:#5f5f5f;
36 font:normal 130% "trebuchet ms", verdana, arial, helvetica, sans-serif;
37 }
38
39 p.error {
40 color: red;
41 }
42 ul.errorlist {
43 color: red;
44 list-style-type:none;
45 margin: 0px;
46 padding: 0px;
47 font-size: 11px;
48 }
49
50 a:link, a:visited {
51 background:inherit;
52 color:#0643bb;
53 text-decoration:none;
54 }
55 a:active {
56 background:inherit;
57 color:#990000;
58 text-decoration:none;
59 }
60 a:hover {
61 background:inherit;
62 color:#d15517;
63 text-decoration:none;
64 }
65
66 a img {
67 border:none;
68 }
69
70 form {
71 margin:8px 17px 0 0;
72 padding:0px;
73 }
74 table {
75 margin:10px;
76 border-collapse:collapse;
77 padding:5px;
78 }
79 th {
80 height:28px;
81 border-top:2px solid #d0e8f8;
82 padding:0 10px;
83 background-color:#e7f1f8;
84 font-size:14px;
85 text-align:left;
86 }
87 table.lined th, table.lined td{
88 font-size: 14px;
89 border-top:1px solid #d0e8f8;
90 border-left:1px solid #d0e8f8;
91 padding: 5px;
92 }
93 table.lined {
94 border-bottom:1px solid #d0e8f8;
95 border-right:1px solid #d0e8f8;
96 }
97 table.lined td.spacer {
98 height: 5px;
99 }
100 th.nombre, td.nombre {
101 padding-right:0px;
102 text-align:right;
103 }
104
105 .row1, table.sortable .even {}
106 .row2, table.sortable .odd, table.lined .line_1 {
107 background-color:#EFEFEF;
108 }
109
110 td {
111 vertical-align: top;
112 }
113
114 fieldset {border: 1px solid #EEEEEE; margin: 1em;}
115 label {font-weight: bold;}
116 .form-row {margin: 1em 0px;}
117
118 /* id */
119 .coldroite h3 {margin-left: 0;}
120 .coldroite {font-size: 80%; width: 20%;}
121 .coldroite {float: right; padding:2%; border-left: 1px solid #EEEEEE;}
122 .coldroite ul, li {margin: 0; padding: 0;}
123 .coldroite li {margin: 4px 0px; list-style-type: none;}
124 .coldroite a {color: grey; text-decoration: none;}
125 .coldroite li:hover, .coldroite a:hover, .coldroite a.selectionne {color: #D15517;}
126 .filtre {margin-bottom: 2em;}
127
128 #loadingbox {
129 display:none;
130 position:absolute;
131 width:100%;
132 }
133 #loading {
134 width:200px;
135 margin:auto;
136 background:#f5e86e;
137 text-align:center;
138 }
139
140 #wrapper {
141 float:left;
142 width:100%;
143 margin:0 auto 0 auto;
144 padding:0;
145 }
146
147 #header {
148 float:left;
149 width:96%;
150 padding:2%;
151 background:#f8fbfd;
152 color:#5f5f5f;
153 border-bottom: 1px dotted #bbd8ec;
154 }
155 #banner {
156 float:left;
157 width:80%;
158 }
159 #banner img {
160 float:left;
161 margin-right:2%;
162 /*border:1px solid #BBD8EC;*/
163 }
164 #banner h1 {
165 margin:0;
166 padding:0;
167 font:normal 220% "trebuchet ms", verdana, arial, helvetica, sans-serif;
168 }
169 #banner h1 a, h1 a:visited {
170 background:inherit;
171 color:#5f5f5f;
172 text-decoration:none;
173 }
174 #banner h1 a:hover {
175 background:inherit;
176 color:#d15517;
177 text-decoration:none;
178 }
179 #banner h2 {
180 margin:0;
181 padding:0;
182 }
183
184 #chapeau {
185 display: block;
186 clear: both;
187 font-style: italic;
188 border: #DEDEDE 1px solid;
189 padding: 8px 4px;
190 margin: 10px;
191 }
192
193 #user-actions {
194 float: right;
195 }
196
197 #user-actions .username {
198 color: #D15517;
199 }
200
201 #user-actions li {
202 list-style-type: none;
203 text-align: right;
204 font-size: 1em;
205 line-height: 1.6em;
206 }
207
208 #user-actions a {
209 text-decoration: none;
210 }
211
212 #menu {
213 float:left;
214 width:20%;
215 text-align:right;
216 font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif;
217 }
218 #menu ul {
219 list-style-type:none;
220 }
221 #menu li {
222 list-style-type:none;
223 }
224 #menu a {
225 text-decoration:none;
226 }
227 #topmenu {
228 float:left;
229 width:100%;
230 border-bottom:1px dotted #bbd8ec;
231 background:#e7f1f8 url(/static/images/menubck.png);
232 color:#000;
233 text-align:left;
234
235 }
236
237 #topmenu ul {
238 margin:0 0 0 14px;
239 padding:0;
240 list-style: none;
241 }
242 #topmenu ul li {
243 display: block;
244 position: relative;
245 float: left;
246 }
247 #topmenu li ul { display: none; }
248 #topmenu ul li:first-child a {border-left:1px dotted #bbd8ec;}
249 #topmenu ul li a {
250 font:bold 130% "trebuchet ms", verdana, arial, helvetica, sans-serif;
251 display: block;
252 text-decoration: none;
253 white-space: nowrap;
254 border-right:1px dotted #bbd8ec;
255 padding:8px 20px 8px 20px;
256
257 background:#e7f1f8 url(/static/images/menubck.png);
258
259 color:#5f5f5f;
260 text-align:center;
261 text-decoration:none;
262
263 }
264 #topmenu ul li.actif a, #topmenu ul li a:hover { color:#d15517; }
265 #topmenu li:hover ul {
266 display: block;
267 position: absolute;
268 }
269 #topmenu li:hover li {
270 float: none;
271 font-size: 11px;
272 }
273 #topmenu li:hover a {color:#5f5f5f;}
274 #topmenu li:hover li a:hover {color:#d15517;}
275
276 #topmenu li:hover li:first-child a {border-top: 1px dotted #bbd8ec;}
277 #topmenu li:hover li:last-child a {border-bottom: 1px dotted #bbd8ec;}
278
279
280 #main {
281 float:left;
282 padding:2%;
283 padding-bottom: 0px;
284 min-height:300px;
285 width: 70%;
286 }
287 #main p {
288 margin:0;
289 padding:4px 10px 0 17px;
290 line-height:1.4em;
291 text-align: justify;
292 }
293 #main .gauche {
294 float:left;
295 width:50%;
296 }
297 #main .droite {
298 float:left;
299 width:50%;
300 }
301 #main .clear {
302 clear:both;
303 }
304 #projet .gauche {
305 float:left;
306 width:80%;
307 }
308 #projet .droite {
309 float:left;
310 width:20%;
311 }
312
313 #footer {
314
315 clear:both;
316 float:left;
317 width:100%;
318 margin:20px 0 0 0;
319 border-top: 1px dotted #bbd8ec;
320 border-bottom: 1px dotted #bbd8ec;
321 padding: 10px 0 6px 0;
322
323 background: #e7f1f8 url(/static/images/menubck.png);
324 color:#404040;
325 text-align:center;
326
327 }
328 #footer p {
329 margin:0;
330 padding:0 0 3px 0;
331 font:normal 100% "trebuchet ms", verdana, arial, helvetica, sans-serif;
332 }
333
334 #username, #password {
335 margin:5px;
336 border:1px solid #CCC;
337 padding:2px;
338 background:#FAFAFA;
339 font-weight:bold;
340 }
341
342 #recherche {
343 margin:auto;
344 margin:5px;
345 text-align:center;
346 }
347 #recherche input {
348 margin:5px;
349 border:1px solid #CCC;
350 padding-left:25px;
351 background:#FAFAFA url(/static/images/zoom.png) no-repeat;
352 background-position:3px 3px;
353 font-size:16px;
354 font-weight:bold;
355 text-align:left;
356 }
357
358 #brdcrmb {
359 float:left;
360 width:98%;
361 margin:20px 0 50px 16px;
362 padding:0;
363 background:inherit;
364 color:#4d4d4d;
365 font:normal 100% verdana, arial, helvetica, sans-serif;
366 }
367 #brdcrmb a, #brdcrmb a:visited {
368 background:inherit;
369 color:#0643bb;
370 text-decoration:underline;
371 }
372 #brdcrmb a:hover, .bxtitle a:hover {
373 background:inherit;
374 color:#d15517;
375 text-decoration:none;
376 }
377
378 /* class */
379 .img {
380 float:left;
381 margin:4px 6px 3px 4px;
382 padding:2px;
383 }
384 .subtitle {
385 margin:12px 0 0 17px;
386 padding:0;
387 background:inherit;
388 color:#5f5f5f;
389 font:normal 1.4em verdana, arial, helvetica, sans-serif;
390 }
391 .red {
392 background: inherit;
393 color: #d15517;
394 }
395 .search {
396 margin:0;
397 border:1px dotted #e1e1e1;
398 padding:2px;
399 background:#fcfcfc;
400 color:#7d7d7d;
401 }
402 .button {
403 cursor:pointer;
404 border:solid 1px #e1e1e1;
405 background: #e7f1f8 url(/static/images/srcbck.png);
406 color: #5f5f5f;
407 font:bold 120% "trebuchet ms",verdana, arial, helvetica, sans-serif;
408 }
409
410 .pagebox {
411 float:left;
412 width:100%;
413 margin:30px 0 0 0;
414 padding:8px 0 8px 0;
415 background:inherit;
416 color:#fff;
417 text-align:right;
418 }
419 .pagebox a, .buttonbox a {
420 margin:0 2px 0 0;
421 border:1px dotted #bbd8ec;
422 padding:4px 8px 4px 8px;
423 background: #e7f1f8 url(/static/images/srcbck.png);
424 color:#5f5f5f;
425
426 font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif;
427 text-decoration:none;
428
429 }
430 .pagebox a:hover, .buttonbox a:hover {
431 background: #fff;
432 color:#d15517;
433 text-decoration:none;
434 }
435
436 .menubox {
437 float:left;
438 width:100%;
439 margin: 30px 0 40px 0;
440 padding:6px 0 6px 0;
441 }
442 .menu1 {
443 display:inline;
444 float:left;
445 width:31%;
446 margin-left:1.7%;
447 padding:2px 0 6px 0;
448 background:#e7f1f8 url(/static/images/mnubck.png);
449 color: #454545;
450 }
451 .menu2, .menu3 {
452 float:left;
453 width:31%;
454 margin-left:1.6%;
455 padding:2px 0 6px 0;
456 background:#e7f1f8 url(/static/images/mnubck.png);
457 color: #454545;
458 }
459 .menu1 p, .menu2 p, .menu3 p {
460 margin:0;
461 padding:0 6px 0 6px;
462 font:normal 90% verdana, arial, helvetica, sans-serif;
463 }
464
465 .bxtitle {
466 margin:0 0 0 6px;
467 padding: 2px 0 0 0;
468 background:inherit;
469 color:#454545;
470 font:normal 140% "trebuchet ms", verdana, arial, helvetica, sans-serif;
471 }
472 .liste td {
473 padding:5px;
474 border-top:1px solid #d0e8f8;
475 }
476 .pair td {
477 background-color:#e7f1f8}
478
479 .groupWrapper {
480 float:left;
481 width:100%;
482 min-height:400px;
483 margin:auto;
484 }
485 .groupWrapper p {
486 height:1px;
487 margin:0;
488 padding:0;
489 overflow:hidden;
490 }
491 .groupItem {
492 margin-bottom:20px;
493 }
494 .groupItem .itemHeader {
495 cursor:move;
496 position:relative;
497 height:28px;
498 border-top:2px solid #d0e8f8;
499 padding:0 10px;
500 background-color:#e7f1f8;
501
502 color:#000;
503 font-weight:bold;
504 font-size:16px;
505 line-height:28px;
506
507 }
508 .groupItem .itemHeader a {
509 position:absolute;
510 top:0px;
511 right:10px;
512 font-weight:normal;
513 font-size:11px;
514 text-decoration:none;
515 }
516
517 .sortHelper {
518 width:auto !important;
519 border:3px dashed #666;
520 }
521 .itemContent {
522 padding:10px;
523 }
524
525 .verticaltext{
526 -moz-transform: rotate(90deg);
527 }
528
529 .participants li {
530 list-style-type:none;
531 }
532 .participants li>img {
533 float:left;
534 margin-right:8px;
535 border:1px solid #999}
536
537 .iconeSQI {
538 width:16px;
539 padding:0px 2px;
540 }
541 .commentSQI {
542  width:100%;
543 margin-right:5px;
544 text-align:right;
545 font-size:8px;
546 }
547 .descriptionSQI {
548 width:45%;
549 padding:10px;
550 }
551
552 #main p.information {
553 font-size: 1.4em;
554 color: #D15517;
555 padding: 4px;
556 }
557
558
559 .width50 {width:40%;}
560
561 a.downloadpdf {
562 background: transparent url(/static/images/pdf.png) no-repeat;
563 height:126px;
564 text-indent:-9999px;
565 height: 32px;
566 width: 32px;
567 display: block;
568 margin-right: 6px;
569 float: right;
570 display: none;
571 }
572
573 .composante .nom {
574 font-weight: bold;
575 }
576
577 .composante .resume {
578 font-size:0.9em;
579 font-style:italic;
580 }
581
582 .liste {border:1px solid #CCCCCC;}
583 .liste td {padding: 4px; border: none;}
584 .liste a {text-decoration: none;}
585
586 .liste.inline tr {border-bottom:1px solid #CCCCCC;}
587 .liste.inline th {border:none;}
588
589 .liste ul, .liste li {padding:0; margin: 0; list-style-type: none;}
590 .negatif { color:red; }
591