Subversion Repositories Sites.tela-botanica.org

Rev

Rev 609 | Details | Compare with Previous | 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 
 }