[Sommaire] [Imprimer]

   1  /* PLUME CMS Style Sheets for 1.2 version */
   2  
   3  html
   4  {
   5      margin: 0px;
   6      padding: 0px;
   7  }
   8  
   9  body
  10  {
  11      margin: 0px;
  12      padding: 0px;
  13      color: #000;
  14      background: #fff url("img/bg-body.png") repeat-x;
  15      font: .9em Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  16  }
  17  
  18  div
  19  {
  20      margin: 0px;
  21      padding: 0px;
  22  }
  23  
  24  p, blockquote, li, h2, h3, dd, dt
  25  {
  26      font-weight: normal;
  27  }
  28  
  29  h1
  30  {
  31      margin: 0px;
  32  }
  33  
  34  h2, h3
  35  {
  36      font-size: 1em;
  37      font-weight: bold;
  38      color: #036;
  39  }
  40  
  41  form, fieldset
  42  {
  43      margin: 0;
  44      padding: 0;
  45      border: 0;
  46  }
  47  
  48  a
  49  {
  50      text-decoration: none;
  51      color: #6887A4;
  52  }
  53  
  54  hr
  55  {
  56      display: none;
  57  }
  58  
  59  pre
  60  {
  61      border-width: 1px;
  62      border-color: #ccc;
  63      border-style: solid;
  64      background-color: #eee;
  65      padding: 5px;
  66      margin: 10px;
  67      overflow: auto;
  68  }
  69  
  70  abbr, acronym
  71  { 
  72      font-style: normal;
  73      border-bottom: dotted 1px #ccc;
  74      cursor: help;
  75  }
  76  
  77  blockquote, cite
  78  {
  79      color: #666;
  80      padding: 0 20px 0 20px;
  81      font-style: italic;
  82      border-left: 1px dotted #ccc;
  83  }
  84  
  85  code
  86  {
  87      margin: 10px;
  88      display: block;
  89  }
  90  
  91  q
  92  {
  93      font-style: italic;
  94      color: #666;
  95  }
  96  
  97  /* ====================================================================
  98  COLUMNS LAYOUT
  99  -------------------------------------------------------------------- */
 100  
 101  #page
 102  {
 103      width: 96%;
 104      margin-left: auto;
 105      margin-right: auto;
 106  }
 107  
 108  #mainfloat
 109  {
 110      float: left;
 111      width: 75%;
 112  }
 113  
 114  #content
 115  {
 116      float: right;
 117      width: 73%;
 118      margin-top: 14px;
 119      font-family: "Optima", Arial, sans-serif;
 120  }
 121  
 122  * html #content
 123  {
 124      margin-top: 34px; /* hack IE */
 125  }
 126  
 127  #menuleft
 128  {
 129      margin-right: 74%;
 130      text-align: right;
 131  }
 132  
 133  #menuright
 134  {
 135      margin-left: 76%;
 136  }
 137  
 138  #menuleft, #menuright
 139  {
 140      padding: 6px;
 141      border: none;
 142  }
 143  
 144  /* VERTICAL PADDING ABOVE COLUMNS */
 145  
 146  /* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
 147  NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
 148  /*/*/
 149  #page, #mainfloat, #content, #menuleft, #menuright, h2
 150  { 
 151      p\osition: relative; 
 152  }
 153  
 154  div#footer
 155  {
 156      text-align: center;
 157      border-top: 1px dotted #ccc;
 158      margin: 10px auto 0 20%;
 159      width: 54%;
 160  }
 161  
 162  #footer
 163  {
 164      padding: 0.5em;
 165      clear: both;
 166      border: none
 167  }
 168  
 169  /* ====================================================================
 170  BANNER
 171  -------------------------------------------------------------------- */
 172  
 173  #banner
 174  {
 175      margin: 12px 0 20px 0;
 176      height: 50px;
 177      vertical-align: middle;
 178  }
 179  
 180  #banner .description, #websitename
 181  {
 182      margin: -2px 0 0 2px;
 183      color: #98B3C7;
 184      font: 120% Verdana, Arial, Helvetica, sans-serif;
 185  }
 186  
 187  #banner p.description
 188  {
 189      font-size: 1em;
 190  }
 191  
 192  #banner h1, #banner h1 a
 193  {
 194      color: #fff;
 195      width: 70%;
 196  }
 197  
 198  #top
 199  {
 200      margin: 12px 0 0 0;
 201  }
 202  
 203  #easy-access
 204  {
 205      right: 0;
 206      position: absolute;
 207      text-align: right;
 208  }
 209  
 210  #easy-access, #easy-access a
 211  {
 212      color: #98B3C7;
 213  }
 214  
 215  #easy-access a:hover
 216  {
 217      color: #fff;
 218  }
 219  
 220  #easy-access form
 221  {
 222      margin-top: -10px;
 223  }
 224  
 225  #easy-access #q 
 226  {
 227      width: 100px;
 228      height: 14px;
 229      vertical-align: middle;
 230  }
 231  
 232  #easy-access #search-s 
 233  {
 234      vertical-align: middle;
 235  }
 236  
 237  /* ====================================================================
 238  CONTENT
 239  -------------------------------------------------------------------- */
 240  
 241  body.category #content h2, .comment-preview
 242  {
 243      padding-bottom: 0;
 244      background-position: 0% 40%;
 245      font-size: 1.6em;
 246  }
 247  
 248  body.category #content h2.restitle, body.news #content h2.restitle
 249  {
 250      color: #f06;
 251      font-size: 1.4em;
 252      padding-bottom: 4px;
 253  }
 254  
 255  body.category #content h2 a
 256  {
 257      color: #f06;
 258  }
 259  
 260  body.category #content h2 a:hover
 261  {
 262      color: #999;
 263      text-decoration: none;
 264  }
 265  
 266  #menuleft h2
 267  {
 268      font-size: 120%;
 269      background: transparent url("img/h2-left.png") 100% 100% no-repeat;
 270  }
 271  
 272  #menuright h2
 273  {
 274      background: transparent url("img/h2-right.png") 0% 100% no-repeat;
 275      font-size: 120%;
 276  }
 277  
 278  #menuleft h3
 279  {
 280      font-size: 100%;
 281      background: transparent url("img/h3-left.png") 100% 100% no-repeat;
 282  }
 283  
 284  #menuright ul a, #menuleft ul a
 285  {
 286      text-decoration: none;
 287  }
 288  
 289  #menuright ul a:hover, #menuleft ul a:hover
 290  {
 291      text-decoration: none;
 292      color: #f06;
 293  }
 294  
 295  #menuleft ul, #menuright ul
 296  {
 297      margin:0;
 298  }
 299  
 300  #content h2 a 
 301  {
 302      color: #000;
 303  }
 304  
 305  #content a:hover
 306  {
 307      text-decoration: underline;
 308  }
 309  
 310  #footer a
 311  {
 312      text-decoration: none;
 313      border: none;
 314      color: #000;
 315  }
 316  
 317  ol.tree
 318  {
 319      margin: 30px 0 0 0;
 320      padding: 0;
 321      color: #6887A4;
 322  }
 323  
 324  ol.tree li
 325  {
 326      display: inline;
 327      list-style-type: none;
 328      padding-right: 0.7em;
 329      padding-left: 0;
 330  }
 331  
 332  ol.tree li:before
 333  {
 334      content: ' \00bb  ';
 335  }
 336  
 337  #content img
 338  {
 339      border-width: 1px;
 340      border-color: #ccc;
 341      border-style: solid;
 342      padding: 5px;
 343      margin: 6px 10px 0 0;
 344      float: left;
 345      display: block;
 346  }
 347  
 348  p.modified
 349  { 
 350      color: #666;
 351      font-size: .8em;
 352      padding: 4px 0 0 13px;
 353      margin: -2em 1em -0.5em 0;
 354      background: url("img/p-modified.png") 0% 80% no-repeat;
 355  }
 356  
 357  #content .modified a
 358  {
 359      text-decoration: none;
 360  }
 361  
 362  p.modified a:hover
 363  {
 364      color: #1771A0;
 365      text-decoration: underline;
 366  }
 367  
 368  .resources-number, .comment-closed
 369  {
 370      color: #999;
 371      font-style: italic;
 372  }
 373  
 374  .resource
 375  {
 376      float: left;
 377  }
 378  
 379  .resource p
 380  { 
 381      margin-bottom: 20px;
 382  }
 383  
 384  #art-description {}
 385  
 386  #footer img, div.col-content img
 387  {
 388      border: none;
 389      vertical-align: bottom;
 390  }
 391  
 392  #footer p
 393  {
 394      color: #ccc;
 395      font-size: .8em;
 396  }
 397  
 398  #banner h1 a
 399  {
 400      margin: 0;
 401      font: 120% Verdana, Arial, Helvetica, sans-serif;
 402      color: #fff;
 403      font-weight: 100;
 404  }
 405  
 406  #art-title
 407  {
 408      margin: 10px 0 -10px 0;
 409      font-size: 2.2em;
 410      color: #000;
 411      font-variant: small-caps;
 412      font-weight: 100;
 413  }
 414  
 415  #art-pages-list h3
 416  {
 417      font-weight: bold;
 418  }
 419  
 420  div.col-content
 421  {
 422      padding: 1em 10px;
 423  }
 424  
 425  div.col-content h2, div.col-content h3
 426  {
 427      padding-bottom: 0;
 428      margin-bottom: 0.2em;
 429  }
 430  
 431  div.col-content li
 432  {
 433      list-style: none;
 434  }
 435  
 436  div.col-content ol li
 437  {
 438      list-style-type: decimal;
 439      margin-left: 1.2em;
 440  }
 441  
 442  div.col-content a
 443  {
 444      text-decoration: underline;
 445  }
 446  
 447  div.col-content ul, div.col-content ol
 448  {
 449      margin-top: 0;
 450      margin-left: 7px;
 451      padding-left: 0;
 452      margin-right: 10px;
 453      padding-right: 0;
 454  }
 455  
 456  ol li.current a
 457  {
 458      text-decoration: none;
 459      color: #000;
 460  }
 461  
 462  .feeds, .sitemap
 463  {
 464      font-size: .9em;
 465      padding-left: 18px;
 466      color: #ccc;
 467  }
 468  
 469  .feeds
 470  {
 471      background: transparent url("img/feeds.png") 4% 40% no-repeat;
 472  }
 473  
 474  .sitemap
 475  {
 476      background: transparent url("img/sitemap.png") 0% 40% no-repeat;
 477  }
 478  
 479  .score
 480  {
 481      font-size: 90%;
 482      color: #090;
 483      margin-top: -10px;
 484      text-align: right;
 485      border-top: 1px dotted #BEE5BE;
 486      padding: 2px 4px;
 487      background-color: #ECF7EC;
 488  }
 489  
 490  .err404
 491  {
 492      padding: 20px 0 0 60px;
 493      background: transparent url("img/err404.gif") 0% 80% no-repeat;
 494      font-weight: 100;
 495      font-size: 2.5em;
 496  }
 497  
 498  img.px-left 
 499  { 
 500      margin:3px 12px 10px 0;
 501      float: left;
 502      display:block;
 503  }
 504  
 505  img.px-center
 506  { 
 507      margin:8px auto 8px auto;
 508      display: block;
 509  }
 510  
 511  img.px-right
 512  { 
 513      margin:3px 0 10px 12px;
 514      float: right;
 515      display:block;
 516  }
 517  
 518  #menuright .feeds, #menuright .sitemap
 519  {
 520      text-decoration: none;
 521      margin: 0;
 522  }
 523  
 524  #menuright a.feeds:hover
 525  {
 526      color: #F7A802;
 527  }
 528  
 529  #menuright a.sitemap:hover
 530  {
 531      color: #8CAD36;
 532  }
 533  
 534  .recent-news
 535  {
 536      background-color: #EFF4FA;
 537      border: 1px solid #DBE1E5;
 538      padding: 2px 10px 10px 10px;
 539      margin: 4px 0 10px 0;
 540      color: #036;
 541      font-size: 90%;
 542      font-style: italic;
 543      text-decoration: none;
 544  }
 545  
 546  .recent-news h3
 547  {
 548      margin: 0;
 549      padding-top:6px;
 550      font-size: 120%;
 551  }
 552  
 553  .recent-news h2
 554  {
 555      margin: 0;
 556      font-size: 120%;
 557  }
 558  
 559  .recent-news .recent-news-date
 560  {
 561      color: #91A8C0;
 562      text-align: right;
 563  }
 564  
 565  .recent-news p
 566  {
 567      margin-top: 0;
 568  }
 569  
 570  ul.extra
 571  {
 572      margin: 0;
 573      padding: 0;
 574  }
 575  
 576  ul.extra li
 577  {
 578      display: inline;
 579      list-style-type: none;
 580      padding-right: 1em;
 581      padding-left: 0;
 582  }
 583  
 584  .associated-link
 585  {
 586      text-align: right;
 587  }
 588  
 589  input, textarea 
 590  {
 591      border-width: 1px;
 592      border-color: #ccc;
 593  }
 594  
 595  input[type], textarea[name]
 596  {
 597      background: #fff;
 598  }
 599  
 600  input[type=submit], input[type=reset] 
 601  {
 602      background: #bbb;
 603      color: #000;
 604  }
 605  
 606  input[type=submit]:hover 
 607  {
 608      background: #999;
 609      color: #ccc;
 610  }
 611  
 612  /* ====================================================================
 613  COMMENTS
 614  -------------------------------------------------------------------- */
 615  
 616  div.px-comment
 617  { 
 618      background-color: #FFFFF1;
 619      padding: 0 14px 0 16px;
 620      border: 1px solid #FFF2CB;
 621      margin-bottom: 6px;
 622      color: #666;
 623      font-style: italic;
 624  }
 625  
 626  div.px-comment a
 627  { 
 628      color: #666;
 629  }
 630  
 631  div.px-comment a:hover
 632  { 
 633      color: #000;
 634  }
 635  
 636  .px-comment-info
 637  { 
 638      font-weight: bold;
 639      padding-left:20px;
 640      background: url("img/comment-icon.png") 0% 70% no-repeat;
 641  }
 642  
 643  .px-comment .px-comment-info-website
 644  {
 645      color: #ccc;
 646  }
 647  
 648  form.px-comment
 649  {
 650      padding: 10px 16px 10px 16px;
 651      margin-bottom: 20px;
 652      background-color: #FFF3F8;
 653      border: 1px solid #FFE3EE;
 654      font: .8em Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
 655  }
 656  
 657  form.px-comment p
 658  {
 659      margin: 0;
 660  }
 661  
 662  form.px-comment textarea
 663  {
 664      width:100%;
 665  }
 666  
 667  form.px-comment textarea, form.px-comment input
 668  {
 669      background-color: #fff;
 670  }
 671  
 672  .input-submit
 673  {
 674      text-align: right;
 675      padding-top: 8px;
 676  }
 677  
 678  form.px-comment label
 679  {
 680      float: left;
 681      display: block;
 682      width: 100px; 
 683      font-size: 110%;
 684  }
 685  
 686  .px-comment-add
 687  {
 688      padding-bottom: 4px;
 689      border-bottom: 1px solid #E6E6E6;
 690      font-variant: small-caps;
 691      font-size: 120%;
 692  }
 693  
 694  form.px-comment submit
 695  {
 696      margin:0;
 697      text-align: right;
 698  }
 699  
 700  .px-comment-error
 701  {
 702      border: 1px dotted #FF8080;
 703      padding-bottom: 10px;
 704      width: 80%;
 705  }
 706  
 707  .px-comment-error ul
 708  {
 709      padding-top: 6px;
 710  }
 711  
 712  .px-comment-error li
 713  {
 714      color: red;
 715      list-style-type: none;
 716      background: url("img/errmsg.gif") 0% 50% no-repeat;
 717      padding-left: 20px;
 718  }
 719  
 720  .px-comment-preview
 721  {
 722      padding: 0 20px 10px 40px;
 723      font-style: italic;
 724      color: #999;
 725      background: url("img/comment-preview.png") 0% 0% no-repeat;
 726  }
 727  
 728  .px-comment-validation
 729  {
 730      padding-left: 16px;
 731      font-style: italic; 
 732      color: #999;
 733      background: url("img/comment-validation.gif") 0% 50% no-repeat;
 734  }
 735  
 736  span.px-comment-required-email
 737  {
 738      font-size: 90%;
 739      font-style: italic;
 740      color: #666;
 741  }
 742  
 743  /* ====================================================================
 744  GALLERY
 745  -------------------------------------------------------------------- */
 746  
 747  div.gallery {}
 748  div.gallery-top {}
 749  
 750  div.gallery-bottom 
 751  { 
 752      clear: left;
 753  }
 754  
 755  div.gallery-thumb a 
 756  {    
 757      float: left;
 758      display: block;
 759  }
 760  
 761  #content img.gallery-thumb 
 762  {    
 763      margin: 0 0 10px 0;
 764  }
 765  
 766  div.gallery-img 
 767  { 
 768      float: left;
 769      width: 200px;
 770      padding: 0 0 0 10px; 
 771      margin: 0 10px 10px 0;
 772  }
 773  
 774  p.gallery-legend
 775  { 
 776      text-align: center;
 777      line-height: 100%;
 778      font-style: italic;
 779      color: #A5A569;
 780  }
 781  
 782  /* ====================================================================
 783  SITEMAP
 784  -------------------------------------------------------------------- */
 785  
 786  #sitemap
 787  {
 788      padding: 0 20px;
 789      margin-bottom: 20px; 
 790  }
 791  
 792  #sitemap h1
 793  {
 794      padding: 20px 0 0 0;
 795      font-weight: 200;
 796      color: #0E5A8A;
 797  }
 798  
 799  #sitemap h3
 800  {
 801      font-size: 120%;
 802      border-bottom: 1px solid #EDEDED;
 803      background-color: #F9F9F9;
 804      padding: 0px 4px;
 805  }
 806  
 807  #sitemap h3 a, #sitemap li.subcatlism a
 808  {
 809      color: #f06;
 810  }
 811  
 812  #sitemap li
 813  {
 814      font-size: .9em;
 815      color: #6887A4;
 816  }
 817  
 818  #sitemap li.nodeco
 819  {
 820      list-style-type: none;
 821  }
 822  
 823  #sitemap li.nodeco a
 824  {
 825      color: #98C6E6;
 826  }
 827  
 828  #sitemap li.nodeco li
 829  {
 830      list-style-type: circle;
 831      color: #98C6E6;
 832  }
 833  
 834  #sitemap li.subcatlism
 835  {
 836      list-style-type: circle;
 837      color: #f06;
 838  }
 839  
 840  #sitemap li.subcatlism p
 841  {
 842      padding: 10px 0 0 0;
 843  }
 844  
 845  #sitemap p
 846  {
 847      color: #666;
 848      font-size: 90%;
 849      font-style: italic;
 850      margin-top: -10px;
 851  }