[Sommaire] [Imprimer]

   1  /* -------------------------------------------------------------- */

   2  /* Common stuff and basic page layout                             */

   3  /* -------------------------------------------------------------- */

   4  html, body
   5  {
   6      margin           : 0px;
   7      padding          : 0px;
   8      text-align       : center;
   9      font             : 12px Tahoma;
  10      background       : #EEEEEE url("../imgs/bg_main.jpg") repeat-y center;
  11  }
  12  
  13  #container

  14  {
  15      width            : 786px;
  16      text-align       : right;
  17      margin-left      : auto;
  18      margin-right     : auto;
  19  }
  20  
  21  #header

  22  {
  23      height           : 80px;
  24      width            : 100%;
  25      background       : #FFFFFF url("../imgs/top_admin.jpg") no-repeat right;
  26      padding          : 0px;
  27      margin           : 0px;
  28  }
  29  
  30  #header #blogLink

  31  {
  32      float: left;    width : 783px;    height: 52px;
  33      margin-top: 5px;}
  34  
  35  #header span

  36  {
  37      display          : none;
  38  }
  39  
  40  #header h1

  41  {
  42      margin           : 0;
  43  }
  44  
  45  #content

  46  {
  47      position         : relative;
  48      width            : 100%;
  49      display          : block;
  50      margin           : 0;
  51      padding          : 0;
  52      direction:rtl;
  53  }
  54  
  55  #dashboard

  56  {
  57      padding-left     : 1em;
  58      padding-right    : 1em;
  59  }
  60  
  61  .clr
  62  {
  63      clear            : both;
  64  }
  65  
  66  /*-- Accessibility Tweaks --*/

  67  #skipNav

  68  {
  69      position         : absolute;
  70      left             : -9999px;
  71      font-size        : small;
  72  }
  73  
  74  #skipNav a:focus

  75  {
  76      display          : block;
  77      position         : absolute;
  78      top              : 20px;
  79      left             : 10020px;
  80      font-size        : large;
  81      background       : #fff;
  82      border           : solid 2px #1B6BD8;
  83      padding          : 10px;
  84      width            : 15em;
  85      z-index          : 1;
  86  }
  87  
  88  #skipNav a:hover

  89  {
  90      color            : #029EDE;
  91  }
  92  
  93  #skipNav a:active

  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  .hide
 108  {
 109      display          : none;
 110  }
 111  
 112  /* -------------------------------------------------------------- */

 113  /* Navigation/menu bar                                            */

 114  /* -------------------------------------------------------------- */

 115  
 116  #menubar

 117  {
 118      background       : #FFFFFF url("../imgs/bg_menu.jpg") repeat-x;
 119      height           : 20px;
 120  }
 121  
 122  #menu

 123  {
 124      padding-top      : 1px;
 125      padding-bottom   : 1px;    
 126  }
 127  
 128  #menu ul

 129  {
 130      padding         : .2em 0;
 131      margin          : 0px;
 132      list-style-type : none;
 133      color           : #FFF;
 134      width           : 100%;
 135      text-align      : center;
 136  }
 137  
 138  #menu li

 139  {
 140  
 141      position         : relative;
 142      padding          : 0px;
 143      border-right      : 0px solid #B4B4B4;
 144      display          : inline;
 145      font-family      : Tahoma;
 146      font-size        : 12px;
 147      
 148      
 149  }
 150  
 151  #menu a, #menu a:link, #menu a:visited

 152  {
 153      padding          : .2em 1em 0 1em;
 154      color            : #0E3862;
 155      text-decoration  : none;    
 156  }
 157  
 158  #menu a:hover

 159  {
 160      font-weight:bold;
 161  }
 162  
 163  #menu li.selected

 164  {
 165      display          : block;
 166      width            : auto;
 167      padding          : 2px 7px;
 168      background       : #FFFFFF;
 169      color            : #000000;
 170      border-bottom    : 1px solid #FFFFFF;
 171  }
 172  
 173  #menu br

 174  {
 175      clear: both;    
 176  }
 177  
 178  /* -------------------------------------------------------------- */

 179  /* Section title and navigation history bar                       */

 180  /* -------------------------------------------------------------- */

 181  
 182  #nav_bar

 183  {
 184      margin-left      : auto;
 185      margin-right     : auto;
 186      width            : 100%;
 187      margin-bottom    : 15px;
 188      border-bottom    : 1px dotted #DEDEDE;
 189  }
 190  
 191  #section_title

 192  {
 193      float            : right;
 194      width            : 39%;
 195  }
 196  
 197  #section_title h2

 198  {
 199      color            : #588BCA;
 200      font-family      : Tahoma;
 201      font-size        : 1.5em;
 202      margin           : 0;
 203      padding-right     : 10px;
 204  }
 205  
 206  #navigation

 207  {
 208      float            : left;
 209      width            : 60%;
 210      text-align       : left;
 211      padding-top      : 7px;
 212      font-family      : Tahoma;
 213      font-size        : 10px;
 214      padding-left    : 5px;
 215  }
 216  
 217  #navigation a

 218  {
 219      color            : #000000;
 220      text-decoration  : none;
 221  }
 222  
 223  #navigation a:hover

 224  {
 225      color            : #5583BE;
 226      text-decoration  : none;
 227  }
 228  
 229  /* -------------------------------------------------------------- */

 230  /* Admin Tabbed Ul's                                              */

 231  /* -------------------------------------------------------------- */

 232  
 233  #tablist

 234  {
 235      padding          : 0 0 3px;
 236      margin-right      : 0;
 237      font             : 11px Tahoma;
 238      border-bottom    : 1px solid #DEDEDE;
 239  }
 240  
 241  #tablist li

 242  {
 243      list-style       : none;
 244      margin           : 0;
 245      display          : inline;
 246  }
 247  
 248  #tablist li a

 249  {
 250      padding          : 3px 0.5em;
 251      margin-right      : 3px;
 252      border           : 1px solid #DEDEDE;
 253      background       : #F4F4FF;
 254      text-decoration  : none;
 255  }
 256  
 257  #tablist li a:link

 258  {
 259      color            : #448;
 260  }
 261  
 262  #tablist li a:visited

 263  {
 264      color            : #667;
 265  }
 266  
 267  #tablist li a:hover

 268  {
 269      color            : #000;
 270      background       : #F2F0FE;
 271      border-color     : #DEDEDE;
 272  }
 273  
 274  #tablist li a#tab_current

 275  {
 276      background       : white;
 277      border-bottom    : 1px solid white;
 278  }
 279  
 280  .menuTop_level1 ul, li
 281  {
 282      list-style-type: none;
 283  }
 284  
 285  .menuTop_level1 ul
 286  {
 287    list-style-type: disc;
 288    list-style-image: url(../imgs/bullet.gif);
 289  }
 290  
 291  
 292  /* -------------------------------------------------------------- */

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

 294  /* -------------------------------------------------------------- */

 295  
 296  form
 297  {
 298      margin           : 0px;
 299  }
 300  
 301  fieldset
 302  {
 303      border           : 1px solid #DEDEDE;
 304      color            : #000000;
 305      font-family      : Tahoma;
 306      font-size        : 0.90em;
 307      padding-bottom   : 0px;
 308      margin           : 0px;
 309  }
 310  
 311  textarea, input, select
 312  {
 313      background       : #FFFFFF;
 314      border           : 1px solid #b2b2b2;
 315      color            : #000000;
 316      font-family      : Tahoma;
 317      font-size        : 0.95em;
 318  }
 319  
 320  input:focus, textarea:focus, label:focus
 321  {
 322      border           : 1px solid #5583BE;
 323  }
 324  
 325  .checkbox, .radio
 326  {
 327      border           : 0px;
 328  }
 329  
 330  .submit
 331  {
 332      /*margin-left      : 4px;*/

 333  }
 334  
 335  .list_action_button a img
 336  {
 337      border           : 0px;
 338      padding          : 0px;
 339  }
 340  
 341  .list_action_button a:hover img
 342  {
 343  /*    filter            : alpha(opacity=60);

 344      -moz-opacity      : 0.6;*/
 345  }
 346  
 347  .field
 348  {
 349      top              : 0;
 350  /*    left             : 0px; */

 351      margin           : 1em 0 1em 0;
 352      direction:rtl;
 353  }
 354  
 355  .field .field
 356  {
 357      margin           : 1em 0 0 0;
 358  
 359  }
 360  
 361  .field label
 362  {
 363      font-size        : 100%;
 364      font-weight      : bold;
 365  
 366  }
 367  
 368  .field_checkbox
 369  {
 370      top              : 0;
 371      left             : 0;
 372  }
 373  
 374  .field_checkbox label
 375  {
 376      font-size        : 100%;
 377  }
 378  
 379  .formHelp
 380  {
 381      font-size        : 90%;
 382      color            : #76797c;
 383      margin           : 0 0 0.2em 0;
 384  }
 385  
 386  .formHelp a
 387  {
 388      text-decoration  : underline;
 389  }
 390  
 391  .formHelp:hover
 392  {
 393      color            : Black;
 394      cursor           : default;
 395  }
 396  
 397  fieldset
 398  {
 399      border           : 1px solid #8cacbb;
 400      margin           : 1em 0em 1em 0em;
 401      padding          : 0em 1em 1em 1em;
 402      line-height      : 1.5em;
 403      width            : auto;
 404  }
 405  
 406  .inputField
 407  {
 408      width: 85%;
 409      margin-left: auto;
 410      margin-right: auto;
 411      background-color: #FCFCFF;
 412      border: 1px solid #DEDEDE;
 413  }
 414  
 415  .buttons
 416  {
 417      width: 88%;
 418      margin-left: auto;
 419      margin-right: auto;
 420      text-align: left;
 421  }
 422  
 423  .inputField input
 424  {
 425      width:100%;
 426  }
 427  
 428  .inputField legend
 429  {
 430      font-weight: bold;
 431  }
 432  
 433  .inputField .dateTime
 434  {
 435     width: 80%;
 436  }
 437  
 438  .inputField .checkbox, .inputField .button, .inputField .radio
 439  {
 440     width: auto;
 441  }
 442  
 443  .inputField .file
 444  {
 445     width: auto;
 446  }
 447  
 448  .pager
 449  {
 450      float:left;
 451  }
 452  
 453  /* -------------------------------------------------------------- */

 454  /* Data lists parameters & search bar                             */

 455  /* -------------------------------------------------------------- */

 456  
 457  #list_nav_bar

 458  {
 459      margin-left      : auto;
 460      margin-right     : auto;
 461      width            : 98%;
 462      background-color : #F3F1FF;
 463      padding-bottom   : 4px;
 464      padding-left     : 4px;
 465      padding-right    : 4px;
 466      margin-bottom    : 10px;
 467      border           : 0px solid #DEDEDE;
 468  }
 469  
 470  #list_nav_bar fieldset

 471  {
 472      border           : 1px solid #DEDEDE;
 473      color            : #000000;
 474      font-family      : Tahoma;
 475      font-size        : 0.90em;
 476      padding          : 0px;
 477      margin           : 0px;
 478      height           : 60px;
 479  }
 480  
 481  #list_nav_select

 482  {
 483      float            : left;
 484      width            : 100%;
 485      text-align       : center;
 486  }
 487  
 488  #list_nav_search

 489  {
 490      float            : left;
 491      width            : 30%;
 492      text-align       : center;
 493  }
 494  
 495  .list_nav_option
 496  {
 497      float            : right;
 498      text-align       : right;
 499      padding          : 0px 4px 4px 4px;
 500      margin-left      : 5px;
 501  }
 502  
 503  #list_nav_bar legend

 504  {
 505      font-family      : Tahoma;
 506      font-size        : 1.1em;
 507      font-weight      : bold;
 508      letter-spacing   : 0.08em;
 509  }
 510  
 511  #list_nav_select label

 512  {
 513  }
 514  
 515  /* -------------------------------------------------------------- */

 516  /* Data lists table format                                        */

 517  /* -------------------------------------------------------------- */

 518  
 519  .info
 520  {
 521      margin-left      : auto;
 522      margin-right     : auto;
 523      margin-bottom    : 10px;
 524      width            : 775px;
 525      border-collapse  : collapse;
 526      border-bottom    : 4px solid #DEDEDE;
 527      border-spacing   : 0px;
 528  }
 529  
 530  .info th
 531  {
 532      font-family      : Tahoma;
 533      font-size        : 1.1em;
 534      font-weight      : bold;
 535      letter-spacing   : 0.08em;
 536      vertical-align   : bottom;
 537      border-bottom    : 1px solid #DEDEDE;
 538      padding          : 4px;
 539      text-align       : right;
 540  }
 541  
 542  .info th a
 543  {
 544      color           : #000000;
 545      text-decoration : none;
 546  }
 547  
 548  .info th a:hover
 549  {
 550      color           : #5583BE;
 551      text-decoration : none;
 552  }
 553  
 554  .even
 555  {
 556      background       : #F7F7F7;
 557  }
 558  
 559  .tableHover
 560  {
 561     background: #EFEFEF;
 562  }
 563  
 564  .info td
 565  {
 566      color            : #888888;
 567      border-bottom    : 1px solid #DEDEDE;
 568      vertical-align   : middle;
 569      padding          : 4px;
 570      /*border:1px solid black;*/

 571  }
 572  
 573  .info td a
 574  {
 575      color           : #888888;
 576      text-decoration : none;
 577  }
 578  
 579  .info td a img {
 580      border: 0px;
 581  }
 582  
 583  .info td a:hover
 584  {
 585      color           : #5583BE;
 586      text-decoration : none;
 587  }
 588  
 589  /* -------------------------------------------------------------- */

 590  /* Specific column format                                         */

 591  /* -------------------------------------------------------------- */

 592  
 593  .col_highlighted
 594  {
 595      font-weight      : bold;
 596  }
 597  
 598  /* -------------------------------------------------------------- */

 599  /* Data lists bottom actions bar                                  */

 600  /* -------------------------------------------------------------- */

 601  
 602  #list_action_bar

 603  {
 604      margin-left      : auto;
 605      margin-right     : auto;
 606      width            : 768px;
 607      padding          : 4px;
 608      text-align       : left;
 609      /*background-color : #F3F1FF;*/

 610      margin-bottom    : 10px;
 611      /*border           : 1px dashed #DEDEDE;*/

 612  }
 613  
 614  
 615  /* -------------------------------------------------------------- */

 616  /* Positive or negative feedback messages                         */

 617  /* -------------------------------------------------------------- */

 618  
 619  #list #FormError

 620  {
 621      padding-left: 10px;
 622  }
 623  
 624  #FormError

 625  {
 626      align: left;
 627      padding-top: 0px;
 628  }
 629  
 630  #list #FormInfo

 631  {
 632      padding-right: 10px;
 633  }
 634  
 635  #FormInfo

 636  {
 637      padding-top: 0px;
 638  }
 639  
 640  .InfoIcon
 641  {
 642      float:right;
 643      clear:right;
 644      margin-top:3px;
 645  }
 646  
 647  .InfoText
 648  {
 649      color:green;
 650      padding-left:20px;
 651      padding-top:3px;
 652  }
 653  
 654  .ErrorText
 655  {
 656      color:red;
 657      padding-left:20px;
 658      padding-top:3px;
 659  }
 660  
 661  /**

 662   * login screen

 663   */
 664  .loginBox
 665  {
 666    width: 300px;
 667    margin-top: 25px;
 668    margin-left: auto;
 669    margin-right: auto;
 670  }
 671  
 672  h4, fieldset h4
 673  {
 674      font-family      : Tahoma;
 675      font-size        : 1.1em;
 676      font-weight      : bold;
 677      letter-spacing   : 0.08em;
 678      vertical-align   : bottom;
 679      border-bottom    : 1px solid #DEDEDE;
 680      padding          : 0px;
 681      text-align       : right;
 682      text-transform   : capitalize;
 683  }
 684  
 685  .sectionTitle
 686  {
 687      font-size: 1.3em;
 688  }
 689  
 690  .welcomeMessage {
 691    margin-bottom: 10px;
 692  }
 693  
 694  .pager
 695  {
 696  float:left;
 697  }
 698  
 699  /**

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

 701   */
 702  #content .menuTop

 703  {
 704      list-style-type : none;
 705      padding-left: 45px;
 706      padding-right: 45px;
 707      margin: 0px;
 708  }
 709  
 710  #content .menuTop ul

 711  {
 712   padding: 0px;
 713   margin: 0px;
 714  }
 715  
 716  #content .menuTop .Level_1

 717  {
 718      font-family      : Tahoma;
 719      font-size        : 1.0em;
 720      font-weight      : bold;
 721      border-bottom    : 1px solid #DEDEDE;
 722      padding-top      : 10px;
 723  }
 724  
 725  #content .menuTop .Level_0

 726  {
 727      padding-right: 10px;
 728      padding-top:2px;
 729      font-weight      : normal;
 730  }
 731  
 732  #content .menuTop .Level_0 a

 733  {
 734      color           : #888888;
 735      text-decoration : none;
 736  }
 737  
 738  #content .menuTop .Level_0 a:hover

 739  {
 740      color           : #5583BE;
 741      text-decoration : none;
 742  }
 743  
 744  /* -------------------------------------------------------------- */

 745  /* Dashboard                                                      */

 746  /* -------------------------------------------------------------- */

 747  
 748  #dashboard h2

 749  {
 750      color            : #588BCA;
 751      font-weight      : bold;
 752      font-family      : Tahoma;
 753      font-size        : 1.4em;
 754      margin           : 0;
 755      padding-left     : 4px;
 756  }
 757  
 758  #dashboard h2 a

 759  {
 760      color            : #32609B;
 761      font-weight      : bold;
 762      font-family      : Tahoma;
 763      margin           : 0;
 764      padding-left     : 4px;
 765      text-decoration  : none;
 766  }
 767  
 768  #dashboard h2 a:hover

 769  {
 770      text-decoration  : underline;
 771  }
 772  
 773  #dashboard h3

 774  {
 775      color            : #588BCA;
 776      font-weight      : bold;
 777      font-family      : Tahoma;
 778      font-size        : 1.1em;
 779      margin           : 0;
 780      margin-top       : 12px;
 781      margin-bottom    : 4px;
 782      padding-left     : 12px;
 783  }
 784  
 785  #dashboard table

 786  {
 787      margin-left     : 12px;
 788      width           : 100%;
 789  }
 790  
 791  #dashboard th

 792  {
 793  }
 794  
 795  #dashboard td

 796  {
 797  }
 798  
 799  #dashboard a

 800  {
 801      color            : #8A8A8A;
 802      text-decoration  : none;
 803  }
 804  
 805  #dashboard

 806  {
 807      color            : #8A8A8A;
 808  }
 809  
 810  #dashboard .dashboard_blog

 811  {
 812      border           : 1px solid #DEDEDE;
 813      padding          : 4px;
 814      background-color : #FCFCFF;
 815      margin-top       : 10px;
 816  }
 817  
 818  #dashboard .dashboard_blog_layout

 819  {
 820      margin           : 0;
 821      width            : 100%;
 822      background-color : #FFFFFF;
 823  }
 824  
 825  #dashboard .dashboard_blog_layout tr

 826  {
 827  }
 828  
 829  #dashboard .dashboard_blog_layout td

 830  {
 831  }
 832  
 833  #dashboard .dashboard_data_table

 834  {
 835      width           : 98%;
 836  }
 837  
 838  #dashboard .dashboard_data_table th

 839  {
 840      border-bottom   : 2px solid #DEDEDE;
 841      height          : 20px;
 842      text-align      : right;
 843      
 844  }
 845  
 846  #dashboard .dashboard_data_table td

 847  {
 848      border-bottom    : 1px solid #DEDEDE;
 849      height           : 20px;
 850  }
 851  
 852  #dashboard .dashboard_data_table_statistics

 853  {
 854      width           : 98%;
 855  }
 856  
 857  #dashboard .dashboard_data_table_statistics th, td

 858  {
 859      border-bottom    : 1px solid #DEDEDE;
 860      height           : 20px;
 861      text-align       : right;
 862  }