[Sommaire] [Imprimer]

   1  /* CORE CSS 20040217 */
   2  
   3  /* BODY */
   4  
   5  body
   6  {
   7      font-family: Arial, Helvetica, sans-serif; /* Base font family for most elements */
   8      font-size: 0.8em; /* Base size for all elements; other size definitions relates to this */
   9      background-color: #ffffff;
  10      margin: 0;
  11      padding: 1em;
  12  }
  13  
  14  /* HEADERS */
  15  
  16  h1, h2, h3, h4, h5, h6
  17  {
  18      font-weight: bold;
  19      margin: 1em 0 0.5em 0;
  20      padding: 0;
  21  }
  22  
  23  h1
  24  {
  25      font-size: 1.8em;
  26  }
  27  
  28  h2
  29  {
  30      font-size: 1.4em;
  31  }
  32  
  33  h3
  34  {
  35      font-size: 1.1em;
  36  }
  37  
  38  h4, h5, h6
  39  { 
  40      font-size: 1em;
  41  }
  42  
  43  /* PARAGRAPHS */
  44  
  45  p
  46  {
  47      margin: 0.5em 0 0.5em 0;
  48      line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
  49  }
  50  
  51  /* LINKS */
  52  
  53  a
  54  {
  55      color: #0000a0;
  56      text-decoration: underline;
  57  }
  58  
  59  a:hover
  60  {
  61      color: #0000ff;
  62      text-decoration: underline;
  63      cursor: pointer;
  64  }
  65  
  66  a img
  67  {
  68      border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
  69  }
  70  
  71  /* PRE TEXT */
  72  
  73  pre, code
  74  {
  75      font-family: "Courier New", Courier, monospace; /* Usually defaulted to monospaced font anyway, but browwsers may vary which one is used, so giving exact alternatives helps visual consistenct */
  76      font-size: 1em; /* Setting this exact size may also help visual consistency */
  77  }
  78  
  79  pre
  80  {
  81      background-color: #f8f8f8;
  82      border: 1px solid #e0e0e0;
  83      margin: 1em 0 1em 0;
  84      padding: 0.2em;
  85  }
  86  
  87  /* TABLES */
  88  
  89  table
  90  { 
  91      font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most others, but does no harm */
  92      margin: 0;
  93      padding: 0;
  94  }
  95  
  96  th, td
  97  {
  98      padding: 0;
  99  }
 100  
 101  table.list
 102  {
 103      width: 100%;
 104      margin: 1em 0 1em 0;
 105  }
 106  
 107  table.list th, table.list td
 108  {
 109      padding: 0.25em 0.5em 0.25em 0.5em;
 110      text-align: left;
 111      vertical-align: top;
 112  }
 113  
 114  table.list th
 115  {
 116      font-weight: bold;
 117      background-color: #f0f0f0;
 118  }
 119  
 120  table.list td
 121  {
 122      font-weight: normal;
 123  }
 124  
 125  tr.bglight
 126  {
 127      background-color: #fcfcfc;
 128  }
 129  
 130  tr.bgdark
 131  {
 132      background-color: #f8f8f8;
 133  }
 134  
 135  /* ORDERED AND UNORDERED LISTS */
 136  
 137  ul, ol
 138  {
 139      padding: 0;
 140      margin: 0.75em 0 1em 2.5em;
 141  }
 142  
 143  ul ul, ol ul
 144  {
 145      margin: 0.3em 0 0.5em 1.3em;
 146  }
 147  
 148  ul ol, ol ol
 149  {
 150      margin: 0.3em 0 0.5em 1.9em;
 151  }
 152  
 153  ul, ul ul
 154  {
 155      list-style-type: disc;
 156  }
 157  
 158  li
 159  {
 160      margin: 0 0 0.3em 0;
 161      padding: 0;
 162      line-height: 1.25em;
 163  }
 164  
 165  /* DEFINITION LISTS */
 166  
 167  dl
 168  {
 169      padding: 0em;
 170      margin: 0.25em 0 0.25em 0;
 171  }
 172  
 173  dt, dd
 174  {
 175      font-style: normal;
 176      margin: 0 0 0.25em 0;
 177  }
 178  
 179  dt
 180  {
 181      font-weight: bold;
 182  }
 183  
 184  dd
 185  {
 186      margin: 0 1em 0.5em 2.5em;
 187  }
 188  
 189  /* FORM ELEMENTS */
 190  
 191  form
 192  {
 193      padding: 0em;
 194      margin: 0em;
 195  }
 196  
 197  label
 198  {
 199      font-weight: bold;
 200      padding-right: 0.5em;
 201      display: block;
 202      white-space: nowrap;
 203  }
 204  
 205  textarea
 206  {
 207      font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
 208      font-size: 1em; /* Needs to be specified for IE */
 209  }
 210  
 211  input.box, textarea.box
 212  {
 213      width: 98%;
 214  }
 215  
 216  input.halfbox, textarea.halfbox
 217  {
 218      width: 47%;
 219  }
 220  
 221  optgroup
 222  {
 223      font-weight: bold;
 224      font-style: normal;
 225  }
 226  
 227  input.button
 228  {
 229      font-weight: normal;
 230      margin: 1em 1em 0 0;
 231  }
 232  
 233  input.button-default
 234  {
 235      font-weight: bold;
 236  }
 237  
 238  /* PAGE DIVIDERS */
 239  
 240  div.block /* Use this style around groups of objects which are connected in some way */
 241  {
 242      margin: 0.5em 0 0.5em 0;
 243      padding: 0;
 244      clear: both;
 245  }
 246  
 247  div.block div.element, div.buttonblock div.element /* Use this style if several objects are to be stacked horizontally within the same block */
 248  {
 249      padding-right: 1em;
 250      float: left;
 251  }
 252  
 253  div.block div.left
 254  {
 255      width: 48%;
 256      text-align: left;
 257      float: left;
 258      clear: left;
 259  }
 260  
 261  div.block div.right
 262  {
 263      width: 48%;
 264      text-align: right;
 265      float: right;
 266      clear: right;
 267  }
 268  
 269  div.break /* Used this style to terminate floating elements, to clear all floating attributes */
 270  {
 271      clear: both;
 272  }
 273  
 274  /* MESSAGES TO THE USER */
 275  
 276  div.message-feedback, div.message-warning, div.message-error
 277  {
 278      padding: 0.1em 0.5em 0.5em 0.5em;
 279  }
 280  
 281  div.message-feedback
 282  {
 283      background-color: #f0fff0;
 284  }
 285  
 286  div.message-warning
 287  {
 288      background-color: #ffffe0;
 289  }
 290  
 291  div.message-error
 292  {
 293      background-color: #fff0f0;
 294  }
 295  
 296  /* PAGE NAVIGATION */
 297  
 298  div.pagenavigator
 299  {
 300      text-align: center;    
 301  }
 302  
 303  div.pagenavigator span.previous
 304  {
 305      float: left;
 306  }
 307  
 308  div.pagenavigator span.next
 309  {
 310      float: right;
 311  }
 312  
 313  /* MISC STYLES */
 314  
 315  .small
 316  {
 317      font-size: 85%;
 318  }
 319  
 320  .hide
 321  {
 322      display: none;
 323  }
 324  
 325  
 326  div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
 327  {
 328      margin-top: 0.3em;
 329      margin-bottom: 0.1em;
 330      display: inline;
 331  }
 332  
 333  div.imagecenter, div.factboxcenter, div.centerobject
 334  {
 335      width: 100%;
 336      margin-top: 0.3em;
 337      margin-bottom: 0.1em;
 338      display: block;
 339  }
 340  
 341  div.imagecenter
 342  {
 343      text-align: center;
 344  }
 345  
 346  div.factboxcenter
 347  {
 348      text-align: left;
 349  }
 350  
 351  div.imageleft, div.factboxleft, div.leftobject
 352  {
 353      float: left;
 354      padding-right: 0.5em;
 355  }
 356  
 357  div.imageright, div.factboxright, div.rightobject
 358  {
 359      float: right;
 360      padding-right: 0.5em;
 361  }
 362  
 363  div.faxtboxleft, div.faxtboxright
 364  {
 365      background-color: #f0f0f0;
 366  }
 367  
 368  div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
 369  {
 370      padding-top: 0.2em;
 371      padding-bottom: 0.2em;
 372  }
 373  
 374  div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
 375  {
 376      background-color: #f0f0f0;
 377  }
 378  
 379  /* Misc */
 380  
 381  span.spamfilter
 382  {
 383       display: none;
 384  }