[Sommaire] [Imprimer]

   1  html, body {
   2      font-family: Tahoma;
   3      font-size        : 0.90em;
   4      margin           : 0px;
   5      padding          : 0px;
   6      text-align       : center;
   7      font             : 12px verdana, tahoma, arial, sans-serif;
   8      background       : #EEEEEE url("../imgs/bg_main.jpg") repeat-y center;
   9  }
  10  
  11  /* -------------------------------------------------------------- */

  12  /* Common stuff and basic page layout                             */

  13  /* -------------------------------------------------------------- */

  14  
  15  
  16  #container

  17  {
  18      width            : 786px;
  19      margin-left      : auto;
  20      margin-right     : auto;
  21  }
  22  
  23  h3
  24  {
  25      font-size:12px;
  26      margin-bottom:5px;
  27  }
  28  
  29  .subtitle
  30  {
  31      margin-bottom:0px;
  32  }
  33  
  34  #header

  35  {
  36      height           : 80px;
  37      width            : 100%;
  38      background       : #FFFFFF url("../imgs/top_admin.jpg") no-repeat right;
  39      padding          : 0px;
  40      margin           : 0px;
  41  }
  42  
  43  #header span

  44  {
  45      display          : none;
  46  }
  47  
  48  #header h1

  49  {
  50      margin           : 0;
  51  }
  52  
  53  #content

  54  {
  55      position         : relative;
  56      width            : 100%;
  57      display          : block;
  58      margin           : 0;
  59      padding          : 0;
  60      direction:rtl;
  61      text-align:right;
  62  }
  63  
  64  #dashboard

  65  {
  66      padding-left     : 1em;
  67      padding-right    : 1em;
  68  
  69  }
  70  
  71  .peu
  72  {
  73      font-size: 7pt;
  74      color:gray;
  75      padding-bottom: 5px;
  76      border-bottom    : 1px solid #DEDEDE;
  77  }
  78  
  79  .clr
  80  {
  81      clear            : both;
  82  }
  83  
  84  /*-- Accessibility Tweaks --*/

  85  #skipNav

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

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

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

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

 131  /* Navigation/menu bar                                            */

 132  /* -------------------------------------------------------------- */

 133  
 134  #menubar

 135  {
 136      margin-bottom    : 10px;
 137      background       : #FFFFFF url("../imgs/bg_menu.jpg") repeat-x;
 138      height           : 20px;
 139      /*border-bottom    : 1px solid #B4B4B4;*/

 140  }
 141  
 142  #menu

 143  {
 144      padding-top      : 1px;
 145      padding-bottom   : 1px;
 146  }
 147  
 148  #menu ul

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

 159  {
 160  
 161      position         : relative;
 162      padding          : 0;
 163      border-left      : 0px solid #B4B4B4;
 164      display          : inline;
 165      font-family      : Tahoma;
 166      font-size        : 12px;
 167  }
 168  
 169  #menu a, #menu a:link, #menu a:visited

 170  {
 171      padding          : .2em 2em;
 172      color            : #0E3862;
 173      text-decoration  : none;
 174  }
 175  
 176  #menu a:hover

 177  {
 178      font-weight:bold;
 179      
 180  }
 181  
 182  #menu li.selected

 183  {
 184      display          : block;
 185      width            : auto;
 186      padding          : 2px 7px;
 187      background       : #FFFFFF;
 188      color            : #000000;
 189      border-bottom    : 1px solid #FFFFFF;
 190  }
 191  
 192  #menu br

 193  {
 194      clear: both;
 195  }
 196  
 197  /* -------------------------------------------------------------- */

 198  /* Section title and navigation history bar                       */

 199  /* -------------------------------------------------------------- */

 200  
 201  #nav_bar

 202  {
 203      margin-left      : auto;
 204      margin-right     : auto;
 205      width            : 100%;
 206      margin-bottom    : 15px;
 207      border-bottom    : 1px dotted #DEDEDE;
 208  }
 209  
 210  #section_title

 211  {
 212      float            : rigth;
 213      width            : 39%;
 214  }
 215  
 216  #section_title h2

 217  {
 218      color            : #588BCA;
 219      font-family      : Tahoma;
 220      font-size        : 1.5em;
 221      margin           : 0;
 222      padding-right     : 4px;
 223  }
 224  
 225  #navigation

 226  {
 227      float            : right;
 228      width            : 60%;
 229      text-align       : right;
 230      padding-top      : 7px;
 231      font-family      : Tahoma;
 232      font-size        : 0.85em;
 233      padding-right    : 2px;
 234  }
 235  
 236  #navigation a

 237  {
 238      color            : #000000;
 239      text-decoration  : none;
 240  }
 241  
 242  #navigation a:hover

 243  {
 244      color            : #5583BE;
 245      text-decoration  : none;
 246  }
 247  
 248  /* -------------------------------------------------------------- */

 249  /* Admin Tabbed Ul's                                              */

 250  /* -------------------------------------------------------------- */

 251  
 252  #tablist

 253  {
 254      padding          : 3px 0;
 255      margin-right      : 0;
 256      font             : 11px Tahoma;
 257      border-bottom    : 1px solid #DEDEDE;
 258  }
 259  
 260  #tablist li

 261  {
 262      list-style       : none;
 263      margin           : 0;
 264      display          : inline;
 265  }
 266  
 267  #tablist li a

 268  {
 269      padding          : 3px 0.5em;
 270      margin-right      : 3px;
 271      border           : 1px solid #DEDEDE;
 272      background       : #F4F4FF;
 273      text-decoration  : none;
 274  }
 275  
 276  #tablist li a:link

 277  {
 278      color            : #448;
 279  }
 280  
 281  #tablist li a:visited

 282  {
 283      color            : #667;
 284  }
 285  
 286  #tablist li a:hover

 287  {
 288      color            : #000;
 289      background       : #F2F0FE;
 290      border-color     : #DEDEDE;
 291  }
 292  
 293  #tablist li a#tab_current

 294  {
 295      background       : white;
 296      border-bottom    : 1px solid white;
 297  }
 298  
 299  .menuTop_level1 ul, li
 300  {
 301      list-style-type: none;
 302  }
 303  
 304  .menuTop_level1 ul
 305  {
 306    list-style-type: disc;
 307    list-style-image: url(../imgs/bullet.gif);
 308  }
 309  
 310  
 311  /* -------------------------------------------------------------- */

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

 313  /* -------------------------------------------------------------- */

 314  
 315  form
 316  {
 317      margin           : 0px;
 318  }
 319  
 320  fieldset
 321  {
 322      border           : 1px solid #DEDEDE;
 323      color            : #000000;
 324      font-family      : Tahoma;
 325      font-size        : 0.90em;
 326      padding-bottom   : 0px;
 327      margin           : 0px;
 328  }
 329  
 330  textarea, input, select
 331  {
 332      background       : #FFFFFF;
 333      border           : 1px solid #b2b2b2;
 334      color            : #000000;
 335      font-family      : Tahoma;
 336      font-size        : 0.95em;
 337  }
 338  
 339  input:focus, textarea:focus, label:focus
 340  {
 341      border           : 1px solid #5583BE;
 342  }
 343  
 344  .checkbox, .radio
 345  {
 346      border           : 0px;
 347  }
 348  
 349  .submit
 350  {
 351      /*margin-left      : 4px;*/

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

 469  /* Data lists parameters & search bar                             */

 470  /* -------------------------------------------------------------- */

 471  
 472  #list_nav_bar

 473  {
 474      margin-left      : auto;
 475      margin-right     : auto;
 476      width            : 98%;
 477      background-color : #F3F1FF;
 478      padding-bottom   : 4px;
 479      padding-left     : 4px;
 480      padding-right    : 4px;
 481      margin-bottom    : 10px;
 482      border           : 0px solid #DEDEDE;
 483  }
 484  
 485  #list_nav_bar fieldset

 486  {
 487      border           : 1px solid #DEDEDE;
 488      color            : #000000;
 489      font-family      : Tahoma;
 490      font-size        : 0.90em;
 491      padding          : 0px;
 492      margin           : 0px;
 493      height           : 60px;
 494  }
 495  
 496  #list_nav_select

 497  {
 498      float            : right;
 499      width            : 100%;
 500      text-align       : center;
 501  }
 502  
 503  #list_nav_search

 504  {
 505      float            : right;
 506      width            : 30%;
 507      text-align       : center;
 508  }
 509  
 510  .list_nav_option
 511  {
 512      float            : right;
 513      text-align       : right;
 514      padding          : 0px 4px 4px 4px;
 515      margin-right      : 5px;
 516  }
 517  
 518  #list_nav_bar legend

 519  {
 520      font-family      : Tahoma;
 521      font-size        : 1.1em;
 522  }
 523  
 524  #list_nav_select label

 525  {
 526  }
 527  
 528  /* -------------------------------------------------------------- */

 529  /* Data lists table format                                        */

 530  /* -------------------------------------------------------------- */

 531  
 532  .info
 533  {
 534      margin-left      : auto;
 535      margin-right     : auto;
 536      margin-bottom    : 10px;
 537      width            : 775px;
 538      border-collapse  : collapse;
 539      border-bottom    : 4px solid #DEDEDE;
 540      border-spacing   : 0px;
 541  }
 542  
 543  .info th
 544  {
 545      font-family      : Tahoma;
 546      font-size        : 1.1em;
 547      vertical-align   : bottom;
 548      border-bottom    : 1px solid #DEDEDE;
 549      padding          : 4px;
 550      text-align       : right;
 551  }
 552  
 553  .info th a
 554  {
 555      color           : #000000;
 556      text-decoration : none;
 557  }
 558  
 559  .info th a:hover
 560  {
 561      color           : #5583BE;
 562      text-decoration : none;
 563  }
 564  
 565  .even
 566  {
 567      background       : #F7F7F7;
 568  }
 569  
 570  .tableHover
 571  {
 572     background: #EFEFEF;
 573  }
 574  
 575  .info td
 576  {
 577      color            : #888888;
 578      border-bottom    : 1px solid #DEDEDE;
 579      vertical-align   : middle;
 580      padding          : 4px;
 581      /*border:1px solid black;*/

 582  }
 583  
 584  .info td a
 585  {
 586      color           : #888888;
 587      text-decoration : none;
 588  }
 589  
 590  .info td a:hover
 591  {
 592      color           : #5583BE;
 593      text-decoration : none;
 594  }
 595  
 596  /* -------------------------------------------------------------- */

 597  /* Specific column format                                         */

 598  /* -------------------------------------------------------------- */

 599  
 600  .col_highlighted
 601  {
 602  }
 603  
 604  /* -------------------------------------------------------------- */

 605  /* Data lists bottom actions bar                                  */

 606  /* -------------------------------------------------------------- */

 607  
 608  #list_action_bar

 609  {
 610      margin-left      : auto;
 611      margin-right     : auto;
 612      width            : 768px;
 613      padding          : 4px;
 614      text-align       : right;
 615      /*background-color : #F3F1FF;*/

 616      margin-bottom    : 10px;
 617      /*border           : 1px dashed #DEDEDE;*/

 618  }
 619  
 620  
 621  /* -------------------------------------------------------------- */

 622  /* Positive or negative feedback messages                         */

 623  /* -------------------------------------------------------------- */

 624  
 625  #list #FormError

 626  {
 627      padding-right: 10px;
 628  }
 629  
 630  #FormError

 631  {
 632      align: left;
 633      padding-top: 0px;
 634  }
 635  
 636  #list #FormInfo

 637  {
 638      padding-righ: 10px;
 639  }
 640  
 641  #FormInfo

 642  {
 643      align: left;
 644      padding-top: 0px;
 645  }
 646  
 647  .InfoIcon
 648  {
 649      float:riht;
 650      clear:right;
 651      margin-top:3px;
 652  }
 653  
 654  .InfoText
 655  {
 656      color:green;
 657      padding-right:20px;
 658      padding-top:3px;
 659  }
 660  
 661  .ErrorText
 662  {
 663      color:red;
 664      padding-right:20px;
 665      padding-top:3px;
 666  }
 667  
 668  /**

 669   * login screen

 670   */
 671  .loginBox
 672  {
 673    width: 300px;
 674    margin-top: 25px;
 675    margin-left: auto;
 676    margin-right: auto;
 677  }
 678  
 679  h4, fieldset h4
 680  {
 681      font-family      : Tahoma;
 682      font-size        : 12px;
 683      vertical-align   : bottom;
 684      border-bottom    : 1px solid #DEDEDE;
 685      text-align       : right;
 686      margin-bottom : 10px;
 687  }
 688  
 689  .sectionTitle
 690  {
 691      font-size: 1.3em;
 692  }
 693  
 694  .welcomeMessage {
 695    margin-bottom: 10px;
 696  }
 697  
 698  /**--------

 699   * custom stuff for the summary.php script

 700   */
 701  #column-left {

 702    width: 153px;
 703    float:right;
 704    padding-right: 5px;
 705    margin-top: -10px;
 706    font-family:Tahoma;
 707  }
 708  
 709  #maincolumn {

 710    float:right;
 711    width: 436px;
 712    padding-left: 10px;
 713    padding-right: 10px;
 714    font-family:Tahoma;
 715  } 
 716  
 717  #column-right {

 718    width: 160px;
 719    float:right;
 720    padding-right: 5px;
 721    margin-top: -10px;
 722    font-family:Tahoma;
 723  }
 724  
 725  #onecolumn {

 726    float:right;
 727    width: 636px;
 728    padding-left: 80px;
 729    padding-right: 80px;
 730    font-family:Tahoma;
 731  }
 732  
 733  
 734  .pager {
 735    width: 456px;
 736    margin-left: 40px;
 737    margin-right: 40px;   
 738    border-top: 1px solid #DEDEDE;
 739    padding-top: 6px;
 740    margin-top: 6px;
 741  }
 742  
 743  .pagerLink {
 744  
 745  }
 746  
 747  .pagerCurrent {
 748    background-color: #FFAABB;
 749  }
 750  
 751  a img {
 752    border: 0px;    
 753  }
 754  
 755  #intro

 756  {
 757      padding: 0px 15px 5px 15px;
 758      margin-left: auto;
 759      margin-right: auto;
 760      background-color: #FCFCFF; 
 761      border: 1px solid #DEDEDE;
 762      background       : url("../imgs/bigblue.gif") repeat-x;
 763      
 764  }
 765  
 766  .itemList {
 767     list-style: none;
 768     margin-right: 1em;
 769     padding: 0;
 770     color: black;
 771  }
 772  
 773  .item, item a {
 774     color: black;
 775     text-decoration: underline;
 776  }
 777  
 778  .item a:hover {
 779      background       : #818181;
 780      color            : #FFFFFF;
 781  }
 782  
 783  h5
 784  {
 785      font-family      : Tahoma;
 786      font-size        : 1.1em;
 787      vertical-align   : bottom;
 788      padding          : 0px;
 789      text-align       : right;
 790      margin-bottom: 5px;
 791      margin-top: 5px;
 792  }
 793  
 794  #FormError

 795  {
 796   padding-bottom: 11px;
 797  }