[Sommaire] [Imprimer]

   1  
   2  
   3  /*

   4   * Mise en page des textes (bordures...)

   5   */
   6  
   7  .chapo {
   8      line-height: 1.4em;
   9      margin-top: 1em;
  10  }
  11  .texte {
  12  }
  13  .ps {
  14      padding-top: 0.6em;
  15      margin-top: 0.6em;
  16      border-top: 1px dashed #404040;
  17  }
  18  .notes {
  19      margin-top: 0.6em;
  20      margin-bottom: 0.6em;
  21      border-top: 1px solid #a0a0a0;
  22      padding: 1.5em;
  23  }
  24  
  25  /*

  26   * Habillage des menus et de la navigation

  27   */
  28  
  29  .menu {
  30      border: 1px solid #a0a0a0;
  31      border-top: 0px;
  32      padding: 0px;
  33      margin: 0px;
  34      margin-bottom: 16px;
  35  }
  36  .menu ul {
  37      display: block;
  38      margin: 0px;
  39      padding: 0px;
  40      padding-bottom: 4px;
  41      list-style: none;
  42  }
  43  .menu ol {
  44      display: block;
  45      margin: 0px;
  46      padding: 0px;
  47      padding-bottom: 4px;
  48      list-style: none;
  49  }
  50  .menu-titre {
  51      border-top: 1px solid #a0a0a0;
  52      border-bottom: 1px dashed #d0d0d0;
  53      margin: 0px;
  54      padding-left: 4px;
  55      padding-right: 4px;
  56      padding-top: 3px;
  57      padding-bottom: 2px;
  58      font-size: 90%;
  59  }
  60  .menu-item {
  61      margin: 0px;
  62      padding-left: 4px;
  63      padding-right: 4px;
  64      padding-top: 1px;
  65      padding-bottom: 1px;
  66      font-size: 80%;
  67  }
  68  
  69  /* Des couleurs specifiques selon les types de menus */

  70  
  71  .general        { background-color: #f8f8e8; text-align:center; }
  72  .general .menu-titre     { background-color: #fcfcf0; }
  73  
  74  .rubriques         { background-color: #eaffea; text-align:center; }
  75  .rubriques .menu-titre    { background-color: #f2fff2; }
  76  
  77  .breves         { background-color: #ffeaea; }
  78  .breves .menu-titre    { background-color: #fff2f2; text-align:center; }
  79  
  80  .divers         { background-color: #eaeaff; }
  81  .divers .menu-titre    { background-color: #f2f2ff; text-align:center; }
  82  
  83  .forums         { background-color: #e8f8f8; }
  84  .forums .menu-titre    { background-color: #f0fcfc; text-align:center; }
  85  
  86  
  87  /*

  88   * Styles pour le contenu (c-a-d. la colonne principale)

  89   */
  90  
  91  .contenu {
  92      margin: 15px;
  93  }
  94  .contenu h2.titre-extrait {
  95  }
  96  .contenu h2.titre-texte {
  97  }
  98  .contenu .surtitre {
  99      margin-top: 0em;
 100      margin-bottom: 0em;
 101  }
 102  .contenu .detail {
 103      margin-left: 2em;
 104  }
 105  .contenu .detail .important {
 106      color: #a02020;
 107  }
 108  .extrait {
 109      margin: 0.1em;
 110      margin-top: 0.5em;
 111      margin-bottom: 0.5em;
 112      margin-left: 2em;
 113      margin-right: 0.1em;
 114      line-height: 1.4em;
 115  }
 116  .liste-articles {
 117      margin-top: 1em;
 118      margin-bottom: 1em;
 119      clear: left;
 120  }
 121  .contenu .forum-repondre {
 122      font-family: Verdana, Arial, Helvetica, sans-serif;
 123      text-align: left;
 124      font-size: 90%;
 125      font-weight: bold;
 126      margin-top: 0.6em;
 127  }
 128  
 129  
 130  /*

 131   * Disposition a l'ecran : colonnes, encarts, cartouches

 132   */
 133  
 134  #principal {

 135      position: absolute;
 136      left: 30%;
 137      /*left: 18em;*/

 138      top: 0px;
 139      margin: 0px;
 140      padding: 0px;
 141      /*margin-right: 2em;*/

 142      margin-right: 3%;
 143      margin-top: 1.5em;
 144  }
 145  
 146  #plan {

 147      position: absolute;
 148      left: 2em;
 149      top: 0px;
 150      margin: 0px;
 151      padding: 0px;
 152      margin-right: 2em;
 153      margin-top: 2em;
 154  }
 155  
 156  #navigation {

 157      position: absolute;
 158      left: 0px;
 159      top: 0px;
 160      width: 24%;
 161      /*width: 14em;*/

 162      padding: 0px;
 163      margin: 0px;
 164      /*margin-left: 1.8em;*/

 165      margin-left: 3%;
 166      margin-top: 1.5em;
 167  }
 168  
 169  .encart {
 170      float: right;
 171      /*width: 14em;*/

 172      width: 34%;
 173      margin-left: 4%;
 174      /*margin-left: 2em;*/

 175      margin-top: 1em;
 176      margin-bottom: 0em;
 177      margin-right: 0px;
 178  }
 179  
 180  .cartouche {
 181      padding-top: 1em;
 182      border-top: 2px solid #404040;
 183      margin-bottom: 0em;
 184  }
 185  
 186  .cartouche .spip_logos {
 187      margin-left: 0px;
 188      padding-left: 0px;
 189      margin-right: 0.8em;
 190  }
 191  
 192  
 193  /*

 194   * Habillage du plan du site

 195   */
 196  
 197  .plan-secteur {
 198      margin-top: 0em;
 199      margin-bottom: 3em;
 200      clear: right;
 201  }
 202  
 203  .plan-secteur h1 {
 204      display: block;
 205      border: 1px solid #a0a0a0;
 206      margin: 0px;
 207      padding: 8px;
 208      font-size: 150%;
 209      font-weight: bold;
 210      background-color: #e0ffe0;
 211      text-align:center;
 212  }
 213  .plan-rubriques {
 214      clear: left;
 215      display: block;
 216      list-style: none;
 217  }
 218  .plan-rubrique {
 219      display: inline;
 220      border: 1px solid #a0a0a0;
 221      padding: 3px;
 222      font-weight: bold;
 223  }
 224  .plan-articles {
 225      clear: left;
 226      margin-top: 0.5em;
 227      margin-bottom: 1em;
 228      list-style: square;
 229  }
 230  
 231  /* Eclaircissement progressif des rubriques en fonction de la profondeur */

 232  
 233  ul .plan-rubrique {
 234      background-color: #e0ffe0;
 235      border-color: #b8b8b8;
 236  }
 237  ul ul .plan-rubrique {
 238      background-color: #eaffea;
 239      border-color: #d0d0d0;
 240  }
 241  ul ul ul .plan-rubrique {
 242      background-color: #f4fff4;
 243      border-color: #e8e8e8;
 244  }
 245  
 246  
 247  /*

 248   * Habillage des forums

 249   */
 250  
 251  ul.forum-total {
 252      display: block;
 253      padding: 0px;
 254      margin: 0px;
 255      list-style: none;
 256  }
 257  .forum-fil {
 258      margin-top: 3em;
 259  }
 260  .forum-fil ul {
 261      display: block;
 262      margin: 0px;
 263      margin-left: 2em;
 264      padding: 0px;
 265      list-style: none;
 266  }
 267  .forum-titre {
 268      font-weight: bold;
 269      font-size: 120%;
 270  }
 271  .forum-item {
 272      margin: 0px;
 273      padding: 1em;
 274      padding-top: 0.5em;
 275      padding-bottom: 0em;
 276      text-align: justify;
 277      color: #303030;
 278      font-size: 80%;
 279  }
 280  .forum-repondre-message {
 281      text-align: right;
 282  }
 283  
 284  /* Boite d'un forum : eclaircissement progressif des bords */

 285  
 286  ul .forum {
 287      border: 1px solid #909090;
 288      padding: 0px;
 289      margin: 0px;
 290      margin-bottom: 1em;
 291  }
 292  ul ul .forum {
 293      border: 1px solid #a4a4a4;
 294  }
 295  ul ul ul .forum {
 296      border: 1px solid #b8b8b8;
 297  }
 298  ul ul ul ul .forum {
 299      border: 1px solid #cccccc;
 300  }
 301  ul ul ul ul ul .forum {
 302      border: 1px solid #e0e0e0;
 303  }
 304  ul ul ul ul ul ul .forum {
 305      border: 1px dashed #e0e0e0;
 306  }
 307  
 308  /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

 309  
 310  ul .forum-chapo {
 311      border: 0px;
 312      border-bottom: 1px dashed #b8b8b8;
 313      margin: 0px;
 314      padding-left: 6px;
 315      padding-right: 6px;
 316      padding-top: 3px;
 317      padding-bottom: 2px;
 318      font-size: 90%;
 319      background: #c4e0e0;
 320  }
 321  ul ul .forum-chapo {
 322      background: #d4e8e8;
 323  }
 324  ul ul ul .forum-chapo {
 325      background: #e4f0f0;
 326  }
 327  ul ul ul ul .forum-chapo {
 328      background: #f4f8f8;
 329  }
 330  ul ul ul ul ul .forum-chapo {
 331      background: #ffffff;
 332  }
 333  
 334  
 335  /*

 336   * Habillage des petitions

 337   */
 338  
 339  .signatures {
 340      margin-left: 0px;
 341      margin-right: 0px;
 342      margin-top: 1em;
 343      margin-bottom: 1em;
 344      width: 100%;
 345  }
 346  .signatures td {
 347      -moz-border-radius: 0.4em;
 348  }
 349  .signatures-titre {
 350      clear: right;
 351      font-weight: bold;
 352      font-size: 120%;
 353      text-align: center;
 354      padding: 0.5em;
 355      margin: 0px;
 356  }
 357  .signature-date {
 358      white-space: nowrap;
 359      background: #e4f0f0;
 360      padding: 0.5em;
 361  }
 362  .signature-nom {
 363      font-weight: bold;
 364      background: #ecf4f4;
 365      padding: 0.2em;
 366      text-align: center;
 367  }
 368  .signature-message {
 369      font-size: 85%;
 370      background: #f4f8f8;
 371      padding: 0.4em;
 372      text-align: justify;
 373  }
 374  
 375  
 376  /*

 377   * Formulaires

 378   */
 379  
 380  .formrecherche {
 381      background-color: #f2f2f2;
 382      color: #505030;
 383      margin: 0px;
 384      padding: 2px;
 385      border: solid 1px #909090;
 386      font-family: Verdana, Arial, Helvetica, sans-serif;
 387      font-size: 80%;
 388      font-weight: normal;
 389  }
 390  
 391  .formulaire {
 392      color: black;
 393      margin: 0px;
 394      margin-bottom: 16px;
 395      padding: 4px;
 396      border: 1px solid #a0a0a0;
 397      background-color: #f6f6f6;
 398      font-family: Verdana, Arial, Helvetica, sans-serif;
 399      font-size: 80%;
 400      font-weight: normal;
 401  }
 402  .forml {
 403      background-color: #ececec;
 404      margin: 4px;
 405      padding: 1px;
 406      border: dashed 1px #909090;
 407      font-family: Verdana, Arial, Helvetica, sans-serif;
 408      font-size: 90%;
 409  }
 410  .spip_bouton {
 411      border: 2px solid #404040;
 412      padding: 3px;
 413      background: #d0d0d0;
 414      font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
 415  }
 416  .spip-admin {
 417      position: fixed;
 418      bottom: 0px;
 419      font-size: 90%;
 420      padding: 2px;
 421      line-height: 1.4em;
 422  }
 423  
 424