Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

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