[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  #navAlpha {
  81      position:absolute;
  82      width:150px;
  83      top:20px;
  84      left:20px;
  85      border:1px dashed black;
  86      background-color:#eee;
  87      padding:10px;
  88      z-index:2;
  89  
  90  /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
  91  Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
  92  IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
  93  declaration. The incorrect IE5/Win value is above, while the correct value is
  94  below. See http://glish.com/css/hacks.asp for details. */
  95      voice-family: "\"}\"";
  96      voice-family:inherit;
  97      width:128px;
  98      }
  99  /* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
 100  length values to user agents that exhibit the parsing error exploited above yet get
 101  the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
 102  a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
 103  body>#navAlpha {width:128px;}
 104          
 105  #navBeta {
 106      position:absolute;
 107      width:190px;
 108      top:20px;
 109      right:20px;
 110      border:1px dashed black;
 111      background-color:#eee;
 112      padding:10px;
 113      z-index:1;
 114  /* Again, the ugly brilliant hack. */
 115      voice-family: "\"}\"";
 116      voice-family:inherit;
 117      width:168px;
 118      }
 119  /* Again, "be nice to Opera 5". */
 120  body>#navBeta {width:168px;}
 121  
 122  .error
 123  {
 124      color: #cc0000;
 125      font-weight: bold;
 126  }
 127  
 128  table.form
 129  {
 130      padding: 0px;
 131  }
 132  
 133  table.form td
 134  {
 135      vertical-align: top;
 136      text-align: center;
 137      padding: 3px;
 138  }
 139  
 140  table.form td.title
 141  {
 142      font-weight: bold;
 143      color: #666;
 144      background-color: #ccc;
 145  }
 146  
 147  table.form td.subtitle
 148  {
 149      font-weight: bold;
 150      color: #999;
 151      background-color: #eee;
 152  }
 153  
 154  table.form td.label
 155  {
 156      text-align: right;
 157      font-weight: bold;
 158  }
 159  
 160  table.form td.field
 161  {
 162      text-align: left;
 163  }
 164  
 165  div.list
 166  {
 167      border: 1px dashed #ccc;
 168      padding: 5px;
 169      margin: 5px 0px 5px 0px;
 170      background-color: #eee;
 171  }
 172  
 173  .help
 174  {
 175      cursor: help;
 176      border-bottom: 1px dashed #07a;
 177  }
 178  
 179  table.list
 180  {
 181      padding: 0px;
 182  }
 183  
 184  table.list td
 185  {
 186      vertical-align: top;
 187      text-align: center;
 188      padding: 3px;
 189  }
 190  
 191  table.list td.title
 192  {
 193      font-weight: bold;
 194      color: #666;
 195      background-color: #ccc;
 196  }
 197  
 198  table.list tr.odd
 199  {
 200      background-color: #eee;
 201  }
 202  
 203  table.list tr.even
 204  {
 205      background-color: #ddd;
 206  }
 207