Nettoyage, 1ère passe…
[auf_paf.git] / paf0 / media / css / style.css
CommitLineData
0ba28d89 1/* elements */
2body {
3 margin:0;
4 padding:0;
5 background:#fff;
6 color:#454545;
7 font:0.8em verdana, arial, helvetica, sans-serif;
8}
9
10h2 {
11 margin:0px;
12 padding:0;
13 background:inherit;
14 color:#d15517;
15 font:normal 190% "trebuchet ms", verdana, arial, helvetica, sans-serif;
16}
17h3 {
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}
24h4 {
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}
31h5 {
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
39p.error {
40 color: red;
41}
42ul.errorlist {
43 color: red;
44 list-style-type:none;
45 margin: 0px;
46 padding: 0px;
47 font-size: 11px;
48}
49
50a:link, a:visited {
51 background:inherit;
52 color:#0643bb;
53 text-decoration:none;
54}
55a:active {
56 background:inherit;
57 color:#990000;
58 text-decoration:none;
59}
60a:hover {
61 background:inherit;
62 color:#d15517;
63 text-decoration:none;
64}
65
66a img {
67 border:none;
68}
69
70form {
71 margin:8px 17px 0 0;
72 padding:0px;
73}
74table {
75 margin:10px;
76 border-collapse:collapse;
77 padding:5px;
78}
79th {
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}
87table.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}
93table.lined {
94 border-bottom:1px solid #d0e8f8;
95 border-right:1px solid #d0e8f8;
96}
97table.lined td.spacer {
98 height: 5px;
99}
100th.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
110td {
111 vertical-align: top;
112}
113
114fieldset {border: 1px solid #EEEEEE; margin: 1em;}
115label {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
561a.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