[Sommaire] [Imprimer]

   1  /* ******************  general  *************** */
   2  
   3  abbr, acronym {
   4    cursor: help;
   5    border: none;
   6  }
   7  
   8  html, #Bottom, #Title h1 { background:#004ca1; } 
   9  
  10  body {
  11      margin:0; 
  12      padding:0;
  13      font:small lucida sans unicode, arial, times new roman, sans-serif;
  14      color:#525150;
  15      background: #fff;
  16      }
  17      
  18  a:link {
  19      color: #004ca1;
  20      }
  21      
  22  a:visited {
  23      color: #b50394;
  24      }
  25      
  26  a:hover, a:active, a:focus {
  27      color: #fff; text-decoration:none; background-color: #b50394;
  28      }
  29  
  30  h2, h3 {
  31      margin:0;
  32      padding:0;
  33      }
  34      
  35  .Upgrade {
  36      display: none;
  37      font-weight: bold;
  38      }
  39      
  40  .clearer {
  41      clear : both;
  42      height : 1px;
  43      font-size : 1px;
  44      }
  45        
  46  #Container {
  47      width: 100%;
  48      }
  49  
  50  #Title h1 {
  51     color: #fff;
  52     margin:0;
  53     padding:25px 0 5px 10px;
  54     font-size:320%;
  55     font-weight: normal;
  56     } 
  57  
  58  #Title a:active, h1 a:link, h1 a:hover, h1 a:focus, h1 a:visited {
  59      text-decoration: none;
  60      color: #fff;
  61      background-color:transparent; 
  62      }
  63  
  64  #Subtitle {
  65      background-color:#002f64;
  66      color:#fff;
  67      padding:2px 14px 2px 14px;
  68      font-size:medium;
  69      }
  70      
  71      
  72  #Subtitle a:link, #Subtitle a:visited, #Subtitle a:hover {
  73      text-decoration: underline;
  74      color: #fff;
  75      background-color:transparent;
  76      }    
  77      
  78  #Subtitle a:active, #Subtitle a:focus {
  79      color: #002f64; text-decoration:none; background-color: #fff;
  80      }
  81  
  82  #Subcontainer {
  83      text-align:left;
  84      background-color:#fff;
  85      padding-bottom:10px;
  86      padding-top:10px;
  87      }
  88      
  89      
  90  /* ******************  column a  *************** */
  91      
  92  #Content {
  93      width: 58%;
  94      float: left;
  95      margin-right:3%;
  96      margin-left:2%;
  97      background-color:#fff;
  98      overflow: hidden;
  99      line-height:1.5em;
 100      text-align:justify;
 101      }
 102      
 103  #Content h2 {
 104      color:#b8b2ac;
 105      margin:20px 0 10px 0;
 106      }
 107      
 108  .date {
 109      font-weight: bold;
 110      }
 111  
 112  .footer {
 113      padding-bottom:1em;
 114      border-bottom: 1px solid #d4d0cd;
 115      text-align:left;
 116      font-size:90%;
 117      }
 118      
 119  .footer img {
 120      margin-right:3px;
 121      vertical-align:middle;
 122      }
 123      
 124  #Nextpost {
 125      text-align:center;
 126      }    
 127      
 128  div.comment {
 129      border-top: 1px dotted #d4d0cd;
 130      padding-top:0.5em;
 131      background: url('./imgs/comments.gif') no-repeat;
 132      background-position: top right;
 133      margin-top:1.5em;
 134      }
 135      
 136  .commentposterinfo {
 137      margin-bottom:1em;
 138      font-weight: bold;
 139      }
 140      
 141  h3.commentheader {
 142      font-size:medium;
 143      color:#b8b2ac;
 144      font-weight: normal;
 145      }
 146      
 147  .reply {font-weight: normal;font-size:small;}
 148  
 149  div.commenttext {;
 150      margin-bottom:1em;
 151      }
 152  
 153  
 154  #CommentForm fieldset {
 155      border:2px solid #d4d0cd; 
 156      padding-top:10px; 
 157      margin-top:10px; 
 158      padding-left:10px; 
 159      padding-bottom:10px;
 160      }
 161  
 162  #CommentForm legend {
 163      color:#525150;
 164      padding:2px 4px 2px 4px;
 165      background-color: #ffffff;
 166      font-weight : bold;
 167      }
 168  
 169  #CommentForm label {
 170      width:13em;
 171      float:left;
 172      display:block;
 173      clear:both; 
 174      float:left;
 175      margin-top:8px;
 176      margin-bottom:0px;
 177      }
 178      
 179  #CommentForm input {
 180      margin-top:
 181      8px;margin-bottom:8px;
 182      }
 183      
 184  #Submit {
 185      margin-top:8px;
 186      margin-bottom:8px;
 187      margin-left:6em;
 188      }
 189      
 190  #CommentForm textarea {
 191      margin-top:8px;
 192      margin-bottom:0px;
 193      }
 194      
 195  /* ******************  columnb  *************** */
 196      
 197  #Menu   {
 198      width:34%;
 199      float: left;
 200      text-align:left;
 201      background-color:#fff;
 202      }
 203      
 204  #Calendar, #Search, #AboutMyself {
 205      border-left-color:#d4d0cd;
 206      border-left-style:solid;
 207      border-left-width:6px;
 208      width:86%;
 209      padding-top:1px;
 210      padding-bottom:1px;
 211      padding-right:14px;
 212      padding-left:6px;
 213      margin-bottom:10px;
 214      background-color:#f0efee;
 215      margin-top:1px;
 216      }
 217      
 218  #Search fieldset {border:0px solid; padding:2px; margin:2px;}
 219  #Search input {margin:0px;padding:2px;width:7em;}
 220  #Search input.button {margin:0px;padding:2px;width:5em;}
 221  #Search form {margin:0px;padding:2px;}
 222  #Search label {margin:0px;padding:2px;width:8em;}
 223  
 224  table.calMonth {
 225      width:11em;
 226      border-spacing:4px;
 227      border:0px;
 228      }
 229  
 230  th.calMonthCurrent {
 231      font-weight:normal;
 232      padding: 0px;
 233      text-align: center;
 234      }
 235      
 236  th.calMonthBackward {
 237      font-weight:normal;
 238      padding: 0px;
 239      text-align:center;
 240      }
 241      
 242  th.calMonthForward {
 243      font-weight:normal;
 244      padding: 0px;
 245      text-align:center;
 246      }
 247      
 248  .calMonthHeader th {
 249      text-align:center;
 250      font-weight:normal;
 251      padding: 0px;
 252      }
 253      
 254  #Calendar td {    
 255      padding: 0px;
 256      text-align:center
 257      }
 258  
 259  .calMonthToday {
 260       background-color: #d4d0cd;
 261      }
 262  
 263  #Menu h2 {
 264        background-color: #004ca1;
 265        font-size:small;
 266        width:86%;
 267        display:block;
 268          padding:1px 10px 1px 10px;
 269        border-left-style:solid;
 270        border-left-color:#002f64;
 271        color:#fff;
 272        margin-top:10px;
 273        border-left-width:6px;
 274      text-transform: capitalize;
 275      }
 276  
 277  #Categories ul, #Syndicate ul, #Recently ul, #Sections ul {
 278      margin-left:0; 
 279      margin-top:0; 
 280      margin-bottom:0px; 
 281      padding:0; 
 282      list-style:none; 
 283      font-size:small;
 284      }
 285      
 286  #Syndicate ul, #Sections ul {
 287      text-transform: capitalize;
 288      }
 289  
 290  #Categories a, #Syndicate a, #Recently a, #Sections a {
 291      width:86%;
 292      display:block;
 293      padding-top:1px;
 294      padding-bottom:1px;
 295      border-left-style:solid;
 296      border-left-color:#d4d0cd;
 297      text-decoration:none;
 298      padding-right:10px;
 299      padding-left:10px;
 300      background-color:#f0efee;
 301      border-left-width:6px;
 302      margin-top:1px
 303      }
 304  
 305  #Categories a:hover, #Syndicate a:hover, #Recently a:hover, 
 306  #Sections a:hover, #Categories a:focus, #Syndicate a:focus, 
 307  #Recently a:focus, #Links a:focus, #Categories a:active,  
 308  #Syndicate a:active, #Recently a:active, #Sections a:active {
 309      border-color:#71025C;
 310      background-color:#b50394;
 311      }
 312  
 313  #Links h2 {
 314      text-transform: capitalize;
 315      }
 316  
 317  /* ******************  footer  *************** */
 318  
 319  #Bottommenu {
 320      clear:both;
 321      background-color:#002f64;
 322      color:#fff;
 323      padding:3px 15px 3px 15px;
 324      }
 325  
 326  
 327  #Bottom {
 328     color:#fff;
 329     padding:3px 3px 3px 15px;
 330     } 
 331      
 332  #Bottommenu a, #Bottommenu a:link, #Bottommenu a:visited, #Bottom a, 
 333  #Bottom a:link, #Bottom a:visited {
 334      text-decoration: none;
 335      color: #fff;
 336      border: 0;
 337      }
 338  
 339  #Bottommenu a:active, #Bottommenu a:focus, #Bottommenu a:hover, 
 340  #Bottom a:active, #Bottom a:focus, #Bottom a:hover { 
 341      text-decoration : underline; 
 342      color : #fff;background-color:transparent; 
 343      }
 344  
 345  
 346  /* ******************  albums  *************** */
 347  
 348  div.album {
 349      text-align: center;
 350          float: left;
 351          width:150px;
 352          margin-bottom:20px;
 353          margin-right:5px;
 354        }
 355  
 356  .album p {
 357         text-align: center;
 358         padding: 0;
 359         margin:0;
 360         width:150px;     
 361      overflow: hidden;
 362         }
 363     
 364  a img {border:none;}
 365  #album a:link {color: #004ca1;}
 366  #album a:visited {color: #b50394;}
 367  #album a:hover, #album a:active, #album a:focus {color: #004ca1;background:none;}
 368  
 369  
 370  /* ******************  trakbacks  *************** */
 371  
 372  h4 {
 373      margin:1em 0 0 0;
 374      padding:0;font-size:small;
 375      }
 376      
 377  dl {    
 378      margin:0;
 379      padding:0;
 380      }
 381      
 382  dt {
 383      font-weight: bold;
 384      float:left;
 385      }
 386      
 387  dd {
 388      padding-left:4em;
 389      }
 390      
 391      
 392  blockquote {background:url('imgs/blockquote.gif') no-repeat; padding:10px 10px 2px 41px;border: dotted #d4d0cd 1px; 
 393  }
 394      
 395  /* ******************  to align elements  *************** */
 396  .left {text-align: left;display:block}
 397  .right {text-align: right;display:block}
 398  .center {text-align: center;display:block}
 399  
 400  /* ******************  to float elements  *************** */
 401  .floatleft {float: left;padding:2px 10px 10px 0px}
 402  .floatright {float: right;padding:2px 0px 10px 10px;}
 403  
 404  /* ******************  to highlight text  *************** */
 405  .bold {font-weight: bold;}
 406  .italic {font-style:italic;}
 407  .underline {text-decoration:underline}
 408  
 409  /* ****************** aboutmyself  *************** */
 410  #UserPicture {float:left;margin:10px 10px 10px 6px;border:solid #D4D0CD 1px;padding:3px;background-color:#fff}
 411  #AboutMyself p {padding:10px 0;margin:0}
 412  
 413  .comment_1 {
 414    margin-left: 10px;
 415   }
 416   .comment_2 {
 417    margin-left: 20px;
 418   }
 419   .comment_3 {
 420    margin-left: 30px;
 421   }