0337d704 |
1 | /*************************************************************************** |
2 | * Copyright (C) 2003-2004 Polytechnique.org * |
3 | * http://opensource.polytechnique.org/ * |
4 | * * |
5 | * This program is free software; you can redistribute it and/or modify * |
6 | * it under the terms of the GNU General Public License as published by * |
7 | * the Free Software Foundation; either version 2 of the License, or * |
8 | * (at your option) any later version. * |
9 | * * |
10 | * This program is distributed in the hope that it will be useful, * |
11 | * but WITHOUT ANY WARRANTY; without even the implied warranty of * |
12 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * |
13 | * GNU General Public License for more details. * |
14 | * * |
15 | * You should have received a copy of the GNU General Public License * |
16 | * along with this program; if not, write to the Free Software * |
17 | * Foundation, Inc., * |
18 | * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA * |
19 | ***************************************************************************/ |
20 | |
21 | /******************************************************************************* |
22 | 1 Styles par défauts |
23 | [ balises sans attributs ou classes sans contexte ] |
24 | *******************************************************************************/ |
25 | |
26 | body { |
27 | background:#369; |
28 | color: #096; |
29 | font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; |
30 | margin:2em 1%; |
31 | padding:0; |
32 | font-size: 9pt; |
33 | } |
34 | |
35 | a:link, a:visited { color: #f60; background: transparent; } |
36 | a:active, a:hover { color: #369; background: transparent; } |
37 | |
38 | img { vertical-align: middle; } |
39 | a img { border: 0px; } |
40 | td { vertical-align: top; } |
41 | li { padding: 0em 1em; text-align: justify; } |
42 | hr { width: 90%; margin: 1em 5%; border: 1px dotted #369; border-bottom: none; } |
43 | |
44 | fieldset { |
45 | border: 1px dotted #69c; |
46 | background: #fff; |
47 | color: inherit; |
48 | |
49 | margin: 1em 0em; |
50 | padding: 1em; |
51 | } |
52 | |
53 | legend { |
54 | border: 1px dotted #69c; |
55 | background: #d6e1ec; |
56 | color: inherit; |
57 | |
58 | padding: 0em 1em; |
59 | } |
60 | |
61 | .center { text-align: center; } |
62 | .right { text-align: right; } |
63 | .middle { vertical-align: middle; } |
64 | .smaller { font-size: smaller; font-style: italic; } |
65 | .spacer { clear: both; } |
66 | |
67 | .float2 { float: left; width: 48%; margin: 2px; } |
68 | .float3 { float: left; width: 33%; } |
69 | |
70 | /******************************************************************************* |
71 | 2 Styles <p>, <div>, <span>, <li> |
72 | [ styles classiques d'effets de texte ] |
73 | *******************************************************************************/ |
74 | |
75 | p { |
76 | padding: 0em 1em; |
77 | margin-bottom: 0.5em; |
78 | text-align: justify; |
79 | } |
80 | |
81 | .erreur { |
82 | font-weight: bold; |
83 | color: #ff0000; |
84 | background: inherit; |
85 | margin-top: 0.5em; |
86 | margin-bottom: 0.5em; |
87 | } |
88 | |
89 | .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover { |
90 | color: #ff3333; |
91 | background: inherit; |
92 | } |
93 | |
94 | h1 { |
95 | color: #369; |
96 | font-size: 140%; |
97 | background: #f5f8fc; |
98 | margin: 0em; |
99 | border-bottom: 2px solid #369; |
100 | padding: 4px; |
101 | margin: 1em 0em; |
102 | } |
103 | |
104 | h2 { |
105 | color: #369; |
106 | padding: 0px 4px; |
107 | margin: 0.5em 0em; |
108 | font-size: 110%; |
109 | font-weight: bold; |
110 | border-bottom: 1px dotted #369; |
111 | } |
112 | |
113 | h3 { |
114 | margin: 0em; |
115 | font-weight: bold; |
116 | padding: 0.5em 0em; |
117 | font-size: 100%; |
118 | } |
119 | |
120 | |
121 | p.explication, div.explication { |
122 | font-style: italic; |
123 | padding: 0em 1ex 1ex 1ex; |
124 | } |
125 | |
126 | li.spaced { |
127 | padding-top: 0.5em; |
128 | padding-bottom: 0.5em; |
129 | text-align: justify; |
130 | } |
131 | |
132 | /******************************************************************************* |
133 | 3 Tableaux bicolores + classes utiles |
134 | [ Tableaux à lignes alternées, en taille normale, ou tiny ] |
135 | *******************************************************************************/ |
136 | |
137 | table.bicol { |
138 | border-collapse: collapse; |
139 | color: inherit; |
140 | background: #fff; |
141 | border: 1px solid #a2c2e1; |
142 | width: 98%; |
143 | margin-left: 1%; |
144 | } |
145 | table.tinybicol { |
146 | border-collapse: collapse; |
147 | color: inherit; |
148 | background: #fff; |
149 | border: 1px solid #a2c2e1; |
150 | width: 70%; |
151 | margin-left: 15%; |
152 | } |
153 | |
154 | table.tinybicol tr.impair, table.bicol tr.impair {} |
155 | table.tinybicol tr.pair, table.bicol tr.pair { |
156 | color: inherit; |
157 | background: #eee; |
158 | } |
159 | |
160 | table.tinybicol th, table.bicol th { |
161 | color: #369; |
162 | background: #d6e1ec; |
163 | font-weight: bold; |
164 | text-align: center; |
165 | vertical-align: middle; |
166 | padding: 0px 4px; |
167 | } |
168 | table.tinybicol td, table.bicol td { |
169 | color: #000000; |
170 | background: inherit; |
171 | padding: 0px 4px; |
172 | } |
173 | |
174 | td.half { width: 50%; padding: 4px; } |
175 | |
176 | td.titre { |
177 | color: #000000; |
178 | background: inherit; |
179 | font-weight: bold; |
180 | } |
181 | td.action { |
182 | white-space: nowrap; |
183 | text-align: right; |
184 | font-weight: bold; |
185 | vertical-align: middle; |
186 | } |
187 | td.action a { padding: 0px 2px; } |
188 | |
189 | /******************************************************************************* |
190 | 4 Tableau de choix de skins |
191 | [ Styles pour les tableaux de types de ceux des skins ] |
192 | *******************************************************************************/ |
193 | |
194 | #skin { |
195 | border-bottom: 1px solid #a2c2e1; |
196 | border-top: 1px solid #a2c2e1; |
197 | width: 98%; |
198 | margin-left: 1%; |
199 | } |
200 | #skin td { |
201 | border-top: 1px solid #a2c2e1; |
202 | border-bottom: 1px solid #a2c2e1; |
203 | vertical-align: middle; |
204 | } |
205 | #skin td.skigauche { |
206 | background: #d6e1ec; |
207 | color: inherit; |
208 | vertical-align: middle; |
209 | } |
210 | #skin td.skimilieu { |
211 | padding-left: 1em; |
212 | width: 100%; |
213 | } |
214 | #skin td.skidroite { padding: 0; } |
215 | |
216 | /******************************************************************************* |
217 | 5 Contacts |
218 | [ Styles liés à l'affichage de contacts ] |
219 | *******************************************************************************/ |
220 | |
221 | div.contact-list { |
222 | width: 98%; |
223 | margin-left: 1%; |
224 | border: 1px dotted #a2c2e1; |
225 | } |
226 | |
227 | div.contact-list div.contact { |
228 | width: 100%; |
229 | text-align: left; |
230 | background: #ffecce; |
231 | border-top: 1px dotted black; |
232 | color: inherit; |
233 | } |
234 | |
235 | div.grayed { |
236 | color: #444444; |
237 | font-style: italic; |
238 | } |
239 | |
240 | div.grayed div.contact { |
241 | background: #eee; |
242 | } |
243 | |
244 | div.contact div.nom { |
245 | font-weight: bold; |
246 | width: 35%; |
247 | float: left; |
248 | padding-left: 2px; |
249 | } |
250 | |
251 | div.contact div.appli { |
252 | float: left; |
253 | } |
254 | |
255 | div.contact div.bits { |
256 | text-align: right; |
257 | float: right; |
258 | } |
259 | |
260 | div.contact div.long { |
261 | width: 100%; |
262 | clear: both; |
263 | background: #fff; |
264 | color: inherit; |
265 | padding: 1px 0px; |
266 | } |
267 | |
268 | |
269 | div.long table { width: 100%; } |
270 | div.long td.lt { width: 35%; padding-left: 4px; } |
271 | div.long td.rt { width: 65%; } |
272 | |
273 | /******************************************************************************* |
274 | 6 Profil |
275 | [ onglets des profils ] |
276 | *******************************************************************************/ |
277 | |
278 | table.flags { |
279 | margin: 1em 0em 0em 0em; |
280 | } |
281 | table.flags input { margin: 0px 2px; padding: 0px; } |
282 | |
283 | table.flags td.texte { |
284 | font-size: smaller; |
285 | font-weight: bold; |
286 | padding: 3px; |
287 | } |
288 | table.flags td.vert { |
289 | background: green; |
290 | padding: 3px; |
291 | text-align: center; |
292 | } |
293 | table.flags td.orange { |
294 | background: #ff9900; |
295 | padding: 3px; |
296 | text-align: center; |
297 | } |
298 | table.flags td.rouge { |
299 | background: red; |
300 | padding: 3px; |
301 | text-align: center; |
302 | } |
303 | |
304 | table.cadre_a_onglet{ |
305 | border-width: 0px; |
306 | padding : 0px; |
307 | margin: 0px; |
308 | } |
309 | |
310 | td.conteneur_tab { |
311 | border-width : 1px 2px 2px 1px; |
312 | border-style : solid; |
313 | border-color : #999; |
314 | padding : 4px 0px 0px 4px; |
315 | background : #fff; |
316 | } |
317 | |
318 | #onglet { display : block; margin : 0px; padding : 0px; } |
319 | |
320 | #onglet li { |
321 | display : block; |
322 | float : left; |
323 | padding : 0.5ex; |
324 | margin : 0px 4px -1px 0px; |
325 | background : #d2e0e6; |
326 | width: auto; |
327 | height: 6ex; |
328 | text-align: center; |
329 | border: 1px solid #999; |
330 | } |
331 | |
332 | #onglet li:hover { background : #ffecce; } |
333 | |
334 | #onglet li.actif { |
335 | background : #fff; |
336 | font-weight: bold; |
337 | border-bottom: 1px solid #fff; |
338 | } |
339 | |
340 | #onglet li a { |
341 | font-size: 90%; |
342 | font-weight : normal; |
343 | text-decoration : none; |
344 | color : #000; |
345 | } |
346 | |
347 | /******************************************************************************* |
348 | 7 fiche.php & fiche_referent.php |
349 | [ cas de la fiche ] |
350 | *******************************************************************************/ |
351 | |
352 | em.intitule { |
353 | color: purple; |
354 | font-size: 90%; |
355 | } |
356 | |
357 | div#body { |
358 | color: #000; |
359 | background: #fff; |
360 | border: 3px solid #000; |
361 | |
362 | width: 800px; |
363 | margin: 7px; |
364 | } |
365 | |
366 | #fiche { |
367 | width: 760px; |
368 | font-size: 100%; |
369 | vertical-align: top; |
370 | |
371 | background: #f5f8fc; |
372 | border: 1px solid #69c; |
373 | margin: 20px; |
374 | } |
375 | |
376 | #fiche em { color: purple; } |
377 | |
378 | #fiche_identite { |
379 | padding: 5px; |
380 | width: 600px; |
381 | } |
382 | |
383 | #photo { padding-left: 1em; } |
384 | |
385 | #fiche_identite div.civilite { |
386 | text-align: center; |
387 | font-weight: bold; |
388 | width: 80%; |
389 | float: left; |
390 | } |
391 | |
392 | #fiche_identite div.maj { |
393 | float: left; |
394 | width: 20%; |
395 | font-size: 80%; |
396 | text-align: right; |
397 | clear: right; |
398 | } |
399 | |
400 | #fiche_identite div.contact { |
401 | clear: both; |
402 | margin: 1em; |
403 | padding: 1ex; |
404 | background: #fff; |
405 | border: 1px dotted #69c; |
406 | } |
407 | #fiche_identite div.email { |
408 | clear: left; |
409 | float: left; |
410 | } |
411 | #fiche_identite div.mob { |
412 | float: right; |
413 | clear: right; |
414 | text-align: right; |
415 | } |
416 | |
417 | #fiche_identite div.formation { |
418 | margin: 0em 1em; |
419 | } |
420 | |
421 | div.adresse { |
422 | float: left; |
423 | width: 48%; |
424 | padding: 0px; |
425 | margin: 0px 1% 1ex 1%; |
426 | } |
427 | |
428 | div.adresse div.titre { color: purple; } |
429 | |
430 | /* only for fiche_referent.php*/ |
431 | |
432 | #fiche_referent{ |
433 | padding: 10px; |
434 | width: 100%; |
435 | } |
436 | |
437 | #fiche_referent div.rubrique_referent{ |
438 | float: left; |
439 | width: 31%; |
440 | padding: 0px; |
441 | margin: 0px 1% 1ex 1%; |
442 | } |
443 | |
444 | #fiche_referent em{color: purple;} |
445 | #fiche_referent ul { margin: 0px; padding: 0px 1em; } |
446 | #fiche_referent li { font-weight: bold; margin: 0px; padding: 0px; text-align: left; } |
447 | |
448 | /******************************************************************************* |
449 | A SKIN |
450 | [ choix de classes faites par le skinneur |
451 | *******************************************************************************/ |
452 | |
453 | #dev { |
454 | width: 100%; |
455 | text-align: center; |
456 | padding: 1px; |
457 | |
458 | font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif; |
459 | font-size: 10pt; |
460 | font-weight: bold; |
461 | color: #000; |
462 | background: #f5f8fc; |
463 | } |
464 | |
465 | #db-trace div.hide { display: none; } |
466 | #db-trace:hover div.hide { display: block } |
467 | #db-trace h1 { margin: 0px; } |
468 | |
469 | #suid { |
470 | color: red; |
471 | background: #ffc0cb; |
472 | width: 100%; |
473 | font-weight: bold; |
474 | } |
475 | #suid td { padding: 2px; } |
476 | #suid a { color: red; } |
477 | |
478 | table#body { |
479 | color: #000; |
480 | background: #fff; |
481 | border: 3px solid #000; |
482 | |
483 | width: 900px; |
484 | margin: 1em auto; |
485 | } |
486 | |
487 | #body-logo { |
488 | text-align: center; |
489 | padding: 2em 0em 0em 0em; |
490 | } |
491 | |
492 | #body-top { |
493 | text-align: center; |
494 | font-size: 94%; |
495 | padding: 2em 2em 0em 2em; |
496 | padding-bottom: 16px; |
497 | font-family: Georgia,serif; |
498 | } |
499 | |
500 | #body-top table { width: 100%; padding: 4px; } |
501 | #body-top .date-heure { text-align: left; } |
502 | #body-top .inscrits { text-align: right; } |
503 | |
504 | #body-bottom { text-align: center;} |
505 | |
506 | #body-menu { |
507 | padding: 1em 0em 2em 2em; |
508 | border: 0px; |
509 | width: 140px; |
510 | font-weight: bold; |
511 | white-space: nowrap; |
512 | line-height: 100%; |
513 | } |
514 | |
515 | #body-menu a { |
516 | color: #690; |
517 | background: #fff; |
518 | border: 1px dotted #fff; |
519 | display: block; |
520 | padding: 1px 4px; |
521 | text-align: left; |
522 | font-size: 85%; |
523 | font-family: Bitstream Vera Sans,Verdana,sans-serif; |
524 | text-decoration: none; |
525 | } |
526 | |
527 | #body-menu a:hover { |
528 | color: #690; |
529 | background: #eaf2db; |
530 | border: 1px dotted #690; |
531 | } |
532 | |
533 | #body-menu .menu_title { |
534 | color: #f90; |
535 | background: #fff; |
536 | border-top: none; |
537 | border-bottom: 3px solid #f90; |
538 | padding: 1px; |
539 | text-transform: uppercase; |
540 | text-align: left; |
541 | margin: 1ex 0ex; |
542 | } |
543 | |
544 | #content { |
545 | width: auto; |
546 | font-size: 100%; |
547 | vertical-align: top; |
548 | |
549 | background: #f5f8fc; |
550 | border: 1px solid #69c; |
551 | line-height:125%; |
552 | padding: 0em 1em 1em 1em; |
553 | margin: 1em 2em 2em 2em; |
554 | } |
555 | |
556 | #content-margin { width: 2em; } |
557 | |
558 | #content input { |
559 | font-size: 95%; |
560 | } |
561 | |
562 | /* vim: set et ts=4 sts=4 sw=4: */ |