accueil: correction d'un lien (pour Gustavo)
[aidenligne_francais_universite.git] / dist / style_prive.html
CommitLineData
c495c100
P
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}
e6c9744c 14#HTTP_HEADER{Content-Type: text/css; charset=UTF-8}
c495c100
P
15#HTTP_HEADER{Vary: Accept-Encoding}
16body {
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}
30td {
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
81select.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
155a.lien_sous {
156 color: #666;
157}
158a.lien_sous:hover {
159 color: #000;
160}
161
162
163div.bandeau_rubriques {
164 background-color: #eee;
165 border: 1px solid #555555;
166}
167a.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}
180a.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}
187div.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
197div.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}
200div.pos_r {
201 position: relative;
202}
203
204option.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
212div.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
222a.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}
231a.icone26:hover {
232 text-decoration: none;
233}
234a.icone26 img {
235 vertical-align: middle;
236 behavior: url(../win_png.htc);
237 background-color: ##ENV{couleur_foncee,3874b0};
238}
239a.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
402img.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
469a.cellule-h {
470 display: block;
471}
472a.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}
480a.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}
488a.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}
495a.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
504table.cellule-h-table {
505 border: none;
506 padding: 0;
507 margin: 0;
508}
509
510a.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
519a.cellule-h a.aide img {
520 width: 12px; height: 12px;
521}
522
523
524a.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}
543a.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
594div.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}
603div.onglet a {
604 color: ##ENV{couleur_foncee,3874b0};
605}
606
607div.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}
616div.onglet_on a, div.onglet_on a:hover {
617 color: ##ENV{couleur_foncee,3874b0};
618 text-decoration: none;
619}
620
621div.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 */
672a { text-decoration: none; color: ##ENV{couleur_foncee,3874b0} }
673a:hover { text-decoration: none; }
674a.icone { text-decoration: none; }
675a.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}
689a.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}
703a.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
796table.spip_barre {
797 width: 100%;
798 border-[(#ENV{ltr}|choixsiegal{left,right,left})]: 1px solid ##ENV{couleur_claire,edf3fe};
799}
800
801table.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
807table.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}
813table.spip_barre a:hover img {
814 background-color: #fff;
815}
816
817td.icone table {
818}
819td.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}
826td.icone a:hover {
827 text-decoration: none;
828}
829td.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
1046a.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}
1060a.foncee, a.foncee:hover {
1061 background-color: ##ENV{couleur_foncee,3874b0};
1062 color: #fff;
1063 border: 1px solid ##ENV{couleur_foncee,3874b0};
1064}
1065a.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}
1070span.lang_base {
1071 color: #666;
1072 border: 1px solid #666;
1073 background-color: #eee;
1074}
1075span.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
1086div.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;}
1102li.sec, li.rub {display:inline;}
1103ul>li.sec,ul>li.rub {display:block;}
1104li.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}
1114li.art {display:block; height:24px;}
1115li.sec a.titre {background-color: ##ENV{couleur_claire};}
1116li.rub a.titre {background-color: transparent;}
1117li.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}
1125span.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}
1133li.art span.icone { margin-[(#ENV{ltr}|choixsiegal{left,left,right})]:0px;}
1134
1135span.holder {}
1136li.sec span.icone { background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=secteur-24.gif) [(#ENV{ltr}|choixsiegal{left,left,right})] bottom no-repeat;}
1137li.rub span.icone { background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=rubrique-24.gif) [(#ENV{ltr}|choixsiegal{left,left,right})] top no-repeat;}
1138li.art span.icone { background: url(#EVAL{_DIR_IMG_PACK}wrapper.php?file=article-24.gif) [(#ENV{ltr}|choixsiegal{left,left,right})] top no-repeat;}
1139li.sec ul{display:none;}
1140li.rub ul{display:none;}
1141
1142li .puce_statut{float:[(#ENV{ltr}|choixsiegal{left,left,right})]; padding-top: 5px;}
1143li .puce_article_popup {padding:0px;}
1144li 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}
1152li.selected {background-color: ##ENV{couleur_claire}}
1153
1154a.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
1180div.puce_article, span.puce_article, div.puce_breve, span.puce_breve {
1181 position: relative;
1182}
1183div.puce_article_fixe, div.puce_breve_fixe, span.puce_article_fixe, span.puce_breve_fixe {
1184 position: relative;
1185}
1186
1187div.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
1197div.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
1202div.puce_article_popup, span.puce_article_popup {
1203 width: 55px;
1204}
1205
1206div.puce_breve_popup, span.puce_breve_popup {
1207 width: 27px;
1208}
1209
1210img.puce {
1211 width: 7px;
1212 height: 7px;
1213 border: 0px;
1214}
1215
1216img.lang {
1217 width: 12px;
1218 height: 12px;
1219 border: 0px;
1220}
1221
1222div.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
1234div.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
1246xdiv.brouteur_rubrique:hover {
1247 background-color: #e0e0e0;
1248}
1249
1250div.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
1261div.brouteur_rubrique div a {
1262 color: ##ENV{couleur_foncee,3874b0};
1263}
1264
1265div.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
1280i.spip {}
1281strong.spip {}
1282hr.spip {}
1283
1284.spip_puce { list-style-position: outside; }
1285
1286ul.spip {}
1287ol.spip {}
1288li.spip {}
1289
1290h3.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
1296p.spip {
1297 line-height: 140%;
1298}
1299p.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
1307a.spip_in {
1308 border-bottom: 1px dashed;
1309}
1310a.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
1316a.spip_note {
1317 background-color: #eee;
1318}
1319a.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 */
1333q, blockquote.spip, .spip_poesie, .spip_serif { font-family: Georgia, Times, serif; }
1334
1335blockquote.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
1346div.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}
1351div.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 */
1367table.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; }
1374table.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; }
1380table.spip tr.row_first { background-color: #fcf4d0; }
1381table.spip tr.row_odd { background-color: #d0d0d0; }
1382table.spip tr.row_even { background-color: #f0f0f0; }
1383table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
1384
1385/* Logos, documents et images */
1386img, .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; }
1390span.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}
1414a.boutonlien:hover {
1415 color:#454545; text-decoration: none;
1416}
1417a.boutonlien {
1418 color:#808080; text-decoration: none;
1419}
1420
1421a.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}
1429a.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
1444a.highlight, div.highlight {
1445 color: #000;
1446 padding: 2px;
1447 background-color: ##ENV{couleur_claire,edf3fe};
1448 display:block;
1449}
1450
1451a.pashighlight, div.pashighlight {
1452 color: #666;
1453 padding: 2px;
1454 background-color: white;
1455 display:block;
1456}
1457
1458a.highlight:hover, a.pashighlight:hover {
1459 color: #000;
1460 cursor: pointer;
1461}
1462
1463
1464div.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}
1473div.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}
1478div.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}
1483div.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}