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