[Sommaire] [Imprimer]

   1  body {
   2      color:#333;
   3      background-color:white;
   4      margin: 20px;
   5      padding: 0px;
   6      font-family: verdana, arial, helvetica, sans-serif;
   7      font-size: small;
   8  }
   9  
  10  h1, h2, h3, p {
  11      margin: 5px 0px 5px 0px;
  12      padding: 0px;
  13  }
  14  
  15  h1 {
  16      font-size: x-large;
  17      font-weight: bold;
  18      color: #999;
  19  }
  20  
  21  h2 {
  22      font-size: medium;
  23      font-weight: bold;
  24  }
  25  
  26  h3 {
  27      font-size: small;
  28      font-weight: bold;
  29  }
  30  
  31  p {
  32      font-size: small;
  33  }
  34  
  35  input, select, textarea {
  36      font-size: small;
  37      font-family: verdana, arial, helvetica, sans-serif;
  38  }
  39  
  40  .Content>p {margin:0px;}
  41  .Content>p+p {text-indent:30px;}
  42  
  43  a {
  44      color: #09c;
  45      font-weight: bold;
  46      text-decoration: none;
  47  }
  48  
  49  a:link {color:#09c;}
  50  a:visited {color:#07a;}
  51  a:hover {background-color:#ddd;}
  52  
  53  /* All the content boxes belong to the content class. */
  54  .content {
  55      position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  56      width:auto;
  57      min-width:120px;
  58      margin:0px 210px 20px 170px;
  59      border:1px solid black;
  60      background-color:white;
  61      padding:10px;
  62      z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
  63  }
  64  
  65  .pagetitle {
  66      position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  67      width:auto;
  68      min-width:120px;
  69      margin:0px 210px 20px 170px;
  70      border:1px solid black;
  71      background-color:#999;
  72      color: white;
  73      font-size: large;
  74      font-weight: bold;
  75      text-align: center;
  76      padding:10px;
  77      z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
  78  }
  79  
  80  .pagefooter {
  81      position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  82      width:auto;
  83      min-width:120px;
  84      margin:0px 210px 20px 170px;
  85      border:1px dashed #999;
  86      background-color:white;
  87      color: black;
  88      font-size: small;
  89      font-weight: normal;
  90      text-align: center;
  91      padding:5px;
  92      z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
  93  }
  94  
  95  #navAlpha {
  96      position:absolute;
  97      width:150px;
  98      top:20px;
  99      left:20px;
 100      border:1px dashed black;
 101      background-color:#eee;
 102      padding:10px;
 103      z-index:2;
 104  
 105  /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
 106  Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
 107  IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
 108  declaration. The incorrect IE5/Win value is above, while the correct value is
 109  below. See http://glish.com/css/hacks.asp for details. */
 110      voice-family: "\"}\"";
 111      voice-family:inherit;
 112      width:128px;
 113      }
 114  /* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
 115  length values to user agents that exhibit the parsing error exploited above yet get
 116  the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
 117  a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
 118  body>#navAlpha {width:128px;}
 119          
 120  #navBeta {
 121      position:absolute;
 122      width:190px;
 123      top:20px;
 124      right:20px;
 125      border:1px dashed black;
 126      background-color:#eee;
 127      padding:10px;
 128      z-index:1;
 129  /* Again, the ugly brilliant hack. */
 130      voice-family: "\"}\"";
 131      voice-family:inherit;
 132      width:168px;
 133      }
 134  /* Again, "be nice to Opera 5". */
 135  body>#navBeta {width:168px;}
 136  
 137  .error
 138  {
 139      color: #cc0000;
 140      font-weight: bold;
 141  }
 142  
 143  .noerror
 144  {
 145      color: #00cc00;
 146      font-weight: bold;
 147  }
 148  
 149  table.form
 150  {
 151      padding: 0px;
 152  }
 153  
 154  table.form td
 155  {
 156      vertical-align: top;
 157      text-align: center;
 158      padding: 3px;
 159  }
 160  
 161  table.form td.title
 162  {
 163      font-weight: bold;
 164      color: #666;
 165      background-color: #ccc;
 166  }
 167  
 168  table.form td.subtitle
 169  {
 170      font-weight: bold;
 171      color: #999;
 172      background-color: #eee;
 173  }
 174  
 175  table.form td.label
 176  {
 177      text-align: right;
 178      font-weight: bold;
 179  }
 180  
 181  table.form td.field
 182  {
 183      text-align: left;
 184  }
 185  
 186  div.list
 187  {
 188      border: 1px dashed #ccc;
 189      padding: 5px;
 190      margin: 5px 0px 5px 0px;
 191      background-color: #eee;
 192  }
 193  
 194  .help
 195  {
 196      cursor: help;
 197      border-bottom: 1px dashed #07a;
 198  }
 199  
 200  table.list
 201  {
 202      padding: 0px;
 203  }
 204  
 205  table.list td
 206  {
 207      vertical-align: top;
 208      text-align: left;
 209      padding: 3px;
 210  }
 211  
 212  table.list tr.title
 213  {
 214      font-weight: bold;
 215      color: #666;
 216      background-color: #ccc;
 217  }
 218  
 219  table.list tr.odd
 220  {
 221      background-color: #eee;
 222  }
 223  
 224  table.list tr.even
 225  {
 226      background-color: #ddd;
 227  }
 228  
 229  a img
 230  {
 231      border: 0px;
 232  }
 233  
 234  .tips
 235  {
 236      font-size: x-small;
 237      color: #999;
 238  }