[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  .spip_logos {
 187      margin: 3px;
 188      border-width: 0px;
 189  }
 190  
 191  /*
 192   * Habillage du plan du site
 193   */
 194  
 195  .plan-secteur {
 196      margin-top: 0em;
 197      margin-bottom: 3em;
 198      clear: right;
 199  }
 200  
 201  .plan-secteur h1 {
 202      display: block;
 203      border: 1px solid #a0a0a0;
 204      margin: 0px;
 205      padding: 8px;
 206      font-size: 150%;
 207      font-weight: bold;
 208      background-color: #e0ffe0;
 209      text-align:center;
 210  }
 211  .plan-rubriques {
 212      clear: left;
 213      display: block;
 214      list-style: none;
 215  }
 216  .plan-rubrique {
 217      display: inline;
 218      border: 1px solid #a0a0a0;
 219      padding: 3px;
 220      font-weight: bold;
 221  }
 222  .plan-articles {
 223      clear: left;
 224      margin-top: 0.5em;
 225      margin-bottom: 1em;
 226      list-style: square;
 227  }
 228  
 229  /* Eclaircissement progressif des rubriques en fonction de la profondeur */
 230  
 231  ul .plan-rubrique {
 232      background-color: #e0ffe0;
 233      border-color: #b8b8b8;
 234  }
 235  ul ul .plan-rubrique {
 236      background-color: #eaffea;
 237      border-color: #d0d0d0;
 238  }
 239  ul ul ul .plan-rubrique {
 240      background-color: #f4fff4;
 241      border-color: #e8e8e8;
 242  }
 243  
 244  
 245  /*
 246   * Habillage des forums
 247   */
 248  
 249  ul.forum-total {
 250      display: block;
 251      padding: 0px;
 252      margin: 0px;
 253      list-style: none;
 254  }
 255  .forum-fil {
 256      margin-top: 3em;
 257  }
 258  .forum-fil ul {
 259      display: block;
 260      margin: 0px;
 261      margin-left: 2em;
 262      padding: 0px;
 263      list-style: none;
 264  }
 265  .forum-titre {
 266      font-weight: bold;
 267      font-size: 120%;
 268  }
 269  .forum-item {
 270      margin: 0px;
 271      padding: 1em;
 272      padding-top: 0.5em;
 273      padding-bottom: 0em;
 274      text-align: justify;
 275      color: #303030;
 276      font-size: 80%;
 277  }
 278  .forum-repondre-message {
 279      text-align: right;
 280  }
 281  
 282  /* Boite d'un forum : eclaircissement progressif des bords */
 283  
 284  ul .forum {
 285      border: 1px solid #909090;
 286      padding: 0px;
 287      margin: 0px;
 288      margin-bottom: 1em;
 289  }
 290  ul ul .forum {
 291      border: 1px solid #a4a4a4;
 292  }
 293  ul ul ul .forum {
 294      border: 1px solid #b8b8b8;
 295  }
 296  ul ul ul ul .forum {
 297      border: 1px solid #cccccc;
 298  }
 299  ul ul ul ul ul .forum {
 300      border: 1px solid #e0e0e0;
 301  }
 302  ul ul ul ul ul ul .forum {
 303      border: 1px dashed #e0e0e0;
 304  }
 305  
 306  /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
 307  
 308  ul .forum-chapo {
 309      border: 0px;
 310      border-bottom: 1px dashed #b8b8b8;
 311      margin: 0px;
 312      padding-left: 6px;
 313      padding-right: 6px;
 314      padding-top: 3px;
 315      padding-bottom: 2px;
 316      font-size: 90%;
 317      background: #c4e0e0;
 318  }
 319  ul ul .forum-chapo {
 320      background: #d4e8e8;
 321  }
 322  ul ul ul .forum-chapo {
 323      background: #e4f0f0;
 324  }
 325  ul ul ul ul .forum-chapo {
 326      background: #f4f8f8;
 327  }
 328  ul ul ul ul ul .forum-chapo {
 329      background: #ffffff;
 330  }
 331  
 332  
 333  /*
 334   * Habillage des petitions
 335   */
 336  
 337  .signatures {
 338      margin-left: 0px;
 339      margin-right: 0px;
 340      margin-top: 1em;
 341      margin-bottom: 1em;
 342      width: 100%;
 343  }
 344  .signatures td, .signatures th {
 345      -moz-border-radius: 0.4em;
 346  }
 347  .signatures-titre {
 348      clear: right;
 349      font-weight: bold;
 350      font-size: 120%;
 351      text-align: center;
 352      padding: 0.5em;
 353      margin: 0px;
 354  }
 355  .signature-date {
 356      white-space: nowrap;
 357      background: #e4f0f0;
 358      padding: 0.5em;
 359  }
 360  .signature-nom {
 361      font-weight: bold;
 362      background: #ecf4f4;
 363      padding: 0.2em;
 364      text-align: center;
 365  }
 366  .signature-message {
 367      font-size: 85%;
 368      background: #f4f8f8;
 369      padding: 0.4em;
 370      text-align: justify;
 371  }
 372  
 373  
 374  /*
 375   * Formulaires
 376   */
 377  
 378  .formrecherche {
 379      background-color: #f2f2f2;
 380      color: #505030;
 381      margin: 0px;
 382      padding: 2px;
 383      border: solid 1px #909090;
 384      font-family: Verdana, Arial, Helvetica, sans-serif;
 385      font-size: 80%;
 386      font-weight: normal;
 387  }
 388  
 389  .formulaire {
 390      color: black;
 391      margin: 0px;
 392      margin-bottom: 16px;
 393      padding: 4px;
 394      border: 1px solid #a0a0a0;
 395      background-color: #f6f6f6;
 396      font-family: Verdana, Arial, Helvetica, sans-serif;
 397      font-size: 80%;
 398      font-weight: normal;
 399  }
 400  .forml {
 401      background-color: #ececec;
 402      margin: 4px;
 403      padding: 1px;
 404      border: dashed 1px #909090;
 405      font-family: Verdana, Arial, Helvetica, sans-serif;
 406      font-size: 90%;
 407  }
 408  .spip_bouton {
 409      border: 2px solid #404040;
 410      padding: 3px;
 411      background: #d0d0d0;
 412      font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
 413  }
 414  
 415  .spip-admin {
 416  }
 417  
 418