[Sommaire] [Imprimer]

   1  html {
   2      margin: 0;
   3      padding: 0;
   4  }
   5  
   6  body {
   7      margin: 0;
   8      padding: 0;
   9      font-family: verdana, 'trebuchet ms', sans-serif;
  10      font-size: 10pt;
  11      color: #333;
  12      background-color: gray;
  13      min-width:750px;
  14  }
  15  
  16  form {
  17      margin: 0;
  18      padding: 0;
  19  }
  20  
  21  a {
  22      color: #008F00;
  23  }
  24  
  25  a:hover {
  26      color: red;
  27  }
  28  
  29  a img {
  30      border: 0px none;
  31  }
  32  
  33  div {
  34      overflow: hidden;
  35      word-wrap: break-word;
  36  }
  37  
  38  #page {
  39      background-color:#fff;
  40      margin:0 auto;
  41      width:800px;
  42  }
  43  
  44  #header {
  45      background-color: #008F00;
  46      border-bottom: 1px solid silver;
  47  }
  48  
  49  #header h1 {
  50      padding:5px;
  51      padding-left: 20px;
  52      margin:0;
  53      font-size: 16pt;
  54  }
  55  
  56  #header h2 {
  57      padding:5px;
  58      padding-left: 20px;
  59      margin:0;
  60         color: #EEE;
  61      font-size: 11pt;
  62  }
  63  
  64  #header a {
  65      color: #EEE;
  66      text-decoration: none;
  67  }
  68  
  69  #main {
  70      background-color:#fff;
  71      float:left;
  72      width:560px;
  73      padding: 20px;
  74  }
  75  
  76  #main h2 {
  77      border-bottom: 1px solid silver;
  78  }
  79  
  80  #sidebar {
  81      background-color:#E6FFE6;
  82      float:right;
  83      width:200px;
  84  }
  85  
  86  #sidebar ul {
  87      margin-bottom:0;
  88  }
  89  
  90  #sidebar h3, #sidebar p {
  91      padding:0 10px 0 0;
  92  }
  93  
  94  #footer {
  95      background-color:#fff;
  96      clear:both;
  97      color: gray;
  98      font-size:8pt;
  99      text-align:center;
 100      padding-top:25px;
 101      padding-bottom:10px;
 102  }
 103  
 104  .portlet {
 105      margin: 10px;
 106      border-bottom: 1px solid silver;
 107      border-right: 1px solid silver;
 108      background-color: #B6F2B6;
 109  }
 110  
 111  .portlet-title {
 112      /* ie win (5, 5.5, 6) bugfix */
 113      p\osition: relative;
 114      width: 100%;
 115      w\idth: auto;
 116  
 117      margin: 0;
 118      border-left: 5px solid #BFA260;
 119      padding: 5px;
 120      color: #fff;
 121      background-color: #008F00;
 122      font-size: 8pt;
 123      font-weight: bold;
 124      line-height: 1;
 125      text-transform: uppercase;
 126  }
 127  
 128  .portlet-title a {
 129      color: #008F00;
 130      text-decoration: none;
 131      text-transform: none;
 132  }
 133  
 134  .portlet-title a:hover {
 135      color: red;
 136  }
 137  
 138  .portlet-content {
 139      margin: 0 0 10px 0;
 140      padding: 10px 0 0 10px;
 141      font-size: 10px;
 142  }
 143  
 144  .portlet-content ul {
 145      margin: 0 15px 10px 15px;
 146      padding: 0;
 147      list-style: square;
 148  }
 149  
 150  .portlet-content li {
 151      color: #666;
 152      margin-top: 3px;
 153  }
 154  
 155  .portlet-content a {
 156      text-decoration: none;
 157  }
 158  
 159  .portlet-content a:hover {
 160      color: red;
 161  }
 162  
 163  .post {
 164      margin-bottom: 15px;
 165  }
 166  
 167  .post-title {
 168      font-size: 14pt;
 169      border-bottom: 1px silver solid;
 170  }
 171  
 172  .post-time {
 173      font-size: 8pt;
 174      color: gray;
 175  }
 176  
 177  .post-content {
 178      margin-top: 10px;
 179      margin-bottom: 10px;
 180  }
 181  
 182  .post-footer {
 183      text-align: right;
 184      font-size: 8pt;
 185  }
 186  
 187  .post-footer a {
 188      color: #008F00;
 189  }
 190  
 191  .comments {
 192      border-top: 1px silver solid;
 193  }
 194  
 195  .comments h3 {
 196      font-size: 12pt;
 197  }
 198  
 199  .comment {
 200      margin-bottom: 10px;
 201  }
 202  
 203  .comment-header {
 204      background-color: #E6FFE6;
 205      padding: 3px;
 206      font-size: 8pt;
 207  }
 208  
 209  .grid {
 210      width: 100%;
 211  }
 212  
 213  .grid td {
 214      padding: 3px;
 215  }
 216  
 217  .grid-header {
 218      color: #fff;
 219      background-color: #008F00;
 220  }
 221  
 222  .grid-row1 {
 223      background-color: #B6F2B6;
 224  }
 225  
 226  .grid-row2 {
 227      background-color: #E6FFE6;
 228  }
 229  
 230  .grid-row-selected {
 231      background-color: lightyellow;
 232  }
 233  
 234  .grid-pager {
 235      text-align: right;
 236      color: silver;
 237  }
 238  
 239  .grid-pager a {
 240      color: green;
 241      text-decoration: none;
 242  }
 243  
 244  .submenu {
 245      margin-bottom: 10px;
 246      border-bottom: 5px solid #008F00;
 247      padding-right: 10px;
 248      text-align: right;
 249  }
 250  
 251  .submenu ul {
 252      margin:0;
 253      padding:0;
 254      list-style:none;
 255  }
 256  
 257  .submenu li {
 258      display:inline;
 259      margin:0;
 260      padding:0;
 261  }
 262  
 263  .submenu-active {
 264      text-decoration: none;
 265      color: white;
 266      background-color: #008F00;
 267      padding: 3px 5px 0 5px;
 268  }
 269  
 270  .submenu-inactive {
 271      text-decoration: none;
 272      background-color: #B6F2B6;
 273      padding: 3px 5px 0 5px;
 274  }
 275  
 276  .input-label {
 277  }
 278  
 279  .input-error1, .input-error2, .input-error3 {
 280      border: 1px solid red;
 281      background-color: lightyellow;
 282  }
 283  
 284  .link-button {
 285  }
 286  
 287  .link-button:link, .link-button:visited {
 288      color:#284E98;
 289      padding: 3px;
 290      background-color:#B6F2B6;
 291      text-decoration: none;
 292      margin-right: 2px;
 293      border-right:1px solid gray;
 294      border-bottom:1px solid gray;
 295  }
 296  
 297  .link-button:link.active, .link-button:visited.active, .link-button:hover {
 298      color:red;
 299      background-color:#E6FFE6;
 300  }
 301  
 302  .profile-table {
 303      width: 100%;
 304      background-color: #aaa;
 305      border-collapse: collapse;
 306  }
 307  
 308  .profile-table td {
 309      padding: 5px;
 310      border: 1px solid #BFA260;
 311  }
 312  
 313  .profile-table-label {
 314      background-color: #008F00;
 315      color: white;
 316      font-weight: bold;
 317  }
 318  
 319  .profile-table-value {
 320      background-color: #B6F2B6;
 321  }
 322  
 323  .category {
 324      padding: 5px;
 325      margin-bottom: 10px;
 326      border-bottom: 1px solid silver;
 327      border-right: 1px solid silver;
 328      background-color: #B6F2B6;
 329  }
 330  
 331  .category-name {
 332      font-weight: bold;
 333  }
 334  
 335  .category-name a {
 336      color: #008F00;
 337      text-decoration: none;
 338      text-transform: none;
 339  }
 340  
 341  .category-description {
 342      font-style: italic;
 343  }
 344  
 345  .postlist-pager {
 346      text-align: right;
 347      margin-top: 30px;
 348      border-top: 1px solid silver;
 349  }
 350  
 351  .postlist-pager a {
 352      text-decoration: none;
 353  }
 354  
 355  .search-title {
 356      padding: 5px;
 357      margin-bottom: 10px;
 358      border-bottom: 1px solid silver;
 359      border-right: 1px solid silver;
 360      background-color: #B6F2B6;
 361  }