[Sommaire] [Imprimer]

   1  /*  ----------------------------------------------------------- */
   2  /*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
   3  /*  ----------------------------------------------------------- */
   4  
   5  /* taille typo
   6   * Base                100%
   7   * -------------------------------------
   8   * 20px                1.27em
   9   * 19px                1.21em
  10   * 18px                1.15em
  11   * 17px                1.09em
  12   * 16px                1.03em
  13   * 15px                0.96em
  14   * 14px                0.88em
  15   * 13px                0.82em
  16   * 12px                0.77em
  17   * 11px                0.71em
  18   * 10px                0.65em
  19   *  9px                0.59em
  20   * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
  21   */
  22  
  23  /*  ------------------------------------------
  24  /*  Correction des styles HTML par defaut
  25  /*  ------------------------------------------ */
  26  body {
  27      background: #FFF;
  28      margin: 1.5em;
  29      text-align: center;
  30      font-size: 1em;
  31      color: #333;
  32  }
  33  
  34  img, table { margin: 0; padding: 0; border: none; }
  35  h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
  36  
  37  /*  ------------------------------------------
  38  /*  Disposition a l'ecran des blocs principaux
  39  /*  ------------------------------------------ */
  40  #page {
  41      width: 48em;
  42      text-align: left;
  43      margin-left: auto;
  44      margin-right: auto;
  45  }
  46  
  47  #conteneur { width: 100%; }
  48  
  49  #conteneur #contenu {
  50      float: left;
  51      width: 33em;
  52  }
  53  
  54  #conteneur #navigation {
  55      float: right;
  56      width: 12em;
  57      text-align: center;
  58  }
  59  
  60  /* Blocs du contenu (c-a-d. la colonne principale) */
  61  #contenu .contre-encart {
  62      float: left;
  63      width: 21em;
  64  }
  65  
  66  #contenu .encart {
  67      float: right;
  68      width: 11em;
  69      margin: 0;
  70      margin-bottom: 1em;
  71  }
  72  
  73  /* Entete */
  74  #entete {
  75      width: 100%;
  76      border-bottom: 2px solid #333; }
  77  #entete #nom_site_spip, #entete a .spip_logos {
  78      display: block;
  79      float: left;
  80      font-weight: bold;
  81      font-size: 1.5em; }
  82  #entete a { text-decoration: none; }
  83  #entete .formulaire_recherche { float: right; }
  84  
  85  /* Fil d'Ariane */
  86  #hierarchie {
  87      clear: both;
  88      margin-bottom: 2em;
  89      font-size: 0.77em; }
  90  
  91  /* Pied de page */
  92  #pied {
  93      clear: both;
  94      width: 100%;
  95      margin-top: 4em;
  96      border-top: 1px dotted #CCC;
  97      padding: 2px;
  98      text-align: center; }
  99  #pied small { font-size: 0.77em; }
 100  #pied img { vertical-align: bottom; }
 101  
 102  /* Espaceur de blocs */
 103  .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
 104  
 105  /* Non visible a l'ecran */
 106  .invisible { position: absolute; top: -3000em; height: 1%; }
 107  
 108  
 109  /*  ------------------------------------------
 110  /*  Typographie generale du site
 111  /*  ------------------------------------------ */
 112  
 113  /* Typo pour les menus et la navigation */
 114  body, #navigation, .encart, .formulaire_spip {
 115      font-family: Verdana, Tahoma, Arial, sans-serif; }
 116  
 117  /* Typo pour le contenu */
 118  #contenu {
 119      font-family: "Trebuchet MS", Helvetica, sans-serif; }
 120  
 121  /* Typo pour les citations et extraits introductifs */
 122  q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
 123      font-family: Georgia, Times, serif; }
 124  
 125  
 126  /*  ------------------------------------------
 127  /*  Habillage des menus et de la navigation
 128  /*  ------------------------------------------ */
 129  
 130  /*  Habillage general des menus de navigation
 131  ---------------------------------------------- */
 132  .rubriques, .breves, .syndic, .forums, .divers {
 133      min-width: 10em;
 134      border: 1px solid #CCC;
 135      margin-bottom: 1em;
 136      font-size: 0.77em;
 137  }
 138  
 139  .menu-titre {
 140      padding: 0.2em 0.4em;
 141      border-bottom: 1px dotted #CCC;
 142      text-align: center;
 143      font-weight: bold;
 144  }
 145  
 146  #navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
 147  #navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
 148  #navigation li, .encart li { margin: 0; padding: 0 0.7em; }
 149  
 150  /*  Des couleurs specifiques selon les types de menus
 151  ---------------------------------------------- */
 152  .rubriques { background: #EAFFEA;}
 153  .rubriques .menu-titre { background: #F2FFF2; }
 154  
 155  .breves { background: #FFEAEA; }
 156  .breves .menu-titre { background: #FFF2F2; }
 157  
 158  .syndic { background: #E8F8F8; }
 159  .syndic .menu-titre { background: #F0FCFC; }
 160  
 161  .forums { background: #EAEAFF; }
 162  .forums .menu-titre { background: #F2F2FF; }
 163  
 164  .divers { background: #F8F8E8; }
 165  .divers .menu-titre { background: #FCFCF0; }
 166  
 167  /*  ------------------------------------------
 168  /*  Habillage du contenu
 169  /*  ------------------------------------------ */
 170  
 171  /*  Cartouche et titraille
 172  ---------------------------------------------- */
 173  .cartouche { margin-bottom: 2em; }
 174  
 175  .cartouche .titre {
 176      font-size: 1.27em;
 177      font-weight: bold;
 178      color: #000; }
 179  #contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }
 180  
 181  .cartouche .spip_logos {
 182      float: right;
 183      margin-left: 16px;
 184      margin-bottom: 16px; }
 185  
 186  .cartouche p { margin: 0; padding: 0; clear: left; }
 187  .cartouche small { font-size: 0.71em; }
 188  
 189  .cartouche .traductions { font-size: 0.71em; }
 190  .cartouche .traductions * { display: inline; }
 191  .cartouche .traductions li { padding-left: 1em; }
 192  
 193  
 194  /*  Mise en forme des textes du contenu
 195  ---------------------------------------------- */
 196  .chapo {
 197      margin-bottom: 1.5em;
 198      font-weight: bold;
 199      line-height: 1.4em; }
 200  
 201  .lien {
 202      background: #EEE;
 203      margin: 1em;
 204      margin-bottom: 1.5em;
 205      padding: 0.82em;
 206      border: 1px solid #CCC;
 207      font-size: 0.82em;
 208      font-weight: bold; }
 209  
 210  .texte { color: #000; font-size: 0.96em; }
 211  
 212  .ps, .notes {
 213      margin-top: 1.4em;
 214      padding-top: 2px;
 215      border-top: 2px solid #CCC; }
 216  .ps { font-size: 0.82em; }
 217  .notes { clear: both; font-size: 0.77em; }
 218  .ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }
 219  
 220  /*  Portfolio
 221  ---------------------------------------------- */
 222  #documents_portfolio {
 223      clear: both;
 224      margin-top: 1.4em;
 225      padding-top: 2px;
 226      border-top: 2px solid #CCC; }
 227  #documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
 228  
 229  #document_actif { margin-top: 1em; }
 230  
 231  /*  Listes de documents joints (a un article ou une rubrique)
 232  ---------------------------------------------- */
 233  #documents_joints {
 234      margin-top: 1.4em;
 235      padding-top: 2px;
 236      border-top: 2px solid #CCC; }
 237  #documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
 238  #documents_joints ul { margin: 0; padding: 0; list-style: none; }
 239  #documents_joints li { margin-bottom: 0.4em; }
 240  #documents_joints li .spip_doc_titre {}
 241  #documents_joints li .spip_doc_titre small { font-weight: normal; }
 242  #documents_joints li .spip_doc_descriptif {}
 243  
 244  /* Listes d'articles et extraits introductifs
 245  ----------------------------------------------- */
 246  .liste-articles ul { margin: 0; padding: 0; list-style: none; }
 247  .liste-articles li { margin-bottom: 1em; clear: both; }
 248  
 249  .liste-articles li .titre {
 250      font-size: 1.03em;
 251      font-weight: bold; }
 252  
 253  .liste-articles li .spip_logos {
 254      float: right;
 255      margin-left: 16px;
 256      margin-bottom: 16px;
 257      clear: right; }
 258  
 259  .liste-articles li p { margin: 0; padding: 0; }
 260  
 261  .liste-articles li .enclosures {
 262      float: right;
 263      text-align: right;
 264      max-width: 60%;
 265      margin: 0; }
 266  
 267  .liste-articles li small {
 268      display: block;
 269      font-size: 0.71em; }
 270  
 271  .liste-articles li .texte {
 272      margin-top: 5px;
 273      margin-bottom: 2em;
 274      border: 1px solid #CCC;
 275      padding: 0.9em;
 276      font-size: 0.82em;
 277      line-height: 1.4em; }
 278  
 279  .pagination { font-size: 0.90em; }
 280  
 281  /*  ------------------------------------------
 282  /*  Habillage specifique du plan du site
 283  /*  ------------------------------------------ */
 284  
 285  .page_plan .cartouche { display: none; }
 286  
 287  .page_plan #contenu h2 {
 288      clear: both;
 289      background: #EEE;
 290      border: 1px solid #CCC;
 291      padding: 0.5em;
 292      margin-bottom: 1em;
 293      font-weight: bold;
 294      text-align: center; }
 295  
 296  .page_plan #contenu .contre-encart ul {
 297      display: block;
 298      clear: left;
 299      margin-top: 0;
 300      margin-bottom: 1em;
 301      padding-top: 0; }
 302  .page_plan #contenu .contre-encart li {}
 303  
 304  /*  ------------------------------------------
 305  /*  Habillage des formulaires
 306  /*  ------------------------------------------ */
 307  
 308  .formulaire_spip { text-align: left; font-size: 0.77em; }
 309  .formulaire_spip p { margin: 0.5em 0; padding: 0; }
 310  
 311  .formulaire_spip fieldset {}
 312  .formulaire_spip legend {}
 313  
 314  .formulaire_spip label {}
 315  .formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }
 316  
 317  /* Boutons */
 318  .spip_bouton { text-align: right; }
 319  .spip_bouton input { float: right; }
 320  
 321  /* Reponse du formulaire */
 322  .reponse_formulaire { font-weight: bold; color: #e86519; }
 323  fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
 324  
 325  /* Previsualisation du message */
 326  fieldset.previsu { padding: 1em; }
 327  
 328  /* Formulaire de login au forum */
 329  .formulaire_login_forum .forml { width: 12em; }
 330  .formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }
 331  
 332  /* Choix des mots-clefs */
 333  ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
 334  ul.choix_mots label { display: inline; }
 335  
 336  /* Formulaire de recherche */
 337  .formulaire_recherche { width: 12em; text-align: left; }
 338  .formulaire_recherche label { display: none; }
 339  
 340  /*  ------------------------------------------
 341  /*  Habillage des forums
 342  /*  ------------------------------------------ */
 343  
 344  .forum-repondre, .forum-decompte {
 345      clear: both;
 346      margin-top: 2.5em;
 347      padding-top: 2px;
 348      border-top: 2px solid #CCC;
 349      font-size: 0.88em;
 350      font-weight: bold; }
 351  
 352  /* * Habillage des forums */
 353  ul.forum { display: block; clear: both; margin: 0; padding: 0; }
 354  ul.forum, ul.forum ul { list-style: none; }
 355  .forum-fil { margin-top: 1.5em; }
 356  .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
 357  .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
 358  .forum-chapo small {}
 359  .forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
 360  .forum-texte .forum-lien {}
 361  .forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }
 362  
 363  /* Boite d'un forum : eclaircissement progressif des bords */
 364  ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
 365  ul ul .forum-message { border: 1px solid #A4A4A4; }
 366  ul ul ul .forum-message { border: 1px solid #B8B8B8; }
 367  ul ul ul ul .forum-message { border: 1px solid #CCC; }
 368  ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
 369  ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }
 370  
 371  /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
 372  ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
 373  ul ul .forum-chapo { background: #D4E8E8; }
 374  ul ul ul .forum-chapo { background: #E4F0F0; }
 375  ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
 376  ul ul ul ul ul .forum-chapo { background: #FFF; }
 377  
 378  /*  ------------------------------------------
 379  /*  Habillage des petitions
 380  /*  ------------------------------------------ */
 381  
 382  #signatures { clear: both; font-size: 0.77em; }
 383  
 384  #signatures h2 {
 385      padding: 0.5em;
 386      text-align: center;
 387      font-size: 1.2em;
 388      font-weight: bold; }
 389  
 390  #signatures table { width: 100%; margin: 1em 0; }
 391  #signatures thead { display: none; } /* On n'affiche pas les titres du tableau */
 392  
 393  #signatures td.signature-date {
 394      background: #E4F0F0;
 395      padding: 0.5em;
 396      white-space: nowrap; }
 397  
 398  #signatures td.signature-nom {
 399      background: #ECF4F4;
 400      padding: 0.2em;
 401      text-align: center;
 402      font-weight: bold; }
 403  
 404  #signatures td.signature-message {
 405      background: #F4F8F8;
 406      padding: 0.4em;
 407      font-size: 0.96em; }
 408  
 409  /*  ------------------------------------------
 410  /*  Couleurs des liens
 411  /*  ------------------------------------------ */
 412  a { text-decoration: none; color: #333; }
 413  a:hover { text-decoration: underline; }