[Sommaire] [Imprimer]

   1  /* Designed by François PLANQUE http://fplanque.net/ */

   2  
   3  @import url(basic.css);    /* Import basic styles */
   4  @import url(forms.css);    /* Import default form styles */
   5  @import url(comments.css);    /* Import default comment styles */
   6  @import url(img.css);    /* Import standard image styles */
   7  @import url(blog_elements.css);    /* Import standard blog elements styles */
   8  
   9  div.main {
  10      margin-right: 0px;
  11      margin-left: 0px;
  12  }
  13  
  14  /* Styles for main area (left) */

  15  h2 {
  16      margin-left: 8px;
  17  }
  18  
  19  /* Styles for posts */

  20  .bPosts {
  21      vertical-align: top;
  22      float: left;
  23      width: 66%;
  24      overflow: hidden;
  25  }
  26  .bPost, .bPostpublished
  27  {
  28      clear: both;
  29      margin-right: 10px;
  30      margin-left: 20px;
  31      margin-top: 8px;
  32      margin-bottom: 8px;
  33      border: 1px dashed #000000;
  34      padding-right: 8px;
  35      padding-left: 8px;
  36  }
  37  .bPostSide
  38  {
  39      margin-bottom: 8px;
  40  }
  41  .bSmallHead {
  42      font-size: 80%;
  43      margin-top: 8px;
  44      margin-bottom: 8px;
  45      color: #339999;
  46  }
  47  .bTitle {
  48      margin-top: 8px;
  49      margin-bottom: 8px;
  50  }
  51  .bText {
  52      margin-top: 0px;
  53      margin-bottom: 0px;
  54  }
  55  
  56  .bSmallPrint
  57  {
  58      clear: both;
  59      font-size: 80%;
  60      margin-top: 8px;
  61      margin-bottom: 8px;
  62  }
  63  
  64  /* Styles for comments */

  65  div.bComment {
  66      border-color: #33CCCC; /* override */
  67  }
  68  
  69  /* Styles for comment form */

  70  input.bComment, 
  71  textarea.bComment
  72  {
  73      background-color: #f0f0f0;
  74      border-width: 1px;
  75      border-color: #cccccc;
  76      border-style: solid;
  77      padding: .5ex;
  78      width: 98%;
  79      margin: 0ex;
  80  }
  81  select.bComment
  82  {
  83      background-color: #f0f0f0;
  84      border-width: 1px;
  85      border-color: #cccccc;
  86      border-style: solid;
  87      padding: .5ex;
  88      width: 100%;
  89      margin: 0ex;
  90  }
  91  
  92  
  93  /* Styles for stats */

  94  div.statbloc
  95  {
  96      float: left;
  97      width: 44%;
  98      margin-left: 2%; 
  99      margin-right: 0%; 
 100      margin-bottom: 2ex;
 101      border: 1px solid #33BBBB;
 102  }
 103  div.statbloc h3
 104  {
 105      margin-top: 0px;
 106      margin-left: 0px;
 107      margin-right: 0px;
 108      color: #FFFFFF;
 109      text-align: center;
 110      background: #33BBBB;
 111      padding: 1ex;
 112  }
 113  
 114  
 115  /* Styles for sidebar (right) */

 116  .bSideBar {
 117      width: 33%;
 118      vertical-align: top;
 119      float: right;
 120      overflow: hidden;
 121  }
 122  .bSideItem {
 123      margin-right: 20px;
 124      margin-left: 10px;
 125      margin-top: 8px;
 126      margin-bottom: 8px;
 127      border: 1px dashed #CCCCCC;
 128      padding: 8px;
 129  }
 130  .bSideItem h3 {
 131      margin-top: 0px;
 132      margin-bottom: 8px;
 133  }
 134  .bSideItem ul {
 135      margin-left: 8px;
 136      padding-left: 8px;
 137      margin-top: 8px;
 138      margin-bottom: 8px;
 139  }
 140  .bSideItem ul ul{
 141      margin-left: 8px;
 142      padding-left: 8px;
 143      margin-top: 0px;
 144      margin-bottom: 0px;
 145  }
 146  .bSideItem form {
 147      margin-top: 0px;
 148      margin-bottom: 0px;
 149  }
 150  .dimmed
 151  {
 152      color: #aaa;
 153      font-size: 84%;
 154  }
 155  input.SearchField
 156  {
 157      background-color: #f0f0f0;
 158      border-width: 1px;
 159      border-color: #cccccc;
 160      border-style: solid;
 161      padding: .5ex;
 162      width: 96%;
 163      margin: 0ex;
 164  }
 165  
 166  /* Styles for Calendar: */

 167  table.bCalendarTable caption
 168  {
 169      border-left: solid 1px #ccc;
 170      border-right: solid 1px #ccc;
 171      border-top: solid 1px #ccc;
 172      margin: auto;
 173      white-space: nowrap;
 174  }
 175  table.bCalendarTable
 176  {
 177      margin: auto;
 178      font-size: 84%;
 179      border: solid 1px #ccc;
 180  }
 181  tr.bCalendarRow
 182  {
 183      text-align: center;
 184  }
 185  th.bCalendarHeaderCell
 186  {
 187      font-size: 84%;
 188  }
 189  td.bCalendarCell
 190  {
 191  }
 192  td.bCalendarEmptyCell
 193  {
 194  }
 195  .bCalendarLinkPost
 196  {
 197      font-weight: bold;
 198  }
 199  #bCalendarToday

 200  {
 201      background-color: #DEF;
 202  }
 203  
 204  
 205  
 206  body {
 207      font-family: Arial, Helvetica, sans-serif;
 208      background-color: #fff;
 209      margin: 8px;
 210      color: #000;
 211  /*    font-size: 84%;     poussé vers l'extérieur pour éviter des combinaisons en trop grand nombre */

 212  }
 213  div.main {
 214      margin: 8px;
 215      font-size: 84%;
 216  }
 217  caption {
 218      font-weight: bold;
 219  }
 220  
 221  A             {
 222  }
 223  A:link        {
 224      color: #0066CC;
 225  }
 226  A:visited    {
 227      color: #009999;
 228  }
 229  A:active    {
 230      color: #003399;
 231  }
 232  A:hover        {
 233      color: #003399;
 234  }
 235  h1 {
 236      color: #009999;
 237      font-size: 225%;
 238  }
 239  h2 {
 240      color: #009999;
 241      font-size: 180%;
 242  }
 243  h3 {
 244      font-size: 120%;
 245  }
 246  h4 {
 247      font-size: 110%;
 248      margin-bottom: 0ex;
 249  }
 250  table.wide {
 251      width: 100%;
 252      clear: both;
 253  }
 254  td.cartouche {
 255      font-size: 84%;
 256      color: #009999;
 257      background-color: #FFFFFF;
 258      padding: 1px 4px;
 259      border: 1px solid #33CCCC;
 260  }
 261  table.thin
 262  {
 263      border: 1px solid #33CCCC;
 264      margin: auto;
 265      border-collapse: collapse
 266  }
 267  table.thin td
 268  {
 269      border-bottom: 1px solid #33CCCC;
 270      padding: .3ex 1ex;
 271  }
 272  table.thin th
 273  {
 274      color: #FFFFFF;
 275      background-color: #33CCCC;
 276      border-left: 1px solid #FFFFFF;
 277      border-right: 1px solid #FFFFFF;
 278      padding: .3ex 1ex;
 279  }
 280  
 281  table.invisible
 282  {
 283      margin: 1ex;
 284      border-collapse: collapse
 285  }
 286  table.invisible td
 287  {
 288      padding: 0ex 1ex;
 289  }
 290  td.right
 291  {
 292      text-align: right;
 293  }
 294  p.baseline {
 295      font-size: 65%;
 296      color: #009999;
 297      text-align: center;
 298      margin-top: 8px;
 299  }
 300  hr {
 301      height: 0px;
 302      width: 50%;
 303      border-top: 1px solid #33CCCC;
 304      border-right: 1px none #33CCCC;
 305      border-bottom: 1px none #33CCCC;
 306      border-left: 1px none #33CCCC;
 307  
 308  }
 309  dt {
 310      font-weight: bold;
 311      color: #009999;
 312  }
 313  blockquote {
 314      border: 2px dotted #33CCCC;
 315      background-color: #DDEEEE;
 316  }
 317  
 318  del {
 319      color: #999999;
 320  }
 321  ins {
 322      color: #009999;
 323      text-decoration: none;
 324  }
 325  
 326  
 327  
 328  body {
 329      padding: 0px;
 330      margin-top: 0px;
 331      margin-right: 0px;
 332      margin-left: 0px;
 333  }
 334  div.pageHeader {
 335      background-color: #33CCCC;
 336      width: 100%;
 337  }
 338  div.pageHeaderContent {
 339      padding-left: 5px;
 340      padding-top: 2px;
 341      padding-right: 0px;
 342      padding-bottom: 0px;
 343      font-weight: bold;
 344      font-size: 84%;
 345      width: 90ex;
 346      text-align: left;
 347      margin-right: auto;
 348      margin-left: auto;
 349      /* border: 1px solid #990000; */

 350  
 351  }
 352  div.pageTitle {
 353      white-space: nowrap;
 354      padding-left: 2.5ex;
 355      padding-top: 8px;
 356      padding-right: 0px;
 357      padding-bottom: 8px;
 358      background-color: #33CCCC;
 359      border: 1px solid #FFFFFF;
 360      margin-top: 3px;
 361      float: left;
 362      width: 100%;
 363  }
 364  h1#pageTitle {
 365      color: #FFFFFF;
 366      font-size: 270%;
 367      font-weight: bold;
 368      padding: 0px;
 369      margin: 0px;
 370  }
 371  
 372  div.NavBar {
 373      clear: both;
 374      height: 1ex;
 375  }
 376  .pageHeaderEnd {
 377      clear: both;
 378      margin-top: 0px;
 379      margin-bottom: 0px;
 380      padding: 0px;
 381      height: 5px;
 382      font-size: 0ex;
 383  }
 384  a.NavButton {
 385      text-decoration: none;
 386      background-color: #33AAAA;
 387      border: 1px solid #FFFFFF;
 388      padding-top: 2px;
 389      padding-right: 4px;
 390      padding-bottom: 2px;
 391      padding-left: 4px;
 392      white-space: nowrap;
 393      margin-right: 3px;
 394      margin-top: 3px;
 395      display: block;
 396      width: 14ex;
 397      float: left;
 398  }
 399  a.NavButtonCurr {
 400      text-decoration: none;
 401      background-color: #33CCCC;
 402      border: 1px solid #FFFFFF;
 403      text-align: left;
 404      vertical-align: top;
 405      padding-top: 2px;
 406      padding-right: 4px;
 407      padding-bottom: 2px;
 408      padding-left: 4px;
 409      white-space: nowrap;
 410      margin-top: 3px;
 411      margin-right: 3px;
 412      display: block;
 413      width: 14ex;
 414      float: left;
 415  }
 416  a.NavButton2 {
 417      text-decoration: none;
 418      background-color: #33BBBB;
 419      border: 1px solid #FFFFFF;
 420      vertical-align: middle;
 421      padding-top: 2px;
 422      padding-right: 4px;
 423      padding-bottom: 2px;
 424      padding-left: 4px;
 425      white-space: nowrap;
 426      margin-top: 3px;
 427      margin-right: 3px;
 428      display: block;
 429      width: 14ex;
 430      float: left;
 431  }
 432  a.NavButton2Curr {
 433      text-decoration: none;
 434      background-color: #33CCCC;
 435      border: 1px solid #FFFFFF;
 436      vertical-align: middle;
 437      padding-top: 2px;
 438      padding-right: 4px;
 439      padding-bottom: 2px;
 440      padding-left: 4px;
 441      white-space: nowrap;
 442      margin-top: 3px;
 443      margin-right: 3px;
 444      display: block;
 445      width: 14ex;
 446      float: left;
 447  }
 448  
 449  A.NavButton:link        {
 450      color: #FFFFFF;
 451  }
 452  A.NavButton:visited    {
 453      color: #FFFFFF;
 454  }
 455  A.NavButton:active    {
 456      color: #FFFFFF;
 457  }
 458  A.NavButton:hover        {
 459      color: #FFFFFF;
 460      background-color: #33CCCC;
 461      /* text-decoration: underline; */

 462  }
 463  A.NavButtonCurr:link        {
 464      color: #FFFFFF;
 465  }
 466  A.NavButtonCurr:visited    {
 467      color: #FFFFFF;
 468  }
 469  A.NavButtonCurr:active    {
 470      color: #FFFFFF;
 471  }
 472  A.NavButtonCurr:hover        {
 473      color: #338888;
 474      /* text-decoration: underline; */

 475  }
 476  A.NavButton2:link        {
 477      color: #FFFFFF;
 478  }
 479  A.NavButton2:visited    {
 480      color: #FFFFFF;
 481  }
 482  A.NavButton2:active    {
 483      color: #FFFFFF;
 484  }
 485  A.NavButton2:hover        {
 486      color: #FFFFFF;
 487      background-color: #33CCCC;
 488      /* text-decoration: underline; */

 489  }
 490  A.NavButton2Curr:link        {
 491      color: #FFFFFF;
 492  }
 493  A.NavButton2Curr:visited    {
 494      color: #FFFFFF;
 495  }
 496  A.NavButton2Curr:active    {
 497      color: #FFFFFF;
 498  }
 499  A.NavButton2Curr:hover        {
 500      color: #33AAAA;
 501      /* text-decoration: underline; */

 502  }
 503  .pageSubTitle {
 504      font-size: 109%;
 505      color: #009999;
 506      letter-spacing: 4px;
 507      text-align: center;
 508      vertical-align: middle;
 509      border: 0px;
 510      padding-right: 6px;
 511      padding-top: 6px;
 512      padding-bottom: 4px;
 513      padding-left: 6px;
 514  }