dist/style_prive.html

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