3a19ba1d |
1 | /*************************************************************************** |
5ddeb07c |
2 | * Copyright (C) 2003-2007 Polytechnique.org * |
3a19ba1d |
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 | font-family: "Arial", sans-serif; |
bb7af3cd |
28 | font-size: 10pt; |
09ad0df6 |
29 | background: url('../images/skins/keynote_bg.png') #4f4e63 top left repeat-x fixed; |
3a19ba1d |
30 | color: #fff; |
31 | } |
32 | |
33 | a:link, a:visited, a:active, a:hover { |
8bf24eab |
34 | color: #ddd; |
09ad0df6 |
35 | background: inherit; |
3a19ba1d |
36 | } |
09ad0df6 |
37 | a:hover { color: #999; } |
3a19ba1d |
38 | |
09ad0df6 |
39 | img { vertical-align: middle; } |
40 | a img { border: 0px; } |
41 | td { vertical-align: top; } |
42 | li { padding-left: 3px; padding-right: 3px; |
43 | text-align: justify; } |
44 | hr { text-align: center; } |
4f355064 |
45 | dt { font-weight: bold; } |
3a19ba1d |
46 | |
47 | fieldset { |
67d7487d |
48 | border: 1px solid #fff; |
49 | border-bottom: 0px; |
50 | border-right: 0px; |
09ad0df6 |
51 | background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; |
e74946a3 |
52 | color: #000; |
09ad0df6 |
53 | margin: 1em 0 1em 0; |
334e6d16 |
54 | text-align: justify; |
3a19ba1d |
55 | } |
3a19ba1d |
56 | legend { |
67d7487d |
57 | border-bottom: 1px solid #666; |
58 | border-right: 1px solid #666; |
59 | border-top: 1px solid #fff; |
60 | border-left: 1px solid #fff; |
09ad0df6 |
61 | background: url('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed; |
e74946a3 |
62 | color: #000; |
09ad0df6 |
63 | |
dc767839 |
64 | padding: 2px 4px; |
3a19ba1d |
65 | } |
66 | |
09ad0df6 |
67 | .center { text-align: center; } |
68 | .right { text-align: right; } |
69 | .middle { vertical-align: middle; } |
70 | .smaller { font-size: smaller; font-style: italic; } |
71 | .spacer { clear: both; } |
72 | |
73 | .float2 { float: left; width: 49%; } |
74 | .float3 { float: left; width: 33%; } |
75 | |
3a19ba1d |
76 | /******************************************************************************* |
77 | 2 Styles <p>, <div>, <span>, <li> |
78 | [ styles classiques d'effets de texte ] |
79 | *******************************************************************************/ |
80 | |
81 | p { |
3c20ef02 |
82 | margin-bottom: 0.4em; |
3a19ba1d |
83 | text-align: justify; |
84 | } |
85 | |
86 | .erreur { |
87 | font-weight: bold; |
3336093a |
88 | color: #d00; |
3a19ba1d |
89 | background: inherit; |
90 | margin-top: 0.5em; |
91 | margin-bottom: 0.5em; |
92 | } |
93 | |
94 | .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover { |
95 | color: #ff3333; |
96 | background: inherit; |
97 | } |
98 | |
99 | h1 { |
09ad0df6 |
100 | background-color: inherit; |
1089066c |
101 | margin: 0.5em 0 0.5em 0; |
0811cadd |
102 | text-indent: 0em; |
103 | padding: 6px 0 0 0px; |
3c20ef02 |
104 | |
0811cadd |
105 | font-size: 130%; |
09ad0df6 |
106 | font-family: "helvetica", sans-serif; |
107 | font-weight: bolder; |
108 | text-align: left; |
109 | |
0811cadd |
110 | color: #bdf; |
3a19ba1d |
111 | } |
112 | |
113 | h2 { |
114 | padding: 0.5em 0em 0em 0em; |
3c20ef02 |
115 | margin: 0; |
3a19ba1d |
116 | font-size: 100%; |
117 | font-weight: bold; |
09ad0df6 |
118 | background: inherit; |
cbc1b9c0 |
119 | color: #77c; |
3a19ba1d |
120 | } |
121 | |
122 | h3 { |
123 | margin: 0em; |
124 | font-weight: bold; |
125 | padding: 0.25em; |
126 | font-size: 100%; |
127 | } |
128 | |
129 | p.explication, div.explication { |
130 | font-style: italic; |
131 | padding: 0em 1ex 1ex 1ex; |
132 | } |
133 | |
134 | li.spaced { |
3c20ef02 |
135 | padding-top: 0.2em; |
136 | padding-bottom: 0.3em; |
3a19ba1d |
137 | text-align: justify; |
138 | } |
139 | |
140 | /******************************************************************************* |
141 | 3 Tableaux bicolores + classes utiles |
142 | [ Tableaux à lignes alternées, en taille normale, ou tiny ] |
143 | *******************************************************************************/ |
144 | table.bicol, table.tinybicol { |
09ad0df6 |
145 | color: inherit; |
146 | background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; |
147 | border-width: 1px 0 0 1px; |
148 | border-style: solid; |
149 | border-color: #fff; |
150 | border-collapse: collapse; |
3a19ba1d |
151 | } |
67d7487d |
152 | table.bicol { width: 100%; margin-left: 0; } |
09ad0df6 |
153 | table.tinybicol { width: 70%; margin-left: 15%; } |
3a19ba1d |
154 | |
155 | table.tinybicol tr.pair, table.bicol tr.pair { |
09ad0df6 |
156 | color: inherit; |
157 | background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; |
3a19ba1d |
158 | } |
159 | |
160 | table.tinybicol th, table.bicol th { |
8bf24eab |
161 | color: #fff; |
09ad0df6 |
162 | font-weight: bold; |
163 | text-align: center; |
164 | vertical-align: middle; |
0afc7e1e |
165 | background: none; |
66872684 |
166 | background-color: #000; |
167 | } |
168 | |
169 | table.tinybicol tr:first-child th, table.bicol tr:first-child th { |
170 | color: #fff; |
09ad0df6 |
171 | background: url('../images/skins/keynote_title.gif') #000 top left repeat-x; |
3a19ba1d |
172 | } |
66872684 |
173 | |
3a19ba1d |
174 | table.tinybicol td, table.bicol td { |
175 | color: #000000; |
176 | background: inherit; |
177 | } |
178 | |
179 | table.tinybicol td, table.bicol td, table.tinybicol tr, table.bicol tr { padding: 4px; } |
180 | |
181 | td.half { width: 50%; padding: 4px; } |
182 | td.titre { |
183 | color: #000000; |
184 | background: inherit; |
185 | font-weight: bold; |
186 | } |
187 | td.action { |
188 | white-space: nowrap; |
189 | text-align: right; |
190 | font-weight: bold; |
191 | vertical-align: middle; |
192 | } |
193 | td.action a { padding: 0px 2px 0px 2px; } |
194 | |
195 | /******************************************************************************* |
196 | 4 Tableau de choix de skins |
197 | [ Styles pour les tableaux de types de ceux des skins ] |
198 | *******************************************************************************/ |
199 | |
200 | #skin { |
09ad0df6 |
201 | background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; |
3a19ba1d |
202 | color: #000; |
3a19ba1d |
203 | border-top: 1px solid #fff; |
67d7487d |
204 | width: 100%; |
3a19ba1d |
205 | } |
206 | #skin td { |
207 | border-bottom: 1px solid #fff; |
3a19ba1d |
208 | vertical-align: middle; |
209 | } |
210 | #skin td.skigauche { |
09ad0df6 |
211 | background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; |
212 | color: inherit; |
213 | vertical-align: middle; |
3a19ba1d |
214 | } |
09ad0df6 |
215 | #skin td.skimilieu { |
216 | padding-left: 1em; |
217 | width: 100%; |
218 | } |
219 | #skin td.skidroite { padding: 0; } |
3a19ba1d |
220 | |
221 | /******************************************************************************* |
222 | 5 Contacts |
223 | [ Styles liés à l'affichage de contacts ] |
224 | *******************************************************************************/ |
225 | |
09ad0df6 |
226 | div.contact-list { |
227 | width: 98%; |
228 | margin-left: 1%; |
229 | } |
3a19ba1d |
230 | div.contact-list div.contact { |
231 | border-top: 1px solid #fff; |
09ad0df6 |
232 | background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; |
3a19ba1d |
233 | color: #000; |
234 | } |
235 | |
236 | div.grayed { |
3a19ba1d |
237 | font-style: italic; |
238 | } |
3a19ba1d |
239 | div.grayed div.contact { |
09ad0df6 |
240 | color: #444; |
241 | background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; |
3a19ba1d |
242 | } |
243 | |
244 | div.contact div.nom { |
245 | font-weight: bold; |
246 | width: 35%; |
247 | float: left; |
cd15897d |
248 | padding-left: 2px; |
3a19ba1d |
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 { |
09ad0df6 |
261 | background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; |
262 | width: 100%; |
263 | clear: both; |
264 | color: inherit; |
cd15897d |
265 | padding: 1px 0px; |
3a19ba1d |
266 | } |
267 | |
09ad0df6 |
268 | div.long table { width: 100%; } |
269 | div.long td.lt { width: 35%; } |
270 | div.long td.rt { width: 65%; } |
271 | |
3a19ba1d |
272 | /******************************************************************************* |
273 | 6 Profil |
274 | [ onglets des profils ] |
275 | *******************************************************************************/ |
276 | |
3a84c119 |
277 | table.flags, tr.flags { |
cbc1b9c0 |
278 | margin: 0.5em 0 0 0; |
279 | padding: 0; |
3a19ba1d |
280 | } |
281 | table.flags input { margin: 0px 2px; padding: 0px; } |
282 | |
283 | table.flags td.texte, tr.flags td.texte { |
284 | font-size: smaller; |
285 | font-weight: bold; |
3a84c119 |
286 | padding: 0 8px 0 0; |
3a19ba1d |
287 | } |
288 | table.flags td.vert, tr.flags td.vert { |
3a84c119 |
289 | background: url('../images/icons/flag_green.gif') top right no-repeat; |
290 | padding: 0 16px 0 0; |
3a19ba1d |
291 | } |
3a84c119 |
292 | table.flags td.orange, tr.flags td.orange { |
293 | background: url('../images/icons/flag_orange.gif') top right no-repeat; |
294 | padding: 0 16px 0 0; |
3a19ba1d |
295 | } |
296 | table.flags td.rouge, tr.flags td.rouge { |
3a84c119 |
297 | background: url('../images/icons/flag_red.gif') top right no-repeat; |
298 | padding: 0 16px 0 0; |
3a19ba1d |
299 | } |
300 | |
301 | table.cadre_a_onglet{ |
302 | border-width: 0; |
303 | padding : 0; |
304 | margin: 0; |
305 | } |
306 | |
307 | td.conteneur_tab { |
09ad0df6 |
308 | border: 1px solid #9c9c9c; |
3a19ba1d |
309 | border-left-color: #eee; |
310 | padding: 8px 4px 4px 4px; |
311 | background : url('../images/skins/keynote_topborder.png') top repeat-x; |
312 | } |
313 | |
314 | #onglet { |
315 | display : block; |
316 | margin : 0; |
317 | padding : 0; |
318 | } |
319 | |
320 | #onglet li { |
321 | display : block; |
322 | float : left; |
323 | padding : 0.4ex; |
10ba3144 |
324 | margin: 0 0.3ex -1px 3px; |
09ad0df6 |
325 | border: 1px solid #9c9c9c; |
326 | border-right: none; |
327 | background: #cecece; |
3a19ba1d |
328 | width: auto; |
329 | height: 5ex; |
330 | text-align: center; |
331 | color: #000; |
09ad0df6 |
332 | font-size: 80%; |
3a19ba1d |
333 | } |
334 | |
d49856c8 |
335 | #onglet li:hover { |
09ad0df6 |
336 | color: #000; |
d49856c8 |
337 | background : #adadad; |
338 | } |
3a19ba1d |
339 | |
340 | #onglet li.actif { |
09ad0df6 |
341 | color: #000; |
3a19ba1d |
342 | background : #dedede; |
09ad0df6 |
343 | border: 1px solid #f0f0f0; |
344 | border-right: none; |
d49856c8 |
345 | border-bottom-color: #dedede; |
09ad0df6 |
346 | font-weight: bold; |
347 | } |
348 | |
349 | #onglet li a { |
350 | font-weight: normal; |
351 | text-decoration: none; |
352 | color: #000; |
353 | background: inherit; |
10ba3144 |
354 | display: block; |
355 | width: 100%; |
356 | height: 100%; |
3a19ba1d |
357 | } |
09ad0df6 |
358 | #onglet li img { margin-right: 2px; } |
3a19ba1d |
359 | |
360 | /******************************************************************************* |
361 | 7 fiche.php & fiche_referent.php |
362 | [ cas de la fiche ] |
363 | *******************************************************************************/ |
364 | |
365 | #fiche { |
09ad0df6 |
366 | width: 740px; |
3a19ba1d |
367 | color: #000; |
3a19ba1d |
368 | border-top: 1px solid #fff; |
369 | border-left: 1px solid #fff; |
09ad0df6 |
370 | background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; |
371 | vertical-align: top; |
3a19ba1d |
372 | } |
373 | |
374 | #fiche em { |
375 | color: #777; |
09ad0df6 |
376 | background: inherit; |
3a19ba1d |
377 | font-weight: bolder; |
378 | } |
379 | |
380 | #fiche h2 { |
381 | background: url('../images/skins/keynote_title.gif') bottom repeat-x; |
09ad0df6 |
382 | background-color: inherit; |
2ec5794f |
383 | border-bottom: 1px solid #202020; |
3a19ba1d |
384 | color: #fff; |
3a19ba1d |
385 | height: 17px; |
09ad0df6 |
386 | margin: 0.5em 0; |
387 | padding-left: 0.5em; |
388 | font-weight: bold; |
389 | } |
390 | |
391 | #fiche_identite { |
392 | padding: 5px; |
393 | width: 600px; |
3a19ba1d |
394 | } |
395 | |
396 | #photo { padding-left: 0em; } |
397 | |
398 | #fiche_identite div.civilite { |
399 | text-align: center; |
400 | font-weight: bold; |
401 | width: 80%; |
402 | float: left; |
403 | color: #fff; |
09ad0df6 |
404 | background: inherit; |
405 | } |
406 | |
407 | #fiche_identite div.maj { |
408 | float: left; |
409 | width: 20%; |
410 | font-size: 75%; |
411 | text-align: right; |
412 | vertical-align: top; |
413 | clear: right; |
3a19ba1d |
414 | } |
415 | |
416 | #fiche_identite div.contact { |
09ad0df6 |
417 | clear: both; |
418 | margin: 1em; |
419 | padding: 1ex; |
420 | border-width: 1px 0 0 1px; |
421 | border-style: dotted; |
422 | border-color: #fff; |
423 | background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; |
424 | color: inherit; |
3a19ba1d |
425 | } |
426 | |
427 | #fiche_identite div.contact em { |
428 | color: #aaa; |
09ad0df6 |
429 | background: inherit; |
3a19ba1d |
430 | } |
431 | |
432 | #fiche_identite div.email { |
433 | clear: left; |
434 | float: left; |
435 | } |
436 | #fiche_identite div.mob { |
437 | float: right; |
438 | clear: right; |
439 | text-align: right; |
440 | } |
441 | |
442 | #fiche_identite div.formation { |
443 | margin: 0em 1em; |
444 | clear: both; |
445 | } |
446 | |
447 | div.adresse { |
448 | float: left; |
449 | width: 46%; |
450 | padding: 0px; |
451 | margin: 0px 1% 1ex 1%; |
452 | } |
453 | |
454 | /* only for fiche_referent.php*/ |
455 | |
09ad0df6 |
456 | #fiche_referent{ |
457 | padding: 10px; |
458 | width: 100%; |
459 | } |
460 | |
461 | #fiche_referent div.rubrique_referent{ |
462 | float: left; |
463 | width: 31%; |
464 | padding: 0px; |
465 | margin: 0px 1% 1ex 1%; |
466 | |
467 | } |
468 | |
3a19ba1d |
469 | #fiche_referent em { |
470 | color: #777; |
09ad0df6 |
471 | background: inherit; |
3a19ba1d |
472 | font-weight: bolder; |
473 | } |
09ad0df6 |
474 | #fiche_referent ul { margin: 0px; padding: 0px 1em; } |
475 | #fiche_referent li { font-weight: bold; margin: 0px; padding: 0px; text-align: left; } |
3a19ba1d |
476 | |
477 | /******************************************************************************* |
478 | A SKIN |
479 | [ choix de classes faites par le skinneur |
480 | *******************************************************************************/ |
481 | |
482 | #dev { |
3336093a |
483 | width: auto; |
3a19ba1d |
484 | text-align: center; |
485 | padding: 1px; |
486 | |
09ad0df6 |
487 | background: url('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed; |
488 | |
3336093a |
489 | color: #000; |
09ad0df6 |
490 | font-weight: bold; |
3a19ba1d |
491 | } |
492 | |
3336093a |
493 | #dev a { text-decoration: none; } |
3a19ba1d |
494 | |
d3f26be9 |
495 | .backtrace div.hide { display: none; } |
496 | .backtrace:hover div.hide { display: block } |
3a19ba1d |
497 | |
498 | #suid { |
499 | color: red; |
500 | background: #ffc0cb; |
09ad0df6 |
501 | width: auto; |
3a19ba1d |
502 | font-weight: bold; |
a3afa47c |
503 | text-align: center; |
504 | } |
505 | #suid a { |
506 | color: red; |
507 | background: inherit; |
508 | text-decoration: none; |
509 | display: block; |
510 | } |
511 | #suid:hover { |
512 | color: red; |
513 | background: #ffffcb; |
514 | } |
515 | #suid a:hover { |
516 | color: #ff7000; |
517 | background: inherit; |
3a19ba1d |
518 | } |
3a19ba1d |
519 | |
520 | #body { |
a3afa47c |
521 | width: 800px; |
3a19ba1d |
522 | margin-left: auto; |
523 | margin-right: auto; |
524 | } |
525 | |
526 | #body-logo { |
527 | width: 140px; |
8bf24eab |
528 | padding-top: 0; |
09ad0df6 |
529 | text-align: center; |
3a19ba1d |
530 | } |
531 | |
532 | #body-top { |
cd15897d |
533 | padding: 0 0 16px 0; |
09ad0df6 |
534 | text-align: center; |
535 | font-size: 85%; |
536 | border-bottom: 1px solid #fff; |
3a19ba1d |
537 | } |
09ad0df6 |
538 | #body-top table { width: 100%; padding: 4px; } |
539 | #body-top .date-heure { text-align: left; } |
540 | #body-top .inscrits { text-align: right; } |
541 | |
3a19ba1d |
542 | |
543 | #body-bottom { |
4f355064 |
544 | border-top: 1px solid #aaa; |
09ad0df6 |
545 | text-align: center; |
546 | padding: 4px; |
547 | font-size: 75%; |
548 | font-family: "MS Sans Serif", sans-serif; |
3a19ba1d |
549 | } |
550 | |
551 | #body-menu { |
09ad0df6 |
552 | width: 140px; |
553 | text-align: center; |
bb7af3cd |
554 | font-size: 85%; |
09ad0df6 |
555 | font-weight: bold; |
556 | white-space: nowrap; |
3a19ba1d |
557 | border-right: 1px solid #fff; |
558 | } |
559 | |
09ad0df6 |
560 | #body-menu .menu_item { |
561 | text-align: left; |
562 | padding: 2px; |
563 | } |
564 | |
3a19ba1d |
565 | #body-menu a:link, #body-menu a:visited, #body-menu a:active, #body-meny a:hover { |
566 | color: #fff; |
09ad0df6 |
567 | background: inherit; |
3a19ba1d |
568 | text-decoration: none; |
569 | } |
570 | |
571 | #body-menu .menu_item:hover { |
09ad0df6 |
572 | color: inherit; |
3a19ba1d |
573 | background-color: #556; |
574 | } |
575 | |
576 | #body-menu .menu_title { |
577 | color: #fff; |
578 | height: 17px; |
2ec5794f |
579 | background: url('../images/skins/keynote_title.gif') bottom repeat-x; |
09ad0df6 |
580 | background-color: inherit; |
2ec5794f |
581 | border-bottom: 1px solid #202020; |
09ad0df6 |
582 | padding: 4px 0 0 0; |
3a19ba1d |
583 | text-align: center; |
2ec5794f |
584 | vertical-align: bottom; |
3a19ba1d |
585 | } |
586 | |
587 | #content { |
09ad0df6 |
588 | width: 600px; |
589 | padding: 0 0 4px 16px; |
3a19ba1d |
590 | vertical-align: top; |
09ad0df6 |
591 | font-size: 95%; |
3a19ba1d |
592 | } |
593 | |
594 | #quick_search { |
595 | color: gray; |
09ad0df6 |
596 | background: #fff; |
3a19ba1d |
597 | text-align: right; |
598 | } |
599 | |
600 | div#content { |
601 | padding: 1em; |
602 | margin: 0em; |
603 | } |
604 | |
605 | #content input { |
606 | font-size: 95%; |
607 | } |
608 | |
02838718 |
609 | #menu-evts { |
610 | font-size: 85%; |
611 | } |
612 | |
bac1e60a |
613 | .ac_results { |
614 | font-size: 90%; |
615 | background: #fff; |
616 | } |
617 | |
618 | .ac_results li.over { |
619 | color: #777; |
620 | } |
3a19ba1d |
621 | /* vim: set et ts=4 sts=4 sw=4: */ |