[Sommaire] [Imprimer]

   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  }