accueil: correction d'un lien (pour Gustavo)
[aidenligne_francais_universite.git] / dist / style_prive.html
1 [(#REM)
2
3 Ce squelette definit les styles de l'espace prive
4
5 Note: l'entete "Vary:" sert a repousser l'entete par
6 defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
7 genant en cas de "rotation du cookie de session" apres
8 un changement d'IP (effet de clignotement).
9
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
11 c'est du text/html !
12 ]
13 #CACHE{3600*100,cache-client}
14 #HTTP_HEADER{Content-Type: text/css; charset=UTF-8}
15 #HTTP_HEADER{Vary: Accept-Encoding}
16 body {
17 font-family: Verdana,Arial,Sans,sans-serif;
18 color: #000000;
19 background-color: #f8f7f3;
20 border: none;
21 margin: 0px;
22 scrollbar-face-color: #fff;
23 scrollbar-shadow-color: #fff;
24 scrollbar-highlight-color: #fff;
25 scrollbar-3dlight-color: ##ENV{couleur_claire,edf3fe};
26 scrollbar-darkshadow-color: #fff;
27 scrollbar-track-color: ##ENV{couleur_foncee,3874b0};
28 scrollbar-arrow-color: ##ENV{couleur_foncee,3874b0};
29 }
30 td {
31 text-align: [(#ENV{ltr}|choixsiegal{left,left,right})];
32 }
33 /* Espaceur de blocs */
34 .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
35
36 /*
37 * Formulaires
38 */
39 .forml {
40 width: 100%;
41 display: block;
42 padding: 3px;
43 background-color: #e4e4e4;
44 border: 1px solid ##ENV{couleur_claire,edf3fe};
45 background-position: center bottom;
46 float: none;
47 behavior: url(../dist/win_width.htc);
48 font-size: 12px;
49 font-family: Verdana,Arial,Sans,sans-serif;
50 }
51 .formo {
52 width: 100%;
53 display: block;
54 padding: 3px;
55 background-color: #FFF;
56 border: 1px solid ##ENV{couleur_claire,edf3fe};
57 background-position: center bottom; float: none;
58 behavior: url(../dist/win_width.htc);
59 font-size: 12px;
60 font-family: Verdana,Arial,Sans,sans-serif;
61 }
62 .fondl {
63 padding: 3px;
64 background-color: #e4e4e4;
65 border: 1px solid ##ENV{couleur_claire,edf3fe};
66 background-position: center bottom;
67 float: none;
68 font-size: 11px;
69 font-family: Verdana,Arial,Sans,sans-serif;
70 }
71 .fondo { background-color: ##ENV{couleur_foncee,3874b0};
72 background-position: center bottom; float: none; color: #FFF;
73 font-size: 11px;
74 font-family: Verdana,Arial,Sans,sans-serif;
75 font-weight: bold;
76 }
77 .fondf { background-color: #fff; border-style: solid ; border-width: 1px; border-color: #e86519; color: #e86519;
78 }
79
80
81 select.fondl {
82 padding: 0;
83 }
84 .maj-debut:first-letter { text-transform: uppercase; }
85
86
87 /*
88 * Icones et bandeaux
89 */
90
91 #bandeau-principal {
92 background-color: #fff;
93 margin: 0;
94 padding: 0;
95 border-bottom: 1px solid #000;
96 }
97
98 .bandeau-icones {
99 background-color: #fff;
100 margin: 0;
101 padding: 0;
102 padding-bottom: 2px;
103 padding-top: 4px;
104 }
105
106 .bandeau_sec .gauche {
107 margin-top: 0;
108 padding: 2px;
109 padding-top: 0;
110 background-color: #fff;
111 border-bottom: 1px solid #000;
112 border-left: 1px solid #000;
113 border-right: 1px solid #000;
114 -moz-border-radius-bottomleft: 5px;
115 -moz-border-radius-bottomright: 5px;
116 z-index: 100;
117 }
118
119 .bandeau-icones.separateur {
120 vertical-align: middle;
121 height: 100%;
122 width: 11px;
123 padding: 0;
124 margin: 0;
125 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=tirets-separation.gif);
126 background-position: 5px 0px;
127 }
128 .bandeau_couleur {
129 padding-right: 4px;
130 padding-left: 4px;
131 font-family: verdana, helvetica, arial, sans;
132 font-size: 11px;
133 color: #000;
134 text-align: center;
135 font-weight: bold;
136 height: 22px;
137 }
138
139 .bandeau_couleur_sous {
140 position: absolute;
141 visibility: hidden;
142 top: 0;
143 background-color: ##ENV{couleur_claire,edf3fe};
144 color: #000;
145 padding: 5px;
146 padding-top: 2px;
147 font-family: verdana, helvetica, arial, sans;
148 font-size: 11px;
149 border-bottom: 1px solid #fff;
150 border-right: 1px solid #fff;
151 -moz-border-radius-bottomleft: 5px;
152 -moz-border-radius-bottomright: 5px;
153 }
154
155 a.lien_sous {
156 color: #666;
157 }
158 a.lien_sous:hover {
159 color: #000;
160 }
161
162
163 div.bandeau_rubriques {
164 background-color: #eee;
165 border: 1px solid #555555;
166 }
167 a.bandeau_rub {
168 display: block;
169 font-size: 10px;
170 padding: 2px;
171 padding-[(#ENV{ltr}|choixsiegal{left,right,left})]: 13px;
172 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 16px;
173 color: #666;
174 text-decoration: none;
175 border-bottom: 1px solid #ccc;
176 background-repeat: no-repeat;
177 background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center;
178 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=rubrique-12.gif);
179 }
180 a.bandeau_rub:hover {
181 background-color: #fff;
182 text-decoration: none;
183 color: #333;
184 background-repeat: no-repeat;
185 background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center;
186 }
187 div.bandeau_rub {
188 position: absolute;
189 [(#ENV{ltr}|choixsiegal{left,left,right})]: 120px;
190 background-color: #eee;
191 padding: 0;
192 border: 1px solid #555555;
193 visibility: hidden;
194 min-width:100%;
195 }
196
197 div.brt {
198 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=triangle-droite[(#ENV{ltr}|choixsiegal{left,'',_rtl})].gif) [(#ENV{ltr}|choixsiegal{left,right,left})] center no-repeat;
199 }
200 div.pos_r {
201 position: relative;
202 }
203
204 option.selec_rub {
205 background-position: [(#ENV{ltr}|choixsiegal{left,left,right})] center;
206 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=rubrique-12.gif);
207 background-repeat: no-repeat;
208 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 16px;
209 }
210
211
212 div.messages {
213 padding: 5px;
214 border-bottom: 1px solid ##ENV{couleur_foncee,3874b0};
215 font-size: 10px;
216 font-weight: bold;
217 }
218
219
220 /* Icones de fonctions */
221
222 a.icone26 {
223 font-family: verdana, helvetica, arial, sans;
224 font-size: 11px;
225 font-weight: bold;
226 color: #000;
227 text-decoration: none;
228 padding: 1px;
229 margin-[(#ENV{ltr}|choixsiegal{left,right,left})]: 2px;
230 }
231 a.icone26:hover {
232 text-decoration: none;
233 }
234 a.icone26 img {
235 vertical-align: middle;
236 behavior: url(../win_png.htc);
237 background-color: ##ENV{couleur_foncee,3874b0};
238 }
239 a.icone26:hover img {
240 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=fond-gris-anim.gif);
241 }
242
243
244 .icone36, icone36-danger {
245 border: none;
246 padding: 0;
247 margin: 0;
248 vertical-align: top;
249 text-align: center;
250 text-decoration: none;
251 }
252 .icone36 a, .icone36 a:hover, icone36-danger a, .icone36-danger a:hover {
253 text-decoration: none;
254 }
255 .icone36 a img {
256 margin: 0;
257 display: inline;
258 padding: 4px;
259 background-color: #eee;
260 border: 2px solid ##ENV{couleur_foncee,3874b0};
261 -moz-border-radius: 5px;
262 }
263 .icone36 a:hover img {
264 margin: 0;
265 display: inline;
266 padding: 4px;
267 background-color: #fff;
268 border: 2px solid #666;
269 -moz-border-radius: 5px;
270 }
271 .icone36-danger a img {
272 margin: 0;
273 display: inline;
274 padding: 3px;
275 background-color: #fff;
276 border: 2px solid #ff9999;
277 -moz-border-radius: 5px;
278 }
279 .icone36-danger a:hover img {
280 margin: 0;
281 display: inline;
282 padding: 3px;
283 background-color: #fff;
284 border: 2px solid red;
285 -moz-border-radius: 5px;
286 }
287 .icone36-danger a span {
288 font-family: Verdana, Arial, Sans, sans-serif;
289 font-weight: bold;
290 font-size: 10px;
291 color: red; display: block; margin: 2px;
292 width: 100%
293 }
294 .icone36 a span {
295 font-family: Verdana, Arial, Sans, sans-serif;
296 font-weight: bold;
297 font-size: 10px;
298 color: ##ENV{couleur_foncee,3874b0};
299 display: block;
300 margin: 2px;
301 width: 100%
302 }
303 .icone36 a:hover span {
304 font-family: Verdana, Arial, Sans, sans-serif;
305 font-weight: bold;
306 font-size: 10px;
307 color: #000; display: block; margin: 2px;
308 width: 100%;
309 }
310
311
312 /* Icones 48 * 48 et 24 * 24 */
313
314 .cellule36, .cellule48 {
315 border: none;
316 padding: 0;
317 vertical-align: top;
318 font-family: Verdana, Arial, Sans, sans-serif;
319 font-weight: bold;
320 text-align: center;
321 text-decoration: none;
322 }
323 .cellule36 {
324 margin: 0;
325 font-size: 10px;
326 }
327 .cellule48 {
328 margin: 2px;
329 font-size: 12px;
330 }
331 .cellule36 a, .cellule36 a:hover, .cellule48 a, .cellule48 a:hover {
332 text-decoration: none;
333 }
334 .cellule36 a, .cellule48 a {
335 display: block; text-align: center;
336 }
337
338
339 .cellule48 a img {
340 behavior: url(../win_png.htc);
341 display: inline;
342 margin: 4px;
343 padding: 0;
344 border: none;
345 background-color: ##ENV{couleur_claire,edf3fe};
346 }
347
348 .cellule48 a.selection img {
349 display: inline;
350 margin: 4px;
351 padding: 0;
352 border: none;
353 background-color: #999;
354 }
355 .cellule48 a:hover img {
356 display: inline;
357 margin: 4px;
358 padding: 0;
359 border: none;
360 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=fond-gris-anim.gif);
361 }
362
363
364 .cellule36 a img {
365 margin: 0;
366 display: inline;
367 padding: 3px;
368 border: none;
369 border: 1px solid #fff;
370 -moz-border-radius: 5px;
371 }
372 .cellule36 a.selection img{
373 margin: 0;
374 display: inline;
375 padding: 3px;
376 background-color: #fff;
377 border: 1px solid #aaa;
378 -moz-border-radius: 5px;
379 }
380 .cellule36 a:hover img {
381 margin: 0;
382 display: inline;
383 padding: 3px;
384 background-color: #e4e4e4;
385 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=fond-gris-anim.gif);
386 border: 1px solid ##ENV{couleur_foncee,3874b0};
387 -moz-border-radius: 5px;
388 }
389 .cellule36 a span, .cellule48 a span {
390 color: #666; display: block; margin: 1px;
391 width: 100%;
392 }
393 .cellule36 a:hover span, .cellule48 a:hover span {
394 color: #000; display: block; margin: 1px;
395 width: 100%;
396 }
397 .cellule36 a.selection span, .cellule48 a.selection span {
398 color: #000; display: block; margin: 1px;
399 width: 100%;
400 }
401
402 img.aide {
403 width: 12px;
404 height: 12px;
405 margin-top: 5px;
406 vertical-align: middle;
407 }
408
409 .cellule36 a.aide, .cellule36 a.aide:hover {
410 display: inline;
411 background: none;
412 margin: 0;
413 padding: 0;
414 }
415 .cellule36 a.aide img {
416 margin: 0;
417 padding: 0;
418 }
419
420 /* Navigation texte */
421
422 .cellule-texte {
423 border: none;
424 padding: 0;
425 margin: 0;
426 vertical-align: top;
427 font-family: Verdana, Arial, Sans, sans-serif;
428 font-weight: bold;
429 text-align: center;
430 text-decoration: none;
431 font-size: 10px;
432 }
433 .cellule-texte a, .cellule-texte a:hover {
434 text-decoration: none;
435 display: block;
436 }
437 .cellule-texte a {
438 padding: 4px; margin: 1px; border: none;
439 color: #606060;
440 }
441 .cellule-texte a.selection {
442 padding: 3px; margin: 1px;
443 border: 1px solid ##ENV{couleur_foncee,3874b0};
444 background-color: ##ENV{couleur_claire,edf3fe};
445 -moz-border-radius: 5px;
446 color: #000;
447 }
448 .cellule-texte a:hover {
449 padding: 3px; margin: 1px;
450 border: 1px solid ##ENV{couleur_foncee,3874b0};
451 background-color: #fff;
452 -moz-border-radius: 5px;
453 color: #333;
454 }
455 .cellule-texte a.aide, .cellule-texte a.aide:hover {
456 border: none;
457 background: none;
458 display: inline;
459 }
460 .cellule-texte a.aide img {
461 margin: 0;
462 }
463
464
465 /*
466 * Icones horizontales
467 */
468
469 a.cellule-h {
470 display: block;
471 }
472 a.cellule-h {
473 font-family: Verdana, Arial, Sans, sans-serif;
474 font-weight: bold;
475 font-size: 10px;
476 text-align: [(#ENV{ltr}|choixsiegal{left,left,right})];
477 text-decoration: none;
478 color: #666;
479 }
480 a.cellule-h:hover, a.cellule-h:hover a.cellule-h, a.cellule-h a.cellule-h:hover {
481 font-family: Verdana, Arial, Sans, sans-serif;
482 font-weight: bold;
483 font-size: 10px;
484 text-align: [(#ENV{ltr}|choixsiegal{left,left,right})];
485 text-decoration: none;
486 color: #000;
487 }
488 a.cellule-h div.cell-i {
489 padding: 0;
490 border: 1px solid #fff;
491 -moz-border-radius: 5px;
492 margin: 0;
493 margin-[(#ENV{ltr}|choixsiegal{left,right,left})]: 3px;
494 }
495 a.cellule-h:hover div.cell-i {
496 padding: 0;
497 border: 1px solid ##ENV{couleur_foncee,3874b0};
498 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=fond-gris-anim.gif);
499 -moz-border-radius: 5px;
500 margin: 0;
501 margin-[(#ENV{ltr}|choixsiegal{left,right,left})]: 3px;
502 }
503
504 table.cellule-h-table {
505 border: none;
506 padding: 0;
507 margin: 0;
508 }
509
510 a.cellule-h img {
511 width: 24px;
512 height: 24px;
513 border: none;
514 margin: 3px;
515 background-repeat: no-repeat;
516 background-position: center center;
517 }
518
519 a.cellule-h a.aide img {
520 width: 12px; height: 12px;
521 }
522
523
524 a.cellule-h-texte {
525 display: block;
526 clear: both;
527 text-align: [(#ENV{ltr}|choixsiegal{left,left,right})];
528 font-family: Trebuchet Sans MS, Arial, Sans, sans-serif;
529 font-weight: bold;
530 font-size: 11px;
531 color: #606060;
532 padding: 4px;
533 margin: 3px;
534 border: 1px solid #ddd;
535 -moz-border-radius: 5px;
536 background-color: #f0f0f0;
537 width: 92%;
538 }
539 .danger a.cellule-h-texte {
540 border: 1px dashed #000;
541 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=rayures-sup.gif);
542 }
543 a.cellule-h-texte:hover {
544 text-decoration: none;
545 color: #000;
546 border-right: solid 1px #fff;
547 border-bottom: solid 1px #fff;
548 border-left: solid 1px #666;
549 border-top: solid 1px #666;
550 background-color: #eee;
551 }
552
553
554
555 /*
556 * Style des icones
557 */
558
559 .fondgris { cursor: pointer; padding: 4px; margin: 1px; }
560 .fondgrison {
561 cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999; background-color: #E4E4E4;
562 }
563 .fondgrison2 {
564 cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999; background-color: #FFF;
565 }
566 .bouton36gris {
567 padding: 6px;
568 margin-top: 2px;
569 border: 1px solid #aaa;
570 background-color: #eee;
571 -moz-border-radius: 5px;
572 }
573 .bouton36blanc {
574 padding: 6px;
575 margin-top: 2px;
576 border: 1px solid #999;
577 background-color: #fff;
578 -moz-border-radius: 5px;
579 }
580 .bouton36rouge {
581 padding: 6px;
582 margin-top: 2px;
583 border: 1px solid red;
584 background-color: #fff;
585 -moz-border-radius: 5px;
586 }
587 .bouton36off {
588 padding: 6px;
589 margin-top: 2px;
590 width: 24px;
591 height: 24px;
592 }
593
594 div.onglet {
595 font-family: Arial, Sans, sans-serif;
596 font-size: 11px;
597 font-weight: bold;
598 border: 1px solid ##ENV{couleur_foncee,3874b0};
599 margin-right: 3px;
600 padding: 5px;
601 background-color: #fff;
602 }
603 div.onglet a {
604 color: ##ENV{couleur_foncee,3874b0};
605 }
606
607 div.onglet_on {
608 font-family: Arial, Sans, sans-serif;
609 font-size: 11px;
610 font-weight: bold;
611 border: 1px solid ##ENV{couleur_foncee,3874b0};
612 margin-right: 3px;
613 padding: 5px;
614 background-color: ##ENV{couleur_claire,edf3fe};
615 }
616 div.onglet_on a, div.onglet_on a:hover {
617 color: ##ENV{couleur_foncee,3874b0};
618 text-decoration: none;
619 }
620
621 div.onglet_off {
622 font-family: Arial, Sans, sans-serif;
623 font-size: 11px;
624 font-weight: bold;
625 border: 1px solid ##ENV{couleur_foncee,3874b0};
626 margin-right: 3px;
627 padding: 5px;
628 background-color: ##ENV{couleur_foncee,3874b0};
629 color: #fff;
630 }
631
632
633
634 .reliefblanc {
635 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=barre-blanc.gif);
636 }
637 .reliefgris {
638 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=barre-noir.gif);
639 }
640 .iconeoff {
641 padding: 3px; margin: 1px; border: 1px dashed #aaa; background-color: #f0f0f0;
642 }
643 .iconeon {
644 cursor: pointer; padding: 3px; margin: 1px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; border-left: solid 1px #666; border-top: solid 1px #666; background-color: #eee;
645 }
646 .iconedanger { padding: 3px; margin: 1px; border: 1px dashed #000;
647 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=rayures-sup.gif);
648 }
649
650 /* Raccourcis pour les polices (utile pour les tableaux) */
651 .arial0 { font-family: Arial, Sans, sans-serif; font-size: 9px; }
652 .arial1 { font-family: Arial, Sans, sans-serif; font-size: 10px; }
653 .arial11 { font-family: Arial, Sans, sans-serif; font-size: 11px; }
654 .arial2 { font-family: Arial, Sans, sans-serif; font-size: 12px; }
655 .verdana1 { font-family: Verdana, Arial, Sans, sans-serif; font-size: 10px; }
656 .verdana2 { font-family: Verdana, Arial, Sans, sans-serif; font-size: 11px; }
657 .verdana3 { font-family: Verdana, Arial, Sans, sans-serif; font-size: 13px; }
658 .serif { font-family: Georgia, Garamond, Times New Roman, serif; }
659 .serif1 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 11px; }
660 .serif2 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 13px; }
661
662 .spip_xx-large {font-size: 32px;}
663 .spip_x-large {font-size: 26px;}
664 .spip_large {font-size: 18px;}
665 .spip_medium {font-size: 16px;}
666 .spip_small {font-size: 14px;}
667 .spip_x-small {font-size: 12px;}
668 .spip_xx-small {font-size: 10px;}
669
670
671 /* Liens hypertexte */
672 a { text-decoration: none; color: ##ENV{couleur_foncee,3874b0} }
673 a:hover { text-decoration: none; }
674 a.icone { text-decoration: none; }
675 a.icone:hover { text-decoration: none; }
676
677 /*
678 * Correction orthographique
679 */
680
681 .ortho {
682 background: #ffe0e0;
683 margin: 0;
684 margin-bottom: -2px;
685 border-bottom: 2px dashed red;
686 color: inherit;
687 text-decoration: none;
688 }
689 a.ortho:hover {
690 margin: -2px;
691 border: 2px dashed red;
692 color: inherit;
693 text-decoration: none;
694 }
695 .ortho-dico {
696 background: #e0f4d0;
697 margin: 0;
698 margin-bottom: -2px;
699 border-bottom: 2px dashed #a0b890;
700 color: inherit;
701 text-decoration: none;
702 }
703 a.ortho-dico:hover {
704 margin: -2px;
705 border: 2px dashed #a0b890;
706 color: inherit;
707 text-decoration: none;
708 }
709
710 #ortho-fixed {
711 position: fixed; top: 0; [(#ENV{ltr}|choixsiegal{left,right,left})]: 0; width: 25%; padding: 15px; margin: 0;
712 }
713 .ortho-content {
714 position: absolute; top: 0; width: 70%; padding: 15px; margin: 0;
715 }
716 .suggest-actif, .suggest-inactif {
717 font-family: "Trebuchet Sans MS", Verdana, Arial, sans-serif;
718 font-size: 95%;
719 font-weight: bold;
720 margin: 8px;
721 z-index: 1;
722 }
723 .suggest-actif .detail, .suggest-inactif .detail {
724 margin: 8px;
725 margin-top: -0.5em;
726 padding: 0.5em;
727 padding-top: 1em;
728 border: 1px solid #c8c8c8;
729 background: #f3f2f3;
730 font-family: Georgia, Garamond, "Times New Roman", serif;
731 font-weight: normal;
732 z-index: 0;
733 }
734 .suggest-actif .detail ul, .suggest-inactif .detail ul {
735 list-style-image: url(#EVAL{_DIR_IMG_PACK}puce.gif);
736 background: #f3f2f3;
737 margin: 0;
738 padding: 0;
739 padding-left: 25px;
740 }
741 .suggest-actif {
742 display: block;
743 }
744 .suggest-inactif {
745 display: none;
746 }
747 .form-ortho select {
748 background: #ffe0e0;
749 }
750
751
752 /*
753 * Comparaison d articles
754 */
755
756 .diff-para-deplace {
757 background: #e8e8ff;
758 }
759 .diff-para-ajoute {
760 background: #d0ffc0;
761 color: #000;
762 }
763 .diff-para-supprime {
764 background: #ffd0c0;
765 color: #904040;
766 text-decoration: line-through;
767 }
768 .diff-deplace {
769 background: #e8e8ff;
770 }
771 .diff-ajoute {
772 background: #d0ffc0;
773 }
774 .diff-supprime {
775 background: #ffd0c0;
776 color: #802020;
777 text-decoration: line-through;
778 }
779 .diff-para-deplace .diff-ajoute {
780 border: 1px solid #808080;
781 background: #b8ffb8;
782 }
783 .diff-para-deplace .diff-supprime {
784 border: 1px solid #808080;
785 background: #ffb8b8;
786 }
787 .diff-para-deplace .diff-deplace {
788 border: 1px solid #808080;
789 background: #b8b8ff;
790 }
791
792 /*
793 * Barre de raccourcis
794 */
795
796 table.spip_barre {
797 width: 100%;
798 border-[(#ENV{ltr}|choixsiegal{left,right,left})]: 1px solid ##ENV{couleur_claire,edf3fe};
799 }
800
801 table.spip_barre td {
802 text-align: [(#ENV{ltr}|choixsiegal{left,left,right})];
803 border-top: 1px solid ##ENV{couleur_claire,edf3fe};
804 border-[(#ENV{ltr}|choixsiegal{left,left,right})]: 1px solid ##ENV{couleur_claire,edf3fe};
805 }
806
807 table.spip_barre a img {
808 padding: 3px;
809 margin: 0;
810 background-color: #eee;
811 border-[(#ENV{ltr}|choixsiegal{left,right,left})]: 1px solid ##ENV{couleur_claire,edf3fe};
812 }
813 table.spip_barre a:hover img {
814 background-color: #fff;
815 }
816
817 td.icone table {
818 }
819 td.icone a {
820 color: #000;
821 text-decoration: none;
822 font-family: Verdana,Arial,Sans,sans-serif;
823 font-size: 10px;
824 font-weight: bold;
825 }
826 td.icone a:hover {
827 text-decoration: none;
828 }
829 td.icone a img {
830 border: none;
831 }
832
833 .bouton_rotation {
834 display: block;
835 padding: 1px;
836 margin-bottom: 1px;
837 background-color: #eee;
838 border: 1px solid ##ENV{couleur_claire,edf3fe};
839 }
840
841 .bouton_rotation:hover {
842 border: 1px solid ##ENV{couleur_foncee,3874b0};
843 }
844
845
846 /*
847 * Cadre couleur foncee
848 */
849
850 .cadre-padding {
851 font-family: verdana, arial, helvetica, sans;
852 font-size: 12px;
853 padding: 6px;
854 position: relative;
855 }
856
857 .cadre-titre {
858 font-family: verdana, arial, helvetica, sans;
859 font-weight: bold;
860 font-size: 12px;
861 padding: 3px;
862 }
863
864 .cadre-fonce {
865 background-color: ##ENV{couleur_foncee,3874b0};
866 -moz-border-radius: 8px;
867 }
868
869 .cadre-gris-fonce {
870 background: #666;
871 -moz-border-radius: 8px;
872 }
873
874 .cadre-gris-clair {
875 border: 1px solid #aaa;
876 background-color: #ccc;
877 -moz-border-radius: 8px;
878 }
879
880 .cadre-couleur {
881 background-color: ##ENV{couleur_claire,edf3fe};
882 -moz-border-radius: 8px;
883 }
884 .cadre-couleur div.cadre-titre {
885 -moz-border-radius-topleft: 8px;
886 -moz-border-radius-topright: 8px;
887 background-color: ##ENV{couleur_foncee,3874b0};
888 border-bottom: 2px solid ##ENV{couleur_foncee,3874b0};
889 color: #fff;
890 }
891
892 .cadre-couleur-foncee {
893 background-color: ##ENV{couleur_foncee,3874b0};
894 -moz-border-radius: 8px;
895 }
896 .cadre-couleur-foncee div.cadre-titre {
897 color: #fff;
898 }
899
900
901
902 .cadre-trait-couleur {
903 background-color: #fff;
904 border: 2px solid ##ENV{couleur_foncee,3874b0};
905 -moz-border-radius: 8px;
906 }
907 .cadre-trait-couleur div.cadre-titre {
908 background-color: ##ENV{couleur_foncee,3874b0};
909 border-bottom: 2px solid ##ENV{couleur_foncee,3874b0};
910 color: #fff;
911 }
912
913 .cadre-r {
914 background-color: #fff;
915 border: 1px solid #666;
916 -moz-border-radius: 8px;
917 }
918
919
920 .cadre-r div.cadre-titre {
921 background-color: #aaa;
922 border-bottom: 1px solid #666;
923 color: #000;
924 }
925
926 .cadre-e {
927 background-color: #ddd;
928 border-top: 1px solid #aaa;
929 border-left: 1px solid #aaa;
930 border-bottom: 1px solid #fff;
931 border-right: 1px solid #fff;
932 -moz-border-radius: 8px;
933 }
934
935 .cadre-e div.cadre-titre {
936 background-color: ##ENV{couleur_claire,edf3fe};
937 border-bottom: 1px solid #666;
938 color: #000;
939 }
940
941 .cadre-e-noir {
942 border: 1px solid #666;
943 -moz-border-radius: 8px;
944 }
945
946 .cadre-forum {
947 background-color: #fff;
948 border: 1px solid #aaa;
949 -moz-border-radius-top[(#ENV{ltr}|choixsiegal{left,left,right})]: 8px;
950 }
951 .cadre-forum div.cadre-titre {
952 background-color: ##ENV{couleur_claire,edf3fe};
953 border-bottom: 1px solid #aaa;
954 color: #000;
955 }
956
957 .cadre-sous_rub {
958 background-color: #fff;
959 border: 1px solid #666;
960 -moz-border-radius-bottomleft: 8px;
961 -moz-border-radius-bottomright: 8px;
962 -moz-border-radius-top[(#ENV{ltr}|choixsiegal{left,left,right})]: 8px;
963 }
964
965
966 .cadre-thread-forum {
967 background-color: #eee;
968 border: 1px solid #ccc;
969 border-top: 0;
970 }
971 .cadre-thread-forum div.cadre-titre {
972 background-color: #CCC;
973 color: #000;
974 }
975
976 .cadre-info{
977 background-color: #fff;
978 border: 2px solid ##ENV{couleur_foncee,3874b0};
979 padding: 5px;
980 -moz-border-radius: 8px;
981 }
982
983
984 .cadre-formulaire {
985 border: 1px solid ##ENV{couleur_foncee,3874b0};
986 background-color: #ddd;
987 padding: 5px;
988 color: #444;
989 font-family: verdana, arial, helvetica, sans;
990 font-size: 11px;
991 }
992
993
994
995 /*
996 * Styles pour "Tout le site"
997 */
998
999 .plan-rubrique {
1000 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]: 12px;
1001 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 10px;
1002 border-[(#ENV{ltr}|choixsiegal{left,left,right})]: 1px dotted #888;
1003 }
1004 .plan-secteur {
1005 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]: 12px;
1006 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 10px;
1007 border-[(#ENV{ltr}|choixsiegal{left,left,right})]: 1px dotted #404040;
1008 }
1009
1010 .plan-articles, .plan-articles-bloques {
1011 border-top: 1px solid #ccc;
1012 border-left: 1px solid #ccc;
1013 border-right: 1px solid #ccc;
1014 }
1015 .plan-articles a, .plan-articles-bloques .publie, .plan-articles-bloques .prepa, .plan-articles-bloques .prop, .plan-articles-bloques .refuse, .plan-articles-bloques .poubelle {
1016 display: block;
1017 padding: 2px;
1018 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 18px;
1019 border-bottom: 1px solid #ccc;
1020 background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat;
1021 background-color: #e0e0e0;
1022 font-family: Verdana, Arial, Sans, sans-serif;
1023 font-size: 11px;
1024 text-decoration: none;
1025 }
1026 .plan-articles a:hover {
1027 background-color: #fff;
1028 text-decoration: none;
1029 }
1030 .plan-articles .publie, .plan-articles-bloques .publie {
1031 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=puce-verte.gif);
1032 }
1033 .plan-articles .prepa, .plan-articles-bloques .prepa {
1034 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=puce-blanche.gif);
1035 }
1036 .plan-articles .prop, .plan-articles-bloques .prop {
1037 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=puce-orange.gif);
1038 }
1039 .plan-articles .refuse, .plan-articles-bloques .refuse {
1040 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=puce-rouge.gif);
1041 }
1042 .plan-articles .poubelle, .plan-articles-bloques .poubelle {
1043 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=puce-poubelle.gif);
1044 }
1045
1046 a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base {
1047 display: inline;
1048 float: none;
1049 padding: 2px;
1050 margin: 0;
1051 margin-left: 1px;
1052 margin-right: 1px;
1053 border: none;
1054 font-family: Arial, Helvetica, Sans, sans-serif;
1055 font-size: 9px;
1056 text-decoration: none;
1057 z-index: 1;
1058
1059 }
1060 a.foncee, a.foncee:hover {
1061 background-color: ##ENV{couleur_foncee,3874b0};
1062 color: #fff;
1063 border: 1px solid ##ENV{couleur_foncee,3874b0};
1064 }
1065 a.claire, a.claire:hover {
1066 background-color: ##ENV{couleur_claire,edf3fe};
1067 color: ##ENV{couleur_foncee,3874b0};
1068 border: 1px solid ##ENV{couleur_foncee,3874b0};
1069 }
1070 span.lang_base {
1071 color: #666;
1072 border: 1px solid #666;
1073 background-color: #eee;
1074 }
1075 span.creer {
1076 color: #333;
1077 border: 1px solid #333;
1078 background-color: #fff;
1079 }
1080 .trad_float {
1081 float: [(#ENV{ltr}|choixsiegal{left,right,left})];
1082 z-index: 20;
1083 margin-top: 4px;
1084 }
1085
1086 div.liste {
1087 border: 1px solid #444;
1088 margin-top: 3px;
1089 margin-bottom: 3px;
1090 }
1091
1092
1093 .tout-site ul#articles_tous,.tout-site ul#articles_tous ul {
1094 list-style: none;
1095 }
1096 .tout-site ul {
1097 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]: 10px;
1098 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 12px;
1099 border-[(#ENV{ltr}|choixsiegal{left,left,right})]: 1px dotted #888;
1100 }
1101 .tout-site ul,.tout-site li {clear:both;}
1102 li.sec, li.rub {display:inline;}
1103 ul>li.sec,ul>li.rub {display:block;}
1104 li.sec a.titre, li.rub a.titre {
1105 display:block;
1106 font-weight:bold;
1107 margin:0px;
1108 padding: 0;
1109 padding-top: 4px;
1110 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 5px;
1111 margin-bottom:5px;
1112 height:20px;
1113 }
1114 li.art {display:block; height:24px;}
1115 li.sec a.titre {background-color: ##ENV{couleur_claire};}
1116 li.rub a.titre {background-color: transparent;}
1117 li.art a.titre {
1118 display:inline;
1119 background-color: transparent;
1120 font-weight:normal;
1121 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 5px;
1122 padding-top: 4px;
1123 height:20px;
1124 }
1125 span.icone {
1126 float:[(#ENV{ltr}|choixsiegal{left,left,right})];
1127 position:relative;
1128 display:block;
1129 width:28px;
1130 height:24px;
1131 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]:-14px;
1132 }
1133 li.art span.icone { margin-[(#ENV{ltr}|choixsiegal{left,left,right})]:0px;}
1134
1135 span.holder {}
1136 li.sec span.icone { background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=secteur-24.gif) [(#ENV{ltr}|choixsiegal{left,left,right})] bottom no-repeat;}
1137 li.rub span.icone { background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=rubrique-24.gif) [(#ENV{ltr}|choixsiegal{left,left,right})] top no-repeat;}
1138 li.art span.icone { background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=article-24.gif) [(#ENV{ltr}|choixsiegal{left,left,right})] top no-repeat;}
1139 li.sec ul{display:none;}
1140 li.rub ul{display:none;}
1141
1142 li .puce_statut{float:[(#ENV{ltr}|choixsiegal{left,left,right})]; padding-top: 5px;}
1143 li .puce_article_popup {padding:0px;}
1144 li img.expandImage{
1145 display:block;
1146 float:[(#ENV{ltr}|choixsiegal{left,left,right})];
1147 position:relative;
1148 [(#ENV{ltr}|choixsiegal{left,left,right})]:-20px;
1149 width:16px;
1150 height:16px;
1151 }
1152 li.selected {background-color: ##ENV{couleur_claire}}
1153
1154 a.liste-mot {
1155 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=petite-cle.gif) [(#ENV{ltr}|choixsiegal{left,left,right})] center no-repeat;
1156 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 30px;
1157 }
1158
1159 .tr_liste {
1160 background-color: #eee;
1161 }
1162 .tr_liste_over, .tr_liste:hover {
1163 background-color: #fff;
1164 }
1165
1166 .tr_liste td, .tr_liste:hover td, .tr_liste_over td {
1167 border-bottom: 1px solid #ccc;
1168 }
1169
1170 .tr_liste td div.liste_clip {
1171 height: 12px;
1172 overflow: hidden;
1173 }
1174
1175 .tr_liste:hover td div.liste_clip, span.liste_clip {
1176 overflow: visible;
1177 height: 100%;
1178 }
1179
1180 div.puce_article, span.puce_article, div.puce_breve, span.puce_breve {
1181 position: relative;
1182 }
1183 div.puce_article_fixe, div.puce_breve_fixe, span.puce_article_fixe, span.puce_breve_fixe {
1184 position: relative;
1185 }
1186
1187 div.puce_article_popup, div.puce_breve_popup, span.puce_article_popup, span.puce_breve_popup {
1188 position: absolute;
1189 top: 0;
1190 left: 0;
1191 visibility: hidden;
1192 border: 1px solid #666;
1193 background-color: #ccc; z-index: 10;
1194 -moz-border-radius: 3px;
1195 }
1196
1197 div.puce_article_popup img, div.puce_breve_popup img, span.puce_article_popup img, span.puce_breve_popup img {
1198 padding: 1px;
1199 border: none;
1200 }
1201
1202 div.puce_article_popup, span.puce_article_popup {
1203 width: 55px;
1204 }
1205
1206 div.puce_breve_popup, span.puce_breve_popup {
1207 width: 27px;
1208 }
1209
1210 img.puce {
1211 width: 7px;
1212 height: 7px;
1213 border: 0px;
1214 }
1215
1216 img.lang {
1217 width: 12px;
1218 height: 12px;
1219 border: 0px;
1220 }
1221
1222 div.brouteur_rubrique {
1223 display: block;
1224 padding: 3px;
1225 padding-[(#ENV{ltr}|choixsiegal{left,right,left})]: 10px;
1226 border-top: 0px solid ##ENV{couleur_foncee,3874b0};
1227 border-bottom: 1px solid ##ENV{couleur_foncee,3874b0};
1228 border-left: 1px solid ##ENV{couleur_foncee,3874b0};
1229 border-right: 1px solid ##ENV{couleur_foncee,3874b0};
1230 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=triangle-droite[(#ENV{ltr}|choixsiegal{left,'',_rtl})].gif)[(#ENV{ltr}|choixsiegal{left,right,left})] center no-repeat;
1231 background-color: #fff;
1232 }
1233
1234 div.brouteur_rubrique_on {
1235 display: block;
1236 padding: 3px;
1237 padding-[(#ENV{ltr}|choixsiegal{left,right,left})]: 10px;
1238 border-top: 0px solid ##ENV{couleur_foncee,3874b0};
1239 border-bottom: 1px solid ##ENV{couleur_foncee,3874b0};
1240 border-left: 1px solid ##ENV{couleur_foncee,3874b0};
1241 border-right: 1px solid ##ENV{couleur_foncee,3874b0};
1242 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=triangle-droite[(#ENV{ltr}|choixsiegal{left,'',_rtl})].gif) [(#ENV{ltr}|choixsiegal{left,right,left})] center no-repeat;
1243 background-color: #e0e0e0;
1244 }
1245
1246 xdiv.brouteur_rubrique:hover {
1247 background-color: #e0e0e0;
1248 }
1249
1250 div.brouteur_rubrique div, div.brouteur_rubrique_on div {
1251 padding-top: 5px;
1252 padding-bottom: 5px;
1253 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 28px;
1254 background-repeat: no-repeat;
1255 background-position: center [(#ENV{ltr}|choixsiegal{left,left,right})];
1256 font-weight: bold;
1257 font-family: Arial,Sans,sans-serif;
1258 font-size: 12px;
1259 }
1260
1261 div.brouteur_rubrique div a {
1262 color: ##ENV{couleur_foncee,3874b0};
1263 }
1264
1265 div.brouteur_rubrique_on div a {
1266 color: #000;
1267 }
1268
1269 .iframe-brouteur {
1270 background-color: #eee;
1271 border: none;
1272 z-index: 1;
1273 }
1274
1275
1276 /*
1277 * Styles generes par les raccourcis de mise en page
1278 */
1279
1280 i.spip {}
1281 strong.spip {}
1282 hr.spip {}
1283
1284 .spip_puce { list-style-position: outside; }
1285
1286 ul.spip {}
1287 ol.spip {}
1288 li.spip {}
1289
1290 h3.spip {
1291 text-align: center;
1292 margin: 2em 0 1.4em 0;
1293 font: 1.15em Verdana,Arial,Sans,sans-serif;
1294 font-weight: bold; }
1295
1296 p.spip {
1297 line-height: 140%;
1298 }
1299 p.spip_note {
1300 margin-bottom: 3px;
1301 margin-top: 3px;
1302 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]: 17px;
1303 text-indent: -17px;
1304 }
1305
1306
1307 a.spip_in {
1308 border-bottom: 1px dashed;
1309 }
1310 a.spip_out {
1311 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=spip_out.gif)[(#ENV{ltr}|choixsiegal{left,right,left})] center no-repeat;
1312 padding-[(#ENV{ltr}|choixsiegal{left,right,left})]: 10px;
1313 border-bottom: 1px solid;
1314 }
1315
1316 a.spip_note {
1317 background-color: #eee;
1318 }
1319 a.spip_glossaire:hover {
1320 text-decoration: underline overline;
1321 }
1322
1323 .spip_recherche {
1324 padding: 3px;
1325 width: 100%;
1326 font-size: 10px;
1327 border: 1px solid #fff;
1328 background-color: ##ENV{couleur_foncee,3874b0};
1329 color: #fff;
1330 }
1331
1332 /* Citations, code et poesie */
1333 q, blockquote.spip, .spip_poesie, .spip_serif { font-family: Georgia, Times, serif; }
1334
1335 blockquote.spip {
1336 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]: 40px;
1337 margin-[(#ENV{ltr}|choixsiegal{left,right,left})]: 0;
1338 margin-top: 10px;
1339 margin-bottom: 10px;
1340 border: solid 1px #aaa;
1341 background-color: #fff;
1342 padding-left: 10px;
1343 padding-right: 10px;
1344 }
1345
1346 div.spip_poesie {
1347 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]: 10px;
1348 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 10px;
1349 border-[(#ENV{ltr}|choixsiegal{left,left,right})]: 1px solid #999;
1350 }
1351 div.spip_poesie div {
1352 text-indent: -60px;
1353 margin-[(#ENV{ltr}|choixsiegal{left,left,right})]: 60px;
1354 }
1355
1356 .spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
1357 .spip_cadre {
1358 width: 100%;
1359 background-color: #eee;
1360 margin-top: 10px;
1361 padding: 5px;
1362 border: 1px solid #666;
1363 behavior: url(../dist/win_width.htc);
1364 }
1365
1366 /* Tableaux */
1367 table.spip {
1368 margin: auto;
1369 margin-bottom: 1em;
1370 border: 1px solid;
1371 border-collapse: collapse;
1372 font-family: Verdana,Arial,Sans,sans-serif;
1373 font-size: 0.90em; }
1374 table.spip caption {
1375 caption-side: top; /* bottom pas pris en compte par IE */
1376 text-align: center;
1377 margin: auto;
1378 padding: 3px;
1379 font-weight: bold; }
1380 table.spip tr.row_first { background-color: #fcf4d0; }
1381 table.spip tr.row_odd { background-color: #d0d0d0; }
1382 table.spip tr.row_even { background-color: #f0f0f0; }
1383 table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
1384
1385 /* Logos, documents et images */
1386 img, .spip_logos { margin: 0; padding: 0; border: none; }
1387
1388 .spip_documents { text-align: center; font-family: Verdana,Arial,Sans,sans-serif; font-size: 0.90em; }
1389 .spip_documents_center { clear: both; width: 100%; margin: auto; }
1390 span.spip_documents_center { display:block; margin-top:1em; }
1391 .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
1392 .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
1393 .spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
1394 .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
1395 }
1396
1397 /* modeles par defaut */
1398 .spip_modele {float:right; display:block; border:1px dotted grey; width:180px;}
1399
1400 /* pour le plugin "revision_nbsp" */
1401 .spip-nbsp {
1402 border-bottom: 2px solid #c8c8c8;
1403 padding-left: 2px;
1404 padding-right: 2px;
1405 margin-left: -1px;
1406 margin-right: -1px;
1407 }
1408
1409 .boutonlien {
1410 font-family: Verdana,Arial,Sans,sans-serif;
1411 font-weight: bold;
1412 font-size: 9px;
1413 }
1414 a.boutonlien:hover {
1415 color:#454545; text-decoration: none;
1416 }
1417 a.boutonlien {
1418 color:#808080; text-decoration: none;
1419 }
1420
1421 a.triangle_block {
1422 margin-top: -3px;
1423 margin-bottom: -3px;
1424 margin-[(#ENV{ltr}|choixsiegal{left,right,left})]: -3px;
1425 filter:alpha(opacity=70);
1426 -moz-opacity:0.7;
1427 opacity: 0.7;
1428 }
1429 a.triangle_block:hover {
1430 filter:alpha(opacity=100);
1431 -moz-opacity:1;
1432 opacity: 1;
1433 }
1434
1435 .fond-agenda {
1436 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=fond-agenda.gif) [(#ENV{ltr}|choixsiegal{left,right,left})] center no-repeat;
1437 float: [(#ENV{ltr}|choixsiegal{left,left,right})];
1438 margin-[(#ENV{ltr}|choixsiegal{left,right,left})]: 3px;
1439 padding-[(#ENV{ltr}|choixsiegal{left,right,left})]: 4px;
1440 line-height: 12px;
1441 color: #666;
1442 }
1443
1444 a.highlight, div.highlight {
1445 color: #000;
1446 padding: 2px;
1447 background-color: ##ENV{couleur_claire,edf3fe};
1448 display:block;
1449 }
1450
1451 a.pashighlight, div.pashighlight {
1452 color: #666;
1453 padding: 2px;
1454 background-color: white;
1455 display:block;
1456 }
1457
1458 a.highlight:hover, a.pashighlight:hover {
1459 color: #000;
1460 cursor: pointer;
1461 }
1462
1463
1464 div.petite-racine, a.petite-racine {
1465 background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat;
1466 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=racine-site-12.gif);
1467 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 15px;
1468 background-color: white;
1469 border: 1px solid ##ENV{couleur_foncee,3874b0};
1470 border-bottom: 0;
1471 width: 134px;
1472 }
1473 div.petite-rubrique, a.petite-rubrique {
1474 background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat;
1475 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=rubrique-12.gif);
1476 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 15px;
1477 }
1478 div.petit-secteur, a.petit-secteur {
1479 background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat;
1480 background-image: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=secteur-12.gif);
1481 padding-[(#ENV{ltr}|choixsiegal{left,left,right})]: 15px;
1482 }
1483 div.rub-ouverte, a.rub-ouverte {
1484 padding-[(#ENV{ltr}|choixsiegal{left,right,left})]: 10px;
1485 background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=triangle-droite[(#ENV{ltr}|choixsiegal{left,'',_rtl})].gif) [(#ENV{ltr}|choixsiegal{left,right,left})] center no-repeat;
1486 }
1487
1488 .swap-couche {
1489 border: 0px;
1490 height: 10px;
1491 width: 10px;
1492 }