[Sommaire] [Imprimer]

   1  /* CSS Document */
   2  
   3  html {
   4      height: 100%;
   5  }
   6  
   7  body {
   8      height: 100%;
   9      margin-bottom: 1px;
  10  }
  11  
  12  .clr {
  13      clear: both;
  14  }
  15  
  16  .outline {
  17    border: 1px solid #cccccc;
  18    background: #ffffff;
  19      padding: 2px;
  20  }
  21  
  22  #buttons_outer {
  23      width: 635px;
  24        margin-bottom: 2px;
  25      margin-right: 2px;
  26      float: left;
  27  
  28  }
  29  
  30  #buttons_inner {
  31      border: 1px solid #cccccc;
  32      height: 21px !important;
  33      height: 23px;
  34  }
  35  
  36  #pathway_text {
  37    overflow: hidden;
  38      display: block;
  39      height: 25px;
  40      line-height: 25px !important;
  41      line-height: 22px;
  42      padding-left: 4px;
  43      border: 1px solid #ccc;
  44      margin-bottom: 2px;
  45  }
  46  
  47  #pathway_text img {
  48      margin-left: 5px;
  49      margin-right: 5px;
  50      margin-top: 6px;
  51  }
  52  
  53  #buttons {
  54      float: left;
  55      margin: 0px;
  56      padding: 0px;
  57      width: auto;
  58  }
  59  
  60  
  61  ul#mainlevel-nav
  62  {
  63      list-style: none;
  64      padding: 0;
  65      margin: 0;
  66      font-size: 0.8em;
  67  }
  68  
  69  ul#mainlevel-nav li
  70  {
  71      background-image: none;
  72      padding-left: 0px;
  73      padding-right: 0px;
  74      float: left;
  75      margin: 0;
  76      font-size: 11px;
  77      line-height: 21px;
  78      white-space: nowrap;
  79      border-right: 1px solid #cccccc;
  80  }
  81  
  82  ul#mainlevel-nav li a
  83  {
  84      display: block;
  85      padding-left: 15px;
  86      padding-right: 15px;
  87      text-decoration: none;
  88      color: #333333;
  89      background: transparent;
  90  }
  91  
  92  #buttons>ul#mainlevel-nav li a { width: auto; }
  93  
  94      ul#mainlevel-nav li a:hover
  95  {
  96      color: #fff;
  97      background: #c64934;
  98  }
  99  
 100  
 101  #search_outer {
 102      float: left;
 103      width: 165px;
 104  }
 105  
 106  #search_inner {
 107    border: 1px solid #cccccc;
 108      padding: 0px;
 109    height: 21px !important;
 110    height: 23px;
 111    overflow: hidden;
 112  }
 113  
 114  #search_inner form {
 115    padding: 0;
 116    margin: 0;
 117  }
 118  
 119  #search_inner .inputbox {
 120      border: 0px;
 121      padding: 3px 3px 3px 5px;
 122      font-family: arial, helvetica, sans-serif;
 123      font-size: 11px;
 124      color: #c64934;
 125  }
 126  
 127  #header_outer {
 128      text-align: left;
 129      border: 0px;
 130      margin: 0px;
 131  }
 132  
 133  #header {
 134      float: left;
 135      padding: 0px;
 136      margin-right: 2px;
 137      width: 635px;
 138      height: 150px;
 139      background: url(../images/header_short.jpg) no-repeat;
 140  }
 141  
 142  #top_outer{
 143      float: left;
 144      width: 165px;
 145  }
 146  
 147  #top_inner {
 148    border: 1px solid #cccccc;
 149      padding: 2px;
 150    height: 144px !important;
 151    height: 150px;
 152    overflow: hidden;
 153    float: none !important;
 154    float: left;
 155  }
 156  
 157  #left_outer {
 158    float: left;
 159      margin-top: 2px;
 160      width: 165px;
 161  }
 162  
 163  #left_inner {
 164    border: 1px solid #cccccc;
 165      padding: 2px;
 166    float: none !important;
 167    float: left;
 168  }
 169  
 170  #content_outer {
 171      padding: 0px;
 172      margin-top: 0px;
 173      margin-left: 2px;
 174      /** border: 1px solid #cccccc; **/
 175      float: left;
 176      width: 635px;
 177  }
 178  
 179  #content_inner{
 180    float: none !important;
 181    float: left;
 182    padding: 0;
 183    padding-top: 2px;
 184    margin: 0;
 185  }
 186  
 187  table.content_table {
 188    width: 100%;
 189      padding: 0px;
 190      margin: 0px;
 191  }
 192  
 193  table.content_table td {
 194      padding: 0px;
 195      margin: 0px;
 196  }
 197  
 198  
 199  #banner_inner {
 200      float: left;
 201      padding: 0px;
 202      height: 70px;
 203  }
 204  
 205  #poweredby_inner {
 206      float: right;
 207      padding: 0px;
 208      margin-left: 0px;
 209      height: 70px;
 210  }
 211  
 212  #right_outer {
 213      margin-left: 2px;
 214      width: 165px;
 215  }
 216  
 217  #right_inner {
 218    float: none !important;
 219    float: left;
 220    border: 1px solid #cccccc;
 221    padding: 2px;
 222  }
 223  
 224  
 225  .user1_inner {
 226      border: 1px solid #cccccc;
 227    float: none !important;
 228    float: left;
 229      margin: 0px;
 230      padding: 2px;
 231  }
 232  
 233  .user2_inner {
 234      border: 1px solid #cccccc;
 235    float: none !important;
 236    float: left;
 237      margin: 0px;
 238      padding: 2px;
 239  }
 240  
 241  table td.body_outer {
 242      padding: 2px;
 243      border: 1px solid #cccccc;
 244  }
 245  
 246  .maintitle {
 247      color: #ffffff;
 248      font-size: 40px;
 249      padding-left: 15px;
 250      padding-top: 20px;
 251  }
 252  
 253  .error {
 254    font-style: italic;
 255    text-transform: uppercase;
 256    padding: 5px;
 257    color: #cccccc;
 258    font-size: 14px;
 259    font-weight: bold;
 260  }
 261  
 262  /** old stuff **/
 263  
 264  .back_button {
 265      float: left;
 266    text-align: center;
 267    font-size: 11px;
 268    font-weight: bold;
 269    border: 3px double #cccccc;
 270    width: auto;
 271    background: url(../images/button_bg.png) repeat-x;
 272    padding: 0px 10px;
 273    line-height: 20px;
 274    margin: 1px;
 275  }
 276  
 277  .pagenav {
 278    text-align: center;
 279    font-size: 11px;
 280    font-weight: bold;
 281    border: 3px double #cccccc;
 282    width: auto;
 283    background: url(../images/button_bg.png) repeat-x;
 284    padding: 0px 10px;
 285    line-height: 20px;
 286    margin: 1px;
 287  }
 288  
 289  .pagenavbar {
 290      margin-right: 10px;
 291      float: right;
 292  }
 293  
 294  #footer {
 295      text-align: center;
 296      padding: 3px;
 297  }
 298  
 299  ul
 300  {
 301  margin: 0;
 302  padding: 0;
 303  list-style: none;
 304  }
 305  
 306  li
 307  {
 308  line-height: 15px;
 309  padding-left: 15px;
 310  padding-top: 0px;
 311  background-image: url(../images/arrow.png);
 312  background-repeat: no-repeat;
 313  background-position: 0px 2px;
 314  }
 315  
 316  
 317  td {
 318      text-align: left;
 319      font-size: 11px;
 320  }
 321  
 322  
 323  
 324  body {
 325      margin: 15px;
 326      height: 100%;
 327      padding: 0px;
 328      font-family: Arial, Helvetica, Sans Serif;
 329      line-height: 120%;
 330      font-size: 11px;
 331      color: #333333;
 332      background: #ffffff;
 333  }
 334  
 335  /* Joomla core stuff */
 336  a:link, a:visited {
 337      color: #c64934; text-decoration: none;
 338      font-weight: bold;
 339  }
 340  
 341  a:hover {
 342      color: #900;    text-decoration: none;
 343      font-weight: bold;
 344  }
 345  
 346  table.contentpaneopen {
 347    width: 100%;
 348      padding: 0px;
 349      border-collapse: collapse;
 350      border-spacing: 0px;
 351      margin: 0px;
 352  }
 353  
 354  table.contentpaneopen td {
 355     padding-right: 5px;
 356  }
 357  
 358  table.contentpaneopen td.componentheading {
 359      padding-left: 4px;
 360  }
 361  
 362  
 363  
 364  table.contentpane {
 365    width: 100%;
 366      padding: 0px;
 367      border-collapse: collapse;
 368      border-spacing: 0px;
 369      margin: 0px;
 370  }
 371  
 372  table.contentpane td {
 373      margin: 0px;
 374      padding: 0px;
 375  }
 376  
 377  table.contentpane td.componentheading {
 378      padding-left: 4px;
 379  }
 380  
 381  table.contentpaneopen fieldset {
 382      border: 0px;
 383      border-bottom: 1px solid #eee;
 384  }
 385  
 386  .button {
 387    color: #c64934;
 388    font-family: Arial, Hevlvetica, sans-serif;
 389    text-align: center;
 390    font-size: 11px;
 391    font-weight: bold;
 392    border: 3px double #cccccc;
 393    width: auto;
 394    background: url(../images/button_bg.png) repeat-x;
 395    padding: 0px 5px;
 396    line-height: 18px !important;
 397    line-height: 16px;
 398    height: 26px !important;
 399    height: 24px;
 400    margin: 1px;
 401  }
 402  
 403  .inputbox {
 404      padding: 2px;
 405      border:solid 1px #cccccc;
 406      background-color: #ffffff;
 407  }
 408  
 409  .componentheading {
 410      background: url(../images/subhead_bg.png) repeat-x;
 411      color: #666666;
 412      text-align: left;
 413      padding-top: 4px;
 414      padding-left: 4px;
 415      height: 21px;
 416      font-weight: bold;
 417      font-size: 10px;
 418      text-transform: uppercase;
 419  
 420  }
 421  
 422  .contentcolumn {
 423      padding-right: 5px;
 424  }
 425  
 426  .contentheading {
 427      height: 30px;
 428  
 429      color: #c64934;
 430      font-weight: bold;
 431      font-size: 14px;
 432      white-space: nowrap;
 433  }
 434  
 435  
 436  
 437  .contentpagetitle {
 438      font-size: 13px;
 439      font-weight: bold;
 440      color: #cccccc;
 441      text-align:left;
 442  }
 443  
 444  table.searchinto {
 445      width: 100%;
 446  }
 447  
 448  table.searchintro td {
 449      font-weight: bold;
 450  }
 451  
 452  table.moduletable {
 453      width: 100%;
 454      margin-bottom: 5px;
 455      padding: 0px;
 456      border-spacing: 0px;
 457      border-collapse: collapse;
 458  }
 459  
 460  div.moduletable {
 461      padding: 0;
 462      margin-bottom: 2px;
 463  }
 464  
 465  table.moduletable th, div.moduletable h3 {
 466      background: url(../images/subhead_bg.png) repeat-x;
 467      color: #666666;
 468      text-align: left;
 469      padding-left: 4px;
 470      height: 21px;
 471      line-height: 21px;
 472      font-weight: bold;
 473      font-size: 10px;
 474      text-transform: uppercase;
 475      margin: 0 0 2px 0;
 476  }
 477  
 478  table.moduletable td {
 479      font-size: 11px;
 480      padding: 0px;
 481      margin: 0px;
 482      font-weight: normal;
 483  }
 484  
 485  table.pollstableborder td {
 486    padding: 2px;
 487  }
 488  
 489  .sectiontableheader {
 490    font-weight: bold;
 491    background: #f0f0f0;
 492    padding: 4px;
 493  }
 494  
 495  .sectiontablefooter {
 496  
 497  }
 498  
 499  .sectiontableentry1 {
 500      background-color : #ffffff;
 501  }
 502  
 503  .sectiontableentry2 {
 504      background-color : #f9f9f9;
 505  }
 506  
 507  .small {
 508      color: #999999;
 509      font-size: 11px;
 510  }
 511  
 512  .createdate {
 513      height: 15px;
 514      padding-bottom: 10px;
 515      color: #999999;
 516      font-size: 11px;
 517  }
 518  
 519  .modifydate {
 520      height: 15px;
 521      padding-top: 10px;
 522      color: #999999;
 523      font-size: 11px;
 524  }
 525  
 526  table.contenttoc {
 527    border: 1px solid #cccccc;
 528    padding: 2px;
 529    margin-left: 2px;
 530    margin-bottom: 2px;
 531  }
 532  
 533  table.contenttoc td {
 534    padding: 2px;
 535  }
 536  
 537  table.contenttoc th {
 538    background: url(../images/subhead_bg.png) repeat-x;
 539    color: #666666;
 540      text-align: left;
 541      padding-top: 2px;
 542      padding-left: 4px;
 543      height: 21px;
 544      font-weight: bold;
 545      font-size: 10px;
 546      text-transform: uppercase;
 547  }
 548  
 549  a.mainlevel:link, a.mainlevel:visited {
 550      display: block;
 551      background: url(../images/menu_bg.png) no-repeat;
 552      vertical-align: middle;
 553      font-size: 11px;
 554      font-weight: bold;
 555      color: #ccc;
 556      text-align: left;
 557      padding-top: 5px;
 558      padding-left: 18px;
 559      height: 20px !important;
 560      height: 25px;
 561      width: 100%;
 562      text-decoration: none;
 563  }
 564  
 565  a.mainlevel:hover {
 566      background-position: 0px -25px;
 567      text-decoration: none;
 568      color: #fff;
 569  }
 570  
 571  a.mainlevel#active_menu {
 572      color:#fff;
 573      font-weight: bold;
 574  }
 575  
 576  a.mainlevel#active_menu:hover {
 577      color: #fff;
 578  }
 579  
 580  a.sublevel:link, a.sublevel:visited {
 581      padding-left: 1px;
 582      vertical-align: middle;
 583      font-size: 11px;
 584      font-weight: bold;
 585      color: #c64934;
 586      text-align: left;
 587  }
 588  
 589  a.sublevel:hover {
 590      color: #900;
 591      text-decoration: none;
 592  }
 593  
 594  a.sublevel#active_menu {
 595      color: #333;
 596  }
 597  
 598  .highlight {
 599      background-color: Yellow;
 600      color: Blue;
 601      padding: 0;
 602  }
 603  .code {
 604      background-color: #ddd;
 605      border: 1px solid #bbb;
 606  }
 607  
 608  form {
 609  /* removes space below form elements */
 610      margin: 0;
 611       padding: 0;
 612  }
 613  
 614  div.mosimage {
 615    border: 1px solid #ccc;
 616  }
 617  
 618  .mosimage {
 619    border: 1px solid #cccccc;
 620    margin: 5px
 621  }
 622  
 623  .mosimage_caption {
 624    margin-top: 2px;
 625    background: #efefef;
 626    padding: 1px 2px;
 627    color: #666;
 628    font-size: 10px;
 629    border-top: 1px solid #cccccc;
 630  }
 631  
 632  span.article_seperator {
 633      display: block;
 634      height: 1.5em;
 635  }