[Sommaire] [Imprimer]

   1  div#content li.Level_0 a {line-height:1.8em}
   2  
   3  
   4  /* -------------------------------------------------------------- */

   5  /* Common stuff and basic page layout                             */

   6  /* -------------------------------------------------------------- */

   7  html, body
   8  {
   9      margin           : 0px;
  10      padding          : 0px;
  11      padding          : 0px;
  12      margin-bottom    : 1em;
  13      font             : small arial !important;
  14  }
  15  
  16  #container

  17  {
  18      width            : 98%;
  19      text-align       : left;
  20      margin-left      : auto;
  21      margin-right     : auto;
  22  }
  23  
  24  #header

  25  {
  26      height           : 60px;
  27      width            : 100%;
  28      padding          : 0px;
  29      margin           : 0px;
  30      background       : #FFFFFF url("../imgs/admin_logo.png") no-repeat left;
  31  }
  32  
  33  #header #blogLink

  34  {
  35      float: left;
  36      width : 786px;
  37      height: 58px;
  38      margin-top: 2px;
  39  }
  40  
  41  #header span

  42  {
  43      display: none;
  44  }
  45  
  46  #header h1

  47  {
  48  margin:0;
  49  padding:15px 0;
  50  }
  51  
  52  #content

  53  {
  54      position         : relative;
  55      width            : 100%;
  56      display          : block;
  57      margin           : 0;
  58      padding          : 0;
  59  }
  60  
  61  /**

  62   * for the login page, almost the same as the one above

  63   */
  64  #loginPage

  65  {
  66      position         : relative;
  67      width            : 100%;
  68      display          : block;
  69      margin           : 0;
  70      padding          : 0;
  71      background       : #FFFFFF url("../imgs/lt_logo_plant.jpg") no-repeat left; 
  72  }
  73  
  74  #dashboard

  75  {
  76      padding-left     : 1em;
  77      padding-right    : 1em;
  78  }
  79  
  80  .clr
  81  {
  82      clear            : both;
  83  }
  84  
  85  /*-- Accessibility Tweaks --*/

  86  #skipNav

  87  {
  88      position         : absolute;
  89      left             : -9999px;
  90      font-size        : small;
  91  }
  92  
  93  #skipNav a:focus

  94  {
  95      display          : block;
  96      position         : absolute;
  97      top              : 20px;
  98      left             : 10020px;
  99      font-size        : large;
 100      background       : #fff;
 101      border           : solid 2px #1B6BD8;
 102      padding          : 10px;
 103      width            : 15em;
 104      z-index          : 1;
 105  }
 106  
 107  #skipNav a:hover

 108  {
 109      color            : #029EDE;
 110  }
 111  
 112  #skipNav a:active

 113  {
 114      display          : block;
 115      position         : absolute;
 116      top              : 20px;
 117      left             : 10020px;
 118      font-size        : large;
 119      background       : #fff;
 120      border           : solid 2px #1B6BD8;
 121      padding          : 10px;
 122      width            : 15em;
 123      z-index          : 1;
 124  }
 125  
 126  .hide
 127  {
 128      display          : none;
 129  }
 130  
 131  /* -------------------------------------------------------------- */

 132  /* Navigation/menu bar                                            */

 133  /* -------------------------------------------------------------- */

 134  
 135  #menubar

 136  {
 137      margin-bottom    : 10px;
 138      background       : #FFFFFF url("../imgs/bg_menu.jpg") repeat-x;
 139      height           : 24px;
 140  }
 141  
 142  #menu

 143  {
 144      padding-top      : 1px;
 145      padding-bottom   : 1px;
 146  /*     border-bottom    : 1px solid #DEDEDE; */

 147  }
 148  
 149  #menu ul

 150  {
 151      padding         : .2em 0;
 152      margin          : 0;
 153      list-style-type : none;
 154      color           : #FFF;
 155      width           : 100%;
 156      text-align      : center;
 157  }
 158  
 159  #menu li

 160  {
 161  
 162      position         : relative;
 163      padding          : 0;
 164      border-left      : 0px solid #B4B4B4;
 165      display          : inline;
 166      font-weight      : bold;
 167      font-family      : arial, verdana, tahoma, sans-serif;
 168      font-size        : 1em;
 169      letter-spacing   : 0.20em;
 170      text-transform   : uppercase;
 171  }
 172  
 173  #menu a, #menu a:link, #menu a:visited

 174  {
 175      padding          : .2em 1em;
 176      color            : #0E3862;
 177      text-decoration  : none;
 178  }
 179  
 180  #menu a:hover

 181  {
 182      background       : #818181;
 183      color            : #FFFFFF;
 184  }
 185  
 186  #menu li.selected

 187  {
 188      display          : block;
 189      width            : auto;
 190      padding          : 2px 7px;
 191      background       : #FFFFFF;
 192      color            : #000000;
 193      border-bottom    : 1px solid #FFFFFF;
 194  }
 195  
 196  #menu br

 197  {
 198      clear: both;
 199  }
 200  
 201  /* -------------------------------------------------------------- */

 202  /* Section title and navigation history bar                       */

 203  /* -------------------------------------------------------------- */

 204  
 205  #nav_bar

 206  {
 207      margin-left      : auto;
 208      margin-right     : auto;
 209      width            : 100%;
 210      margin-bottom    : 15px;
 211      border-bottom    : 1px dotted #DEDEDE;
 212  }
 213  
 214  #section_title

 215  {
 216      float            : left;
 217      width            : 39%;
 218  }
 219  
 220  #section_title h2

 221  {
 222      color            : #588BCA;
 223      font-weight      : bold;
 224      font-family      : trebuchet ms, tahoma, sans-serif;
 225      font-size        : 1.5em;
 226      letter-spacing   : 0.08em;
 227      margin           : 0;
 228      padding-left     : 4px;
 229  }
 230  
 231  #section_title_admin_mode h2

 232  {
 233      color            : red;
 234      font-weight      : bold;
 235      font-family      : trebuchet ms, tahoma, sans-serif;
 236      font-size        : 1.5em;
 237      letter-spacing   : 0.08em;
 238      margin           : 0;
 239      padding-left     : 4px;
 240  }
 241  
 242  #navigation

 243  {
 244      float            : right;
 245      width            : 60%;
 246      text-align       : right;
 247      padding-top      : 7px;
 248      font-family      : arial, verdana, tahoma, sans-serif;
 249      font-size        : 1em;
 250      letter-spacing   : 0.09em;
 251      padding-right    : 2px;
 252  }
 253  
 254  #navigation a

 255  {
 256      color            : #000000;
 257      text-decoration  : none;
 258  }
 259  
 260  #navigation a:hover

 261  {
 262      color            : #5583BE;
 263      text-decoration  : none;
 264  }
 265  
 266  /* -------------------------------------------------------------- */

 267  /* Admin Tabbed Ul's                                              */

 268  /* -------------------------------------------------------------- */

 269  
 270  #tablist

 271  {
 272      padding          : 3px 5px;
 273      margin-left      : 0;
 274      font             : 11px trebuchet ms, verdana, tahoma, arial, sans-serif;
 275      border-bottom    : 1px solid #DEDEDE;
 276  }
 277  
 278  #tablist li

 279  {
 280      list-style       : none;
 281      margin           : 0;
 282      display          : inline;
 283  }
 284  
 285  #tablist li a

 286  {
 287      padding          : 3px 0.5em;
 288      margin-left      : 0px;
 289      border           : 1px solid #DEDEDE;
 290      background       : #F0F0F0;
 291      text-decoration  : none;
 292  }
 293  
 294  #tablist li a:link

 295  {
 296      color            : #448;
 297  }
 298  
 299  #tablist li a:visited

 300  {
 301      color            : #667;
 302  }
 303  
 304  #tablist li a:hover

 305  {
 306      color            : #000;
 307      background       : #FFFFFF;
 308      border-color     : #DEDEDE;
 309  }
 310  
 311  #tablist li a#tab_current

 312  {
 313      background       : white;
 314      border-bottom    : 1px solid white;
 315      border-top       : 3px solid #FFCC33;    
 316  }
 317  
 318  .menuTop_level1 ul, li
 319  {
 320  /*    list-style-type: none;*/

 321  }
 322  
 323  .menuTop_level1 ul
 324  {
 325    list-style-type: disc;
 326    list-style-image: url(../imgs/bullet.gif);
 327  }
 328  
 329  
 330  /* -------------------------------------------------------------- */

 331  /* Form controls (input, ...)                                     */

 332  /* -------------------------------------------------------------- */

 333  
 334  form
 335  {
 336      margin           : 0px;
 337  }
 338  
 339  fieldset
 340  {
 341      border           : 1px solid #DEDEDE;
 342      color            : #000000;
 343      font-family      : arial, verdana, tahoma, sans-serif;
 344      font-size        : 1em;
 345      padding-bottom   : 0px;
 346      margin           : 0px;
 347  }
 348  
 349  textarea, input, select
 350  {
 351      background       : #FFFFFF;
 352      border           : 1px solid #b2b2b2;
 353      color            : #000000;
 354      font-family      : arial, verdana, tahoma, sans-serif;
 355      font-size        : 1em;
 356  }
 357  
 358  input:focus, textarea:focus, label:focus
 359  {
 360      border           : 1px solid #5583BE;
 361  }
 362  
 363  .checkbox, .radio
 364  {
 365      border           : 0px;
 366  }
 367  
 368  .submit
 369  {
 370      /*margin-left      : 4px;*/

 371  }
 372  
 373  .list_action_button a img
 374  {
 375      border           : 0px;
 376      padding          : 0px;
 377  }
 378  
 379  .list_action_button a:hover img
 380  {
 381  /*    filter            : alpha(opacity=60);

 382      -moz-opacity      : 0.6;*/
 383  }
 384  
 385  .field
 386  {
 387      top              : 0;
 388      left             : 0;
 389      margin           : 0 1em 1em 0;
 390  }
 391  
 392  .field .field
 393  {
 394      margin           : 1em 0 0 0;
 395  }
 396  
 397  .field label
 398  {
 399      font-size        : 100%;
 400      font-weight      : bold;
 401  }
 402  
 403  .field_checkbox
 404  {
 405      top              : 0;
 406      left             : 0;
 407  }
 408  
 409  .field_checkbox label
 410  {
 411      font-size        : 100%;
 412  }
 413  
 414  .formHelp
 415  {
 416      font-size        : 1em;
 417      color            : #76797c;
 418      margin           : 0 0 0.2em 0;
 419  }
 420  
 421  .formHelp a
 422  {
 423      text-decoration  : underline;
 424  }
 425  
 426  .formHelp:hover
 427  {
 428      color            : Black;
 429      cursor           : default;
 430  }
 431  
 432  fieldset
 433  {
 434      border           : 1px solid #8cacbb;
 435      margin           : 1em 0em 1em 0em;
 436      padding          : 0em 1em 1em 1em;
 437      line-height      : 1.5em;
 438      width            : auto;
 439  }
 440  
 441  .inputField
 442  {
 443      width: 96%;
 444      margin-left: auto;
 445      margin-right: auto;
 446      background-color: #FCFCFF;
 447      border: 1px solid #DEDEDE;
 448  }
 449  
 450  .buttons
 451  {
 452      width: 99%;
 453      margin-left: auto;
 454      margin-right: auto;
 455      text-align: right;
 456      padding-top: 1em; 
 457  }
 458  
 459  .inputField input
 460  {
 461      width:100%;
 462  }
 463  
 464  .inputField legend
 465  {
 466      font-weight: bold;
 467  }
 468  
 469  .inputField .dateTime
 470  {
 471     width: 80%;
 472  }
 473  
 474  .inputField .checkbox, .inputField .button, .inputField .radio
 475  {
 476     width: auto;
 477  }
 478  
 479  .inputField .file
 480  {
 481     width: auto;
 482  }
 483  
 484  .pager
 485  {
 486      float:left;
 487  }
 488  
 489  .optionIcon
 490  {
 491      text-align       : right;
 492      font-size        : 12px;
 493  }
 494  
 495  .optionIcon a
 496  {
 497      text-decoration  : none; 
 498      color            : #888888;
 499      padding          : 2px;
 500  }
 501  
 502  .optionIcon a:hover
 503  {
 504      background-color : #888888;
 505      color            : #FFFFFF;
 506  }
 507  
 508  /* -------------------------------------------------------------- */

 509  /* Data lists parameters & search bar                             */

 510  /* -------------------------------------------------------------- */

 511  
 512  #list_nav_bar

 513  {
 514      margin-left      : auto;
 515      margin-right     : auto;
 516      width            : 98%;
 517      background-color : #F3F1FF;
 518      padding-bottom   : 4px;
 519      padding-left     : 4px;
 520      padding-right    : 4px;
 521      margin-bottom    : 10px;
 522      border           : 0px solid #DEDEDE;
 523  }
 524  
 525  #list_nav_bar fieldset

 526  {
 527      border           : 1px solid #DEDEDE;
 528      color            : #000000;
 529      font-family      : arial, verdana, tahoma, sans-serif;
 530      font-size        : 1em;
 531      padding          : 0px;
 532      margin           : 0px;
 533      height           : 60px;
 534  }
 535  
 536  #list_nav_select

 537  {
 538      float            : left;
 539      width            : 100%;
 540      text-align       : center;
 541  }
 542  
 543  #list_nav_search

 544  {
 545      float            : left;
 546      width            : 30%;
 547      text-align       : center;
 548  }
 549  
 550  .list_nav_option
 551  {
 552      float            : left;
 553      text-align       : left;
 554      padding          : 0px 4px 4px 4px;
 555      margin-left      : 5px;
 556  }
 557  
 558  #list_nav_bar legend

 559  {
 560      font-family      : trebuchet ms, tahoma, sans-serif;
 561      font-size        : 1.1em;
 562      font-weight      : bold;
 563      letter-spacing   : 0.08em;
 564  }
 565  
 566  #list_nav_select label

 567  {
 568  }
 569  
 570  /* -------------------------------------------------------------- */

 571  /* Data lists table format                                        */

 572  /* -------------------------------------------------------------- */

 573  
 574  .info
 575  {
 576      margin-left      : auto;
 577      margin-right     : auto;
 578      margin-bottom    : 10px;
 579      width            : 96%;
 580      border-collapse  : collapse;
 581      border-bottom    : 4px solid #DEDEDE;
 582      border-spacing   : 0px;
 583  }
 584  
 585  .info th
 586  {
 587      font-family      : trebuchet ms, tahoma, sans-serif;
 588      font-size        : 1.1em;
 589      font-weight      : bold;
 590      letter-spacing   : 0.08em;
 591      vertical-align   : bottom;
 592      border-bottom    : 1px solid #DEDEDE;
 593      padding          : 4px;
 594      text-align       : left;
 595  }
 596  
 597  .info th a
 598  {
 599      color           : #000000;
 600      text-decoration : none;
 601  }
 602  
 603  .info th a:hover
 604  {
 605      color           : #5583BE;
 606      text-decoration : none;
 607  }
 608  
 609  .odd
 610  {
 611      background       : #F7F7F7;
 612  }
 613  
 614  .highlightClass
 615  {
 616     background       : #E1E1E1;
 617  }
 618  
 619  .info td
 620  {
 621      color            : #888888;
 622      border-bottom    : 1px solid #DEDEDE;
 623      vertical-align   : text-top;
 624      padding          : 4px;
 625      /*border:1px solid black;*/

 626  }
 627  
 628  .info td a
 629  {
 630      color           : #888888;
 631      text-decoration : none;
 632  }
 633  
 634  .info td a img {
 635      border: 0px;
 636  }
 637  
 638  .info td a:hover
 639  {
 640      color           : #5583BE;
 641      text-decoration : none;
 642  }
 643  
 644  /* -------------------------------------------------------------- */

 645  /* Specific column format                                         */

 646  /* -------------------------------------------------------------- */

 647  
 648  .col_highlighted
 649  {
 650      font-weight      : bold;
 651  }
 652  
 653  /* -------------------------------------------------------------- */

 654  /* Data lists bottom actions bar                                  */

 655  /* -------------------------------------------------------------- */

 656  
 657  #list_action_bar

 658  {
 659      margin-left      : auto;
 660      margin-right     : auto;
 661      width            : 96%;
 662      padding          : 4px;
 663      text-align       : right;
 664      /*background-color : #F3F1FF;*/

 665      margin-bottom    : 10px;
 666      /*border           : 1px dashed #DEDEDE;*/

 667  }
 668  
 669  
 670  /* -------------------------------------------------------------- */

 671  /* Positive or negative feedback messages                         */

 672  /* -------------------------------------------------------------- */

 673  
 674  #list #FormError

 675  {
 676      padding-left: 10px;
 677  }
 678  
 679  #FormError

 680  {
 681      text-align: left;
 682      padding-top: 0px;
 683  }
 684  
 685  #list #FormInfo

 686  {
 687      padding-left: 10px;
 688  }
 689  
 690  #FormInfo

 691  {
 692      text-align: left;
 693      padding-top: 0px;
 694  }
 695  
 696  .InfoIcon
 697  {
 698      float:left;
 699      clear:left;
 700      margin-top:3px;
 701  }
 702  
 703  .InfoText
 704  {
 705      color:green;
 706      padding-left:20px;
 707      padding-top:3px;
 708  }
 709  
 710  .ErrorText
 711  {
 712      color:red;
 713      padding-left:20px;
 714      padding-top:3px;
 715  }
 716  
 717  /**

 718   * login screen

 719   */
 720  .loginBox
 721  {
 722    width: 300px;
 723    margin-top: 25px;
 724    margin-left: auto;
 725    margin-right: auto;
 726  }
 727  
 728  h4, fieldset h4
 729  {
 730      font-family      : trebuchet ms, tahoma, sans-serif;
 731      font-size        : 1.1em;
 732      font-weight      : bold;
 733      letter-spacing   : 0.08em;
 734      vertical-align   : bottom;
 735      border-bottom    : 1px solid #DEDEDE;
 736      padding          : 0px;
 737      text-align       : left;
 738      text-transform   : capitalize;
 739  }
 740  
 741  .sectionTitle
 742  {
 743      font-size: 1.3em;
 744  }
 745  
 746  .welcomeMessage {
 747    margin-bottom: 10px;
 748  }
 749  
 750  .pager
 751  {
 752  float:left;
 753  }
 754  
 755  /**

 756   * styles for the 'manage' page and similar.

 757   */
 758  #content .menuTop

 759  {
 760      list-style-type : none;
 761      padding-left: 45px;
 762      padding-right: 45px;
 763      margin: 0px;
 764  }
 765  
 766  #content .menuTop ul

 767  {
 768   padding: 0px;
 769   margin: 0px;
 770  }
 771  
 772  #content .menuTop .Level_1

 773  {
 774      font-family      : trebuchet ms, tahoma, sans-serif;
 775      font-size        : 1.0em;
 776      font-weight      : bold;
 777      letter-spacing   : 0.08em;
 778      border-bottom    : 1px solid #DEDEDE;
 779      padding-top      : 10px;
 780      text-align       : left;
 781  }
 782  
 783  #content .menuTop .Level_0

 784  {
 785      padding-left: 10px;
 786      font-weight      : normal;
 787  }
 788  
 789  #content .menuTop .Level_0 a

 790  {
 791      color           : #888888;
 792      text-decoration : none;
 793  }
 794  
 795  #content .menuTop .Level_0 a:hover

 796  {
 797      color           : #5583BE;
 798      text-decoration : none;
 799  }
 800  
 801  /* -------------------------------------------------------------- */

 802  /* Dashboard                                                      */

 803  /* -------------------------------------------------------------- */

 804  
 805  #dashboard h2

 806  {
 807      color            : #588BCA;
 808      font-weight      : bold;
 809      font-family      : arial, verdana, arial, tahoma, sans-serif;
 810      font-size        : 1.4em;
 811      letter-spacing   : 0.08em;
 812      margin           : 0;
 813      padding-left     : 4px;
 814  }
 815  
 816  #dashboard h2 a

 817  {
 818      color            : #32609B;
 819      font-weight      : bold;
 820      font-family      : arial, verdana, arial, tahoma, sans-serif;
 821      margin           : 0;
 822      padding-left     : 4px;
 823      text-decoration  : none;
 824  }
 825  
 826  #dashboard h2 a:hover

 827  {
 828      text-decoration  : underline;
 829  }
 830  
 831  #dashboard h3

 832  {
 833      color            : #588BCA;
 834      font-weight      : bold;
 835      font-family      : arial, verdana, arial, tahoma, sans-serif;
 836      font-size        : 1.1em;
 837      margin           : 0;
 838      margin-top       : 12px;
 839      margin-bottom    : 4px;
 840      padding-left     : 12px;
 841  }
 842  
 843  #dashboard table

 844  {
 845      margin-left     : 12px;
 846      width           : 100%;
 847  }
 848  
 849  #dashboard th

 850  {
 851  }
 852  
 853  #dashboard td

 854  {
 855  }
 856  
 857  #dashboard a

 858  {
 859      color            : #8A8A8A;
 860      text-decoration  : none;
 861  }
 862  
 863  #dashboard

 864  {
 865      color            : #8A8A8A;
 866  }
 867  
 868  #dashboard .dashboard_blog

 869  {
 870      border           : 1px solid #DEDEDE;
 871      padding          : 4px;
 872      background-color : #FCFCFF;
 873      margin-top       : 10px;
 874  }
 875  
 876  #dashboard .dashboard_blog_layout

 877  {
 878      margin           : 0;
 879      width            : 100%;
 880      background-color : #FFFFFF;
 881  }
 882  
 883  #dashboard .dashboard_blog_layout tr

 884  {
 885  }
 886  
 887  #dashboard .dashboard_blog_layout td

 888  {
 889  }
 890  
 891  #dashboard .dashboard_data_table

 892  {
 893      width           : 98%;
 894  }
 895  
 896  #dashboard .dashboard_data_table th

 897  {
 898      border-bottom   : 2px solid #DEDEDE;
 899      height          : 20px;
 900      text-align      : left;
 901  }
 902  
 903  #dashboard .dashboard_data_table td

 904  {
 905      border-bottom    : 1px solid #DEDEDE;
 906      height           : 20px;
 907  }
 908  
 909  #dashboard .dashboard_data_table_statistics

 910  {
 911      width           : 96%;
 912  }
 913  
 914  #dashboard .dashboard_data_table_statistics th, td

 915  {
 916      border-bottom    : 1px solid #DEDEDE;
 917      height           : 20px;
 918      text-align       : left;
 919  }
 920  
 921  #dashboard .dashboard_data_quick_launches

 922  {
 923      width           : 96%;
 924  }
 925  
 926  #dashboard .dashboard_data_quick_launches th, td

 927  {
 928      border-bottom    : 1px solid #DEDEDE;
 929      height           : 20px;
 930      text-align       : left;
 931  }
 932  
 933  .dashboard_logout_link a
 934  {
 935      float: right;    
 936      padding-right: 5px;
 937      padding-top: 3px;
 938      text-transform: capitalize;
 939      color            : #32609B;
 940      font-weight      : bold;
 941      font-family      : arial, verdana, arial, tahoma, sans-serif;
 942      margin           : 0;
 943      padding-left     : 4px;
 944      text-decoration  : none;    
 945  }
 946  
 947  .dashboard_logout_link a:hover
 948  {
 949      text-decoration: underline;    
 950  }
 951  
 952  div.templateScreen {
 953    float: left;
 954    margin: 5px 15px 15px 0px;
 955  }
 956  
 957  div.templateScreen img {
 958  border:0px;
 959  }
 960  
 961  #status_bar

 962  {
 963      width: 99%;
 964      margin-left: auto;
 965      margin-right: auto;
 966      text-align: right;
 967      display:none;
 968   }
 969  
 970  .dashboardHelp
 971  {
 972      font-size        : 1em;
 973      color            : #76797c;
 974      margin           : 0 0 0.2em 0.4em;
 975  }