[Sommaire] [Imprimer]

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

   2  
   3  @import url(../../rsc/css/basic.css);    /* Import basic styles */
   4  @import url(../../rsc/css/img.css);    /* Import standard image styles */
   5  @import url(../../rsc/css/blog_elements.css);    /* Import standard blog elements styles */
   6  @import url(../../rsc/css/forms.css);    /* Import default form styles */
   7  @import url(../../rsc/css/comments.css);    /* Import default comment styles */
   8  
   9  body {
  10      background: #fff url(img/bg.png) repeat-y 50% 0;
  11      padding: 0px;
  12      margin: 0px;
  13      color: #000;
  14      font: 84% Arial, Helvetica, sans-serif;
  15  }
  16  
  17  a {
  18      color: #569;
  19  }
  20  a:visited {
  21      color: #000;
  22  }
  23  a:hover {
  24      color: #9ae;
  25  }
  26  
  27  div.pageHeader h1 a {
  28      color: #fff;
  29      text-decoration: none;
  30  }
  31  div.pageHeader h1 a:hover {
  32      text-decoration: underline;
  33  }
  34  
  35  h2 {
  36      color: #78a;
  37      font-size: 180%;
  38      margin: 0;
  39  }
  40  h3 {
  41      color: #78a;
  42      font-size: 120%;
  43  }
  44  h4 {
  45      color: #78a;
  46      font-size: 110%;
  47  }
  48  
  49  table.invisible
  50  {
  51      margin: 1ex;
  52      border-collapse: collapse
  53  }
  54  table.invisible td
  55  {
  56      padding: 0ex 1ex;
  57  }
  58  td.right
  59  {
  60      text-align: right;
  61  }
  62  div#pageFooter {
  63      clear: both;
  64      background-color: #fff;
  65      width: 738px;
  66      margin: 0 auto;
  67      padding: 0 0 1ex 0;
  68  }
  69  p.baseline {
  70      border-top: 1px solid #ddd;
  71      text-align: center;
  72      font-size: 74%;
  73      color: #888;
  74      padding: 1ex;
  75      margin: 0;
  76  }
  77  p.baseline a,
  78  p.baseline a {
  79      color: #888;
  80      text-decoration: none;
  81  }
  82  p.baseline a:hover {
  83      text-decoration: underline;
  84  }
  85  hr {
  86      height: 0;
  87      border: 0;
  88      border-top: 1px solid #78a;
  89  }
  90  
  91  div#wrapper {
  92      background: #fff url(img/bg_content.gif) repeat-y 0 0;
  93      width: 740px;
  94      margin: 0 auto;
  95      padding: 0;
  96  }
  97  
  98  div.pageHeader {
  99      padding: 1ex;
 100      margin: 0 1px 0 1px;
 101      border-bottom: 1px solid #000;
 102      text-align: center;
 103      background: #78a;
 104  }
 105  
 106  div.pageHeader h1 {
 107      font-size: 270%;
 108      font-weight: bold;
 109      margin: 0;
 110      padding: 0;
 111  }
 112  
 113  div.PageTop ul {
 114      background-color: #fff;
 115      border-bottom: 1px solid #000;
 116      margin: 0 1px;
 117      padding: 0;
 118      list-style-type:none;
 119      padding: .5ex 0;
 120  }
 121  div.PageTop ul li {
 122      border-right: 1px solid #000;
 123      display: inline;
 124      padding: .5ex 1em;
 125  }
 126  
 127  div.top_menu ul {
 128      background-color: #ddd;
 129      margin: 0 1px;
 130      padding: 0;
 131      list-style-type:none;
 132      padding: .5ex 0;
 133  }
 134  div.top_menu li {
 135      display: inline;
 136      padding: .5ex 0 .5ex 1em;
 137  }
 138  div.top_menu a {
 139      text-decoration: none;
 140      color: #000;
 141  }
 142  div.top_menu a:hover {
 143      text-decoration: underline;
 144  }
 145  
 146  div.PageTop a {
 147      font-weight: bold;
 148      text-decoration: none;
 149  }
 150  div.PageTop a.default {
 151      color: #000;
 152  }
 153  div.PageTop a.default:hover {
 154      text-decoration: underline;
 155      color: #9ae;
 156  }
 157  div.PageTop a.selected,
 158  div.PageTop a.selected:visited {
 159      color: #78a;
 160  }
 161  div.PageTop a.selected:hover {
 162      text-decoration: underline;
 163      color: #9ae;
 164  }
 165  
 166  .widget_core_coll_tagline {
 167      color: #fff;
 168      letter-spacing: 4px;
 169      text-align: center;
 170      vertical-align: middle;
 171      border: 0px;
 172      padding-right: 6px;
 173      padding-top: 6px;
 174      padding-bottom: 4px;
 175      padding-left: 6px;
 176      font: 109% Arial, Helvetica, sans-serif;
 177  
 178  }
 179  
 180  /* Styles for main area (left) */

 181  h2 {
 182      margin: 1ex;
 183      border-bottom: 1px solid #78a;
 184  }
 185  
 186  
 187  /* Styles for posts */

 188  .bPosts {
 189      float: left;
 190      width: 480px;
 191      overflow: hidden;
 192      /* background: #090;*/

 193  }
 194  div.action_messages {
 195      margin: 0 2ex;
 196  }
 197  .bPost, .bPostpublished
 198  {
 199      clear: both;
 200      margin: 0 2.5ex;
 201      padding: 0;
 202      border-bottom: 1px solid #ddd;
 203      /* border: 1px solid #78a; */

 204  }
 205  .bSmallHead {
 206      font-size: 80%;
 207      color: #999;
 208      margin: 2ex 0 1ex 0;
 209  }
 210  .bTitle {
 211      color: #78a;
 212      margin: 1ex 0;
 213  }
 214  .bText {
 215      margin-top: 0px;
 216      margin-bottom: 0px;
 217  }
 218  .bSmallPrint
 219  {
 220      clear: both;
 221      color: #999;
 222      font-size: 80%;
 223      margin: 1ex 0 2ex 0;
 224  }
 225  
 226  input.bComment,
 227  textarea.bComment
 228  {
 229      background-color: #eee;
 230      border: 1px solid #ccc;
 231      width: 97%;
 232      padding: 2px;
 233      margin: 0ex;
 234  }
 235  select.bComment  /* Used by the profile form */
 236  {
 237      background-color: #eee;
 238      border: 1px solid #ccc;
 239      padding: 1px;
 240      margin: 0ex;
 241  }
 242  
 243  
 244  input.submit,
 245  input.preview,
 246  input.reset {
 247      background-color: #ddd;
 248      color: #78a;
 249      border: 1px solid #000;
 250      font-weight: bold;
 251      padding: 1px;
 252  }
 253  
 254  input.submit:hover,
 255  input.preview:hover {
 256      color: #000;
 257  }
 258  
 259  /* Styles for sidebar (right) */

 260  .bSideBar {
 261      width: 259px;
 262      float: right;
 263      overflow: hidden;
 264      /* background: #900; */

 265  }
 266  .bSideItem {
 267      margin: 2ex;
 268      padding: 0 0 2ex 0;
 269      border-bottom: 1px solid #ddd;
 270  }
 271  
 272  .bSideItem ul {
 273      margin-left: 8px;
 274      padding-left: 8px;
 275      margin-top: 8px;
 276      margin-bottom: 8px;
 277      list-style-type:square;
 278  }
 279  .bSideItem ul ul{
 280      margin-left: 8px;
 281      padding-left: 8px;
 282      margin-top: 0px;
 283      margin-bottom: 0px;
 284  }
 285  .bSideItem form {
 286      margin-top: 0px;
 287      margin-bottom: 0px;
 288  }
 289  .dimmed
 290  {
 291      color: #aaa;
 292      font-size: 84%;
 293  }
 294  input.SearchField
 295  {
 296      background-color: #eee;
 297      border: 1px solid #ccc;
 298      padding: .5ex;
 299      width: 96%;
 300      margin: 0ex;
 301  }
 302  
 303  /* Special SideItems: */

 304  .widget_plugin_evo_Calr,
 305  .widget_core_coll_title,
 306  .widget_core_coll_longdesc {
 307      /* background-color: #fee; */

 308      padding: 0;
 309      border-bottom: 0;
 310  }
 311  .widget_core_coll_title a {
 312      text-decoration: none;
 313      color: #78a;
 314  }
 315  
 316  /* Calendar: */

 317  table.bCalendarTable caption {
 318      border: 1px solid #ccc;
 319      background-color: #eee;
 320      border-bottom: 0;
 321  }
 322  table.bCalendarTable {
 323      border: solid 1px #ccc;
 324      border-collapse: separate;
 325  }
 326  table.bCalendarTable tfoot td {
 327      background-color: #eee;
 328      border-top: 1px solid #ccc;
 329  }
 330  table.bCalendarTable tfoot a {
 331      text-decoration: none;
 332  }
 333  table.bCalendarTable tfoot a:hover {
 334      background-color: #78a;
 335      color: #fff;
 336  }
 337  th.bCalendarHeaderCell {
 338      color: #abc;
 339  }
 340  #bCalendarToday {

 341      background-color: #bce;
 342  }