Changeset 41840 in spip-zone


Ignore:
Timestamp:
Oct 22, 2010, 10:17:21 AM (9 years ago)
Author:
eric@…
Message:

Un fichier css désimbriqué

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/plugins-spip-net/svp2010/css.html

    r35560 r41840  
    22[(#SET{couleur,d88309})]
    33
    4 <BOUCLE_principale(RUBRIQUES){id_rubrique}{tout}>
    5         <BOUCLE_hier_couleur(HIERARCHIE){id_rubrique}>
    6                         [(#SET{couleur,[(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#GET{couleur})]})]})]
    7         </BOUCLE_hier_couleur>
    8         [(#SET{couleur,[(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#GET{couleur})]})]})]
    9 
    10         <BOUCLE_secteur(RUBRIQUES){id_secteur}{id_parent=0}{tout}>
    11                 [(#SET{secteur,#ID_RUBRIQUE})]
    12         </BOUCLE_secteur>
    13 </BOUCLE_principale>
    14 
    15 
    16 
    174body {
    18         background-color: #717070;
    19         color: #333;
    20         margin: 0px;
    21         padding: 0px;
    22         font-family: verdana, arial, helvetica, sans-serif, sans;
    23         font-size: 1em;
    24        
    25         img {
    26                 border: 0px;
    27         }
    28        
    29         a {
    30                 color: #[(#GET{couleur}|couleur_foncer_si_claire)];
    31                 outline: none;
    32                
    33                 . .spip_in {
    34                         color: #[(#GET{couleur}|couleur_foncer_si_claire)];
    35                 }
    36                 . .spip_out {
    37                         color: #[(#GET{couleur}|couleur_foncer_si_claire)];
    38                 }
    39         }
    40        
    41        
    42         .spip_poesie {
    43                 font-family: verdana, arial, helvetica, sans-serif, sans;
    44                 line-height: 1.2em;
    45                 font-size: 90%;
    46         }
    47        
    48         . .sommaire {
    49                 #principal {
    50                         background-color: #dddddd;
    51                 }
    52         }
    53         . .rubrique {
    54                 #principal {
    55                         background-color: #eeeeee;
    56                 }
    57         }
    58        
    59 }
    60 
     5  background-color: #717070;
     6  color: #333;
     7  margin: 0px;
     8  padding: 0px;
     9  font-family: verdana, arial, helvetica, sans-serif, sans;
     10  font-size: 1em;
     11}
     12
     13body img {
     14  border: 0px;
     15}
     16
     17body a {
     18  color: #[(#GET{couleur}|couleur_foncer_si_claire)];
     19  outline: none;
     20}
     21
     22body a .spip_in {
     23  color: #[(#GET{couleur}|couleur_foncer_si_claire)];
     24}
     25
     26body a .spip_out {
     27  color: #[(#GET{couleur}|couleur_foncer_si_claire)];
     28}
     29
     30body .spip_poesie {
     31  font-family: verdana, arial, helvetica, sans-serif, sans;
     32  line-height: 1.2em;
     33  font-size: 90%;
     34}
     35
     36body.sommaire #principal {
     37  background-color: #dddddd;
     38}
     39
     40body.rubrique #principal {
     41  background-color: #eeeeee;
     42}
    6143
    6244.spip_code {
    63         color: #[(#GET{couleur}|couleur_foncer_si_claire)];
    64 }
     45  color: #[(#GET{couleur}|couleur_foncer_si_claire)];
     46}
     47
    6548table.spip {
    66         border: 1px solid #[(#GET{couleur})];
    67         width: 100%;
    68         font-size: 0.9em;
    69         margin-left: 0px;
    70         margin-right: 0px;
    71         border-collapse: separate;
    72         overflow: hidden;
    73        
    74         caption {
    75                 border-bottom: 0px;
    76                 margin: 0px;
    77                 display: table-caption;
    78                 background-color: #[(#GET{couleur})];
    79                 color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)];
    80                
    81                 font-size: 1em;
    82                 padding: 3px;
    83                 padding-left: 10px;
    84                 text-align: left;
    85         }
    86        
    87 
    88         thead {
    89                 tr {
    90 
    91                         th {
    92                                 background-color: #[(#GET{couleur}|couleur_eclaircir)];
    93                                 border: 0px;
    94                         }
    95 
    96                 }
    97         }
    98         tbody {
    99                 tr {
    100 
    101                         . .row_even {
    102                                 background-color: white;
    103                         }
    104                         td {
    105                                 padding: 3px;
    106                                 border: 0px;
    107                                 color: #444444;
    108                                
    109                         }
    110                 }
    111         }
     49  border: 1px solid #[(#GET{couleur})];
     50  width: 100%;
     51  font-size: 0.9em;
     52  margin-left: 0px;
     53  margin-right: 0px;
     54  border-collapse: separate;
     55  overflow: hidden;
     56}
     57
     58table.spip caption {
     59  border-bottom: 0px;
     60  margin: 0px;
     61  display: table-caption;
     62  background-color: #[(#GET{couleur})];
     63  color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)];
     64  font-size: 1em;
     65  padding: 3px;
     66  padding-left: 10px;
     67  text-align: left;
     68}
     69
     70table.spip thead tr th {
     71  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     72  border: 0px;
     73}
     74
     75table.spip tbody tr.row_even {
     76  background-color: white;
     77}
     78
     79table.spip tbody tr td {
     80  padding: 3px;
     81  border: 0px;
     82  color: #444444;
    11283}
    11384
    11485#bandeau-haut {
    115         position: relative;
    116         height: 99px;
    117         background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]) ;
    118        
    119        
    120         .conteneur_page {
    121                 height: 99px;
    122         }
    123        
    124         #fond-haut-droite {
    125                 height: 23px;
    126                 background: url([(#CHEMIN{imgs/fond-bandeau-haut-droite.png})]);
    127                 position: absolute;
    128                 width: 30%;
    129                 top: 0px;
    130                 right: 0px;
    131         }
    132         #bandeau-haut-droite {
    133                 position: absolute;
    134                 top: 0px;
    135                 right: 0px;
    136                 width: 450px;
    137                 height: 23px;
    138                 padding-top: 3px;
    139                 background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat;
    140                 padding-left: 20px;
    141                 text-align: left;
    142                 font-size: 75%;
    143                 color: white;
    144                
    145                 #espace-prive {
    146                         float: right;
    147                 }
    148                
    149                 a {
    150                         text-decoration: none;
    151                         margin-left: 5px;
    152                         padding-left: 10px;
    153                         color: #dddddd;
    154                        
    155                         . :hover {
    156                                 color: white;
    157                                 background: url([(#CHEMIN{imgs/fond-petit-carre.gif})]) 0px 5px no-repeat;
    158                         }
    159                 }
    160         }
    161        
    162         .logo-site-spip {
    163                 position: absolute;
    164                 left: -2px;
    165                 top: 27px;
    166         }
    167        
    168         #pos_recherche {
    169                 position: absolute;
    170                 bottom: 5px;
    171                 right: 230px;
    172                
    173                 form {
    174                         padding: 0px;
    175                         margin: 0px;
    176                        
    177                         label {
    178                                 display: none;
    179                         }
    180                        
    181                         #recherche {
    182                                 width: 100px;
    183                                 border: 1px solid #[(#GET{couleur})];
    184                                 padding: 2px;
    185                         }
    186                         select {
    187                                 border: 1px solid #[(#GET{couleur})];
    188                                 padding: 2px;
    189                                 background-color: #[(#GET{couleur}|couleur_eclaircir)];
    190                         }
    191                         input[type=submit] {
    192                                 background-color: #[(#GET{couleur})];
    193                                 color: white;
    194                                 border: 1px solid #[(#GET{couleur}|couleur_foncer)];
    195                                 padding: 2px;                           
    196                         }
    197                 }
    198         }
    199        
     86  position: relative;
     87  height: 99px;
     88  background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]) ;
     89}
     90
     91#bandeau-haut .conteneur_page {
     92  height: 99px;
     93}
     94
     95#bandeau-haut #fond-haut-droite {
     96  height: 23px;
     97  background: url([(#CHEMIN{imgs/fond-bandeau-haut-droite.png})]);
     98  position: absolute;
     99  width: 30%;
     100  top: 0px;
     101  right: 0px;
     102}
     103
     104#bandeau-haut #bandeau-haut-droite {
     105  position: absolute;
     106  top: 0px;
     107  right: 0px;
     108  width: 450px;
     109  height: 23px;
     110  padding-top: 3px;
     111  background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat;
     112  padding-left: 20px;
     113  text-align: left;
     114  font-size: 75%;
     115  color: white;
     116}
     117
     118#bandeau-haut #bandeau-haut-droite #espace-prive {
     119  float: right;
     120}
     121
     122#bandeau-haut #bandeau-haut-droite a {
     123  text-decoration: none;
     124  margin-left: 5px;
     125  padding-left: 10px;
     126  color: #dddddd;
     127}
     128
     129#bandeau-haut #bandeau-haut-droite a:hover {
     130  color: white;
     131  background: url([(#CHEMIN{imgs/fond-petit-carre.gif})]) 0px 5px no-repeat;
     132}
     133
     134#bandeau-haut .logo-site-spip {
     135  position: absolute;
     136  left: -2px;
     137  top: 27px;
     138}
     139
     140#bandeau-haut #pos_recherche {
     141  position: absolute;
     142  bottom: 5px;
     143  right: 230px;
     144}
     145
     146#bandeau-haut #pos_recherche form {
     147  padding: 0px;
     148  margin: 0px;
     149}
     150
     151#bandeau-haut #pos_recherche form label {
     152  display: none;
     153}
     154
     155#bandeau-haut #pos_recherche form #recherche {
     156  width: 100px;
     157  border: 1px solid #[(#GET{couleur})];
     158  padding: 2px;
     159}
     160
     161#bandeau-haut #pos_recherche form select {
     162  border: 1px solid #[(#GET{couleur})];
     163  padding: 2px;
     164  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     165}
     166
     167#bandeau-haut #pos_recherche form input[type=submit] {
     168  background-color: #[(#GET{couleur})];
     169  color: white;
     170  border: 1px solid #[(#GET{couleur}|couleur_foncer)];
     171  padding: 2px;                         
    200172}
    201173
    202174#principal {
    203         min-height: 300px;
    204         background-color: white;
    205         padding-bottom: 57px;
    206 
    207         .prise-electrique {
    208                 position: absolute;
    209                 right: -7px;
    210                 top: -70px;
    211         }
    212 
    213         div.liste_pipelines {
    214                 font-size: 0.7em;
    215                 text-align: left;
    216                 margin: 0px;
    217                 margin-top: 25px;
    218                
    219                 ul {
    220                         margin: 0px;
    221                         padding: 0px;
    222                         padding-left: 15px;
    223                 }
    224         }
    225 
    226        
    227         #colonne_navigation {
    228                 width: 200px;
    229                 -moz-display: inline-box;
    230                 display: inline-block;
    231                 vertical-align: top;
    232                 padding-top: 150px;
    233        
    234                 ul {
    235                         font-size: 70%;
    236                         line-height: 1.1em;
    237                         margin: 0px;
    238                         padding: 0px;
    239                         list-style-type: none;
    240                        
    241                         li {
    242                                
    243                                 a {
    244                                         width: 159px;
    245                                         margin-bottom: 0px;
    246                                         padding: 4px;
    247                                         padding-top: 7px;
    248                                         padding-right: 15px;
    249                                         display: block;
    250                                         height: 29px;
    251                                         overflow: hidden;
    252                                        
    253                                        
    254                                         span.numero {
    255                                                 display: block;
    256                                                 float: left;
    257                                                 width: 40px;
    258                                                 text-align: right;
    259                                                 font-size: 32px;
    260                                                 line-height: 31px;
    261                                                 margin: 0px;
    262                                                 margin-top: -2px;
    263                                                 padding: 0px;
    264                                                 font-family: arial, helvetica, sans-serif, sans;
    265                                         }
    266                                         span.intitule {
    267                                                 display: block;
    268                                                 padding-left: 47px;
    269                                         }
    270                                        
    271                                 }
    272                         }
    273                        
    274                         <BOUCLE_navigation(RUBRIQUES){tout}{id_parent==^(0|(#GET{secteur}))$}>
    275                         [(#SET{coul_nav, [(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#ID_SECTEUR|pb_couleur_rubrique)]} )]})]
    276                         li.navigation_[(#ID_RUBRIQUE)]{
    277 
    278                                 a {
    279                                         background-color: #f3f3f3;
    280                                         background: url( [(#CHEMIN{imgs/fond-nav-rectangle.png}|image_sepia{f3f3f3}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
    281                                         color: #555555;
    282                                         text-decoration: none;
    283 
    284                                         span.numero {
    285                                                 color: #dddddd;
    286                                         }
    287                                        
    288                                         . :hover {
    289                                                 background-color: #aaaaaa;
    290                                                 background: url( [(#CHEMIN{imgs/fond-nav-simple.png}|image_sepia{aaaaaa}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
    291                                                 color: white;
    292 
    293                                                 span.numero {
    294                                                         color: #666666;
    295                                                 }
    296 
    297                                         }
    298 
    299                                        
    300                                 }
    301                                
    302                         }
    303                         li.navigation_[(#ID_RUBRIQUE)]on{
    304        
    305                                 a {
    306                                         background: url( [(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav})]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
    307                                         color: white;
    308                                         text-decoration: none;
    309                                         font-weight: bold;
    310 
    311                                         span.numero {
    312                                                 font-weight: normal;
    313                                         }
    314 
    315                                        
    316                                         . :hover {
    317                                                 background: url( [(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav}|couleur_foncer)]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
    318                                         }
    319                                 }
    320                                
    321                         }
    322                         </BOUCLE_navigation>
    323                 }
    324         }
    325        
    326         #colonne_centrale {
    327                 position: relative;
    328                 width: 670px;
    329                 float: right;
    330 
    331                 padding-top: 55px;
    332                 font-family: arial, helvetica, sans-serif, sans;
    333                
    334                 .telechargement a {
    335                         background: url([(#CHEMIN{imgs/fleche-bas-blanc.gif})])  6px center no-repeat;
    336                         background-color: #[(#GET{couleur})];
    337                         color: white;
    338                         text-decoration: none;
    339                         display: block;
    340                         float: left;
    341                         padding: 4px;
    342                         padding-left: 20px;
    343                         margin-top: 15px;
    344                         margin-bottom: 10px;
    345                         -moz-border-radius: 5px;
    346                         -webkit-border-radius: 5px;     
    347                        
    348                         . :hover {
    349                                 background-color: #666666;
    350                         }
    351                 }
    352                
    353                
    354                 #articles_presentation {
    355                         position: absolute;
    356                         top: 5px;
    357                         right: 200px;
    358                         width: 700px;
    359                         text-align: right;
    360                         margin: 0px;
    361                         padding: 0px;
    362                         list-style-type: none;
    363                        
    364                         font-size: 0.8em;
    365                        
    366                         li {
    367                                 display: inline;
    368                                 padding-left: 10px;
    369                                
    370                                 a {
    371                                         text-decoration: none;
    372                                        
    373                                         . :hover {
    374                                                 color: black;
    375                                         }
    376                                 }
    377                         }
    378                        
    379                        
    380                        
    381                 }
    382                 #choix_version {
    383                         float: right;
    384                         width: 180px;
    385                         border: 1px solid #ccc;
    386                         -moz-border-radius: 10px;
    387                         -webkit-border-radius: 10px;   
    388                         background-color: #f7f7f7;
    389                         background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
    390                         padding: 9px;
    391                        
    392                         margin: 0px;
    393                         margin-right: -230px;
    394                         font-size: 80%;
    395                         list-style-type: none;
    396                        
    397                         .sel_choix_version {
    398                                 padding-top: 2px;
    399                                 padding-left: 20px;
    400                                 line-height: 1.1em;
    401                                
    402                                 a {
    403                                         text-decoration: none;
    404                                 }
    405                         }                       
    406                         .sel_choix_version_actif {
    407                                 font-weight: bold;
    408                                 padding-left: 20px;
    409                                 background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
    410                                
    411                                 a {
    412                                         color: black;
    413                                 }
    414                         }
    415                 }
    416                
    417                 #logo-article {
    418                         position: absolute;
    419                         width: 230px;
    420                         top: 50px;
    421                         left: -230px;
    422                         text-align: center;
    423                 }
    424                
    425                 h1 {
    426                         margin: 0px;
    427                         padding: 0px;
    428                         color: #[(#GET{couleur}|couleur_foncer_si_claire)];
    429                        
    430                         . #titre_article {
    431                                 float: left;
    432                                 height: 55px;
    433                                 overflow: hidden;
    434                                 background: url([(#CHEMIN{imgs/fond-gris-gauche.png})]) top left;
    435                                 margin-bottom: 40px;
    436                                
    437                                 img {
    438                                         background: url([(#CHEMIN{imgs/fond-gris-droite.png})]) top right no-repeat;
    439                                         color: white;
    440                                         padding: 10px;
    441                                         padding-top: 3px;
    442                                         padding-bottom: 0px;
    443                                 }
    444                         }
    445                 }
    446                 h2 {
    447                         margin: 0px;
    448                         margin-top: -30px;
    449                         padding: 0px;
    450                         color: #[(#GET{couleur}|couleur_foncer_si_claire)];
    451                 }
    452        
    453                 .formulaire_notation {
    454                         font-size: 0.9em;
    455                         color: #666666;
    456                         float: right;
    457                 }
    458                
    459                 .colonne_etroite {
    460                         padding-right: 230px;
    461                
    462                         .texte {
    463                                 margin-top: 25px;
    464                                 line-height: 1.4em;
    465                                 text-align: justify;
    466                                 color: #444444;
    467                                
    468                                 p {
    469                                         text-indent: 1.4em;
    470                                         padding: 0px;
    471                                         margin: 0px;
    472                                        
    473                                         . :first-child {
    474                                                 text-indent: 0px;
    475                                         }
    476                                 }
    477                         }
    478                        
    479                         .liste_articles {
    480                                 margin-top: 25px;
    481                                
    482                                 .selection {
    483                                         float: right;
    484                                 }
    485                         }
    486                        
    487                 }
    488                
    489                 .text_description {
    490                         width: 440px;
    491                         text-align: justify;
    492                         font-family: arial, helvetica, sans-serif, sans;
    493                         line-height: 1.4em;
    494                         padding-top: 20px;
    495 
    496                         p {
    497                                 padding: 0px;
    498                                 margin: 0px;
    499                                 text-indent: 1.4em;
    500                                
    501                                 . :first-child {
    502                                         text-indent: 0px;
    503                                 }
    504                         }
    505                 }
    506        
    507                 .texte_article {
    508                         text-align: justify;
    509                         font-family: arial, helvetica, sans-serif, sans;
    510                         font-size: 85%;
    511                         line-height: 160%;
    512                         padding-top: 50px;
    513                        
    514                        
    515                        
    516                         .spip_documents {
    517                                 font-size: 90%;
    518                                 text-align: justify;
    519                                
    520                                 p {
    521                                         padding: 0px;
    522                                 }
    523                                
    524                                 .spip_doc_titre {
    525                                         text-align: left;
    526                                         padding-top: 5px;
    527                                 }
    528                                 .spip_doc_descriptif {
    529                                         width: auto;
    530                                 }
    531                         }
    532                        
    533                         p {
    534                                 padding: 0px;
    535                                 margin: 0px;
    536                                 padding-top: 0.7em;
    537                                 padding-bottom: 0.7em;
    538                                 padding-right: 230px;
    539                                
    540                                 .spip_documents_right {
    541                                         margin-right: -230px;
    542                                         padding-left: 30px;
    543                                         padding-bottom: 20px;
    544                                 }
    545                         }
    546                        
    547                         ul.spip {
    548                                 margin-right: 230px;
    549                                 margin-top: 0px;
    550                                 padding-top: 0px;
    551                                 padding-bottom: 0px;
    552                                
    553                                 li {
    554                                         padding-top: 1em;
    555                                        
    556                                         . :first-child {
    557                                                 padding-top: 0px;
    558                                         }
    559                                 }
    560                                
    561                                 ul {
    562                                         margin-right: 0px;
    563                                 }
    564                         }
    565 
    566                        
    567                         h3 {
    568                                 margin-right: 230px;
    569                                 padding-left: 30px;
    570                                 padding-right: 30px;
    571                                 font-family: arial, helvetica, sans-serif, sans;
    572                                 font-weight: bold;
    573                                 font-size: 120%;
    574                                 color: #444444;
    575                         }
    576                        
    577                 }
    578                 .notes_article {
    579                         margin-top: 30px;
    580                         font-size: 80%;
    581                         padding-left: 30px;
    582                         padding-right: 230px;
    583                        
    584                         .ouvre_note {
    585                                 display: block;
    586                                 float: left;
    587                                 margin-left: -30px;
    588                         }
    589                 }
    590                
    591                 .pave-liste-article {
    592                         margin-bottom: 50px;
    593                        
    594                        
    595                         .lien_traduction {
    596                                 font-size: 80%;
    597                                 margin-left: 10px;
    598                         }
    599                         .bloc-info-liste {
    600                                 margin-bottom: 10px;
    601                         }
    602                        
    603                         .logo {
    604                                 float: right;
    605                                 padding-left: 20px;
    606                                 padding-top: 5px;
    607                                 padding-bottom: 5px;
    608                         }
    609                        
    610                         .bloc-info-lire {
    611                                 font-size: 80%;
    612                                 text-align: right;
    613                                 padding-top: 7px;
    614                                
    615                                 a {
    616                                         color: #e0e0e0;
    617                                         background-color: #999;
    618                                         padding: 2px;
    619                                         padding-left: 5px;
    620                                         padding-right: 5px;
    621                                         -moz-border-radius: 5px;
    622                                         -webkit-border-radius: 5px;                     
    623                                         -moz-display: inline-box;
    624                                         display: inline-block;
    625                                         text-decoration: none;
    626                                        
    627                                         . :hover {
    628                                                 background-color: #e0e0e0;
    629                                                 color: #666666;
    630                                         }
    631                                 }
    632                         }
    633                         .bloc-info-rubrique {
    634                                 font-size: 75%;
    635                                 float: left;
    636                                 padding-top: 7px;
    637                                 color: #666666;
    638                                
    639                                 a {
    640                                         font-weight: bold;
    641                                 }
    642                         }
    643                        
    644                        
    645                         .description-liste-article {
    646                                 font-size: 80%;
    647                                 text-align: justify;
    648                                
    649                                 p {
    650                                         padding: 0px;
    651                                         margin: 0px;
    652                                         text-indent: 1.4em;
    653                                        
    654                                         . :first-child {
    655                                                 text-indent: 0px;
    656                                         }
    657                                 }
    658                         }
    659                 }
    660                 .petit-titre-article {
    661                         cursor: pointer;
    662                         margin-bottom: 5px;
    663                
    664                         <BOUCLE_toutes_rubriques(RUBRIQUES){tout}>
    665                         a.petit-titre[(#ID_RUBRIQUE)] {
    666                                 display: block;
    667                                 float: left;
    668                                 color: white;
    669                                 height: 21px;
    670                                 overflow: hidden;
    671                                 padding-right: 5px;
    672                                 background: url([(#CHEMIN{imgs/fond-petit-titre-droite.png}|image_sepia{[(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#ID_SECTEUR|pb_couleur_rubrique)]})]}|extraire_attribut{src})]) right top no-repeat;
    673                                
    674                                 span {
    675                                         display: block;
    676                                         padding-left: 6px;
    677                                         background: url([(#CHEMIN{imgs/fond-petit-titre-gauche.png}|image_sepia{[(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#ID_SECTEUR|pb_couleur_rubrique)]})]}|extraire_attribut{src})]) left top no-repeat;
    678                                 }
    679                         }
    680                         </BOUCLE_toutes_rubriques>
    681                 }
    682         }
    683 }
     175  min-height: 300px;
     176  background-color: white;
     177  padding-bottom: 57px;
     178}
     179
     180#principal .prise-electrique {
     181  position: absolute;
     182  right: -7px;
     183  top: -70px;
     184}
     185
     186#principal div.liste_pipelines {
     187  font-size: 0.7em;
     188  text-align: left;
     189  margin: 0px;
     190  margin-top: 25px;
     191}
     192
     193#principal div.liste_pipelines ul {
     194  margin: 0px;
     195  padding: 0px;
     196  padding-left: 15px;
     197}
     198
     199#principal #colonne_navigation {
     200  width: 200px;
     201  -moz-display: inline-box;
     202  display: inline-block;
     203  vertical-align: top;
     204  padding-top: 150px;
     205}
     206
     207#principal #colonne_navigation ul {
     208  font-size: 70%;
     209  line-height: 1.1em;
     210  margin: 0px;
     211  padding: 0px;
     212  list-style-type: none;
     213}
     214
     215#principal #colonne_navigation ul li a {
     216  width: 159px;
     217  margin-bottom: 0px;
     218  padding: 4px;
     219  padding-top: 7px;
     220  padding-right: 15px;
     221  display: block;
     222  height: 29px;
     223  overflow: hidden;
     224}
     225
     226#principal #colonne_navigation ul li a span.numero {
     227  display: block;
     228  float: left;
     229  width: 40px;
     230  text-align: right;
     231  font-size: 32px;
     232  line-height: 31px;
     233  margin: 0px;
     234  margin-top: -2px;
     235  padding: 0px;
     236  font-family: arial, helvetica, sans-serif, sans;
     237}
     238
     239#principal #colonne_navigation ul li a span.intitule {
     240  display: block;
     241  padding-left: 47px;
     242}
     243
     244<BOUCLE_navigation(RUBRIQUES){tout}{id_parent==^(0|(#GET{secteur}))$}>
     245[(#SET{coul_nav, [(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#ID_SECTEUR|pb_couleur_rubrique)]} )]})]
     246#principal #colonne_navigation ul li.navigation_[(#ID_RUBRIQUE)] a {
     247  background-color: #f3f3f3;
     248  background: url( [(#CHEMIN{imgs/fond-nav-rectangle.png}|image_sepia{f3f3f3}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
     249  color: #555555;
     250  text-decoration: none;
     251}
     252
     253#principal #colonne_navigation ul li.navigation_[(#ID_RUBRIQUE)] a span.numero {
     254  color: #dddddd;
     255}
     256
     257#principal #colonne_navigation ul li.navigation_[(#ID_RUBRIQUE)] a:hover {
     258  background-color: #aaaaaa;
     259  background: url( [(#CHEMIN{imgs/fond-nav-simple.png}|image_sepia{aaaaaa}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
     260  color: white;
     261}
     262
     263#principal #colonne_navigation ul li.navigation_[(#ID_RUBRIQUE)] a:hover span.numero {
     264  color: #666666;
     265}
     266
     267#principal #colonne_navigation ul li.navigation_[(#ID_RUBRIQUE)]on a {
     268  background: url( [(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav})]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
     269  color: white;
     270  text-decoration: none;
     271  font-weight: bold;
     272}
     273
     274#principal #colonne_navigation ul li.navigation_[(#ID_RUBRIQUE)]on a span.numero {
     275  font-weight: normal;
     276}
     277
     278#principal #colonne_navigation ul li.navigation_[(#ID_RUBRIQUE)]on a:hover {
     279  background: url( [(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav}|couleur_foncer)]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
     280}
     281</BOUCLE_navigation>
     282
     283#principal #colonne_centrale {
     284  position: relative;
     285  width: 670px;
     286  float: right;
     287  padding-top: 55px;
     288  font-family: arial, helvetica, sans-serif, sans;
     289}
     290
     291#principal #colonne_centrale .telechargement a {
     292  background: url([(#CHEMIN{imgs/fleche-bas-blanc.gif})])  6px center no-repeat;
     293  background-color: #[(#GET{couleur})];
     294  color: white;
     295  text-decoration: none;
     296  display: block;
     297  float: left;
     298  padding: 4px;
     299  padding-left: 20px;
     300  margin-top: 15px;
     301  margin-bottom: 10px;
     302  -moz-border-radius: 5px;
     303  -webkit-border-radius: 5px;   
     304}
     305
     306#principal #colonne_centrale a:hover {
     307  background-color: #666666;
     308}
     309
     310#principal #colonne_centrale #articles_presentation {
     311  position: absolute;
     312  top: 5px;
     313  right: 200px;
     314  width: 700px;
     315  text-align: right;
     316  margin: 0px;
     317  padding: 0px;
     318  list-style-type: none;
     319  font-size: 0.8em;
     320}
     321
     322#principal #colonne_centrale #articles_presentation li {
     323  display: inline;
     324  padding-left: 10px;
     325}
     326
     327#principal #colonne_centrale #articles_presentation li a {
     328  text-decoration: none;
     329}
     330
     331#principal #colonne_centrale #articles_presentation li a:hover {
     332  color: black;
     333}
     334
     335#principal #colonne_centrale #choix_version {
     336  float: right;
     337  width: 180px;
     338  border: 1px solid #ccc;
     339  -moz-border-radius: 10px;
     340  -webkit-border-radius: 10px; 
     341  background-color: #f7f7f7;
     342  background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
     343  padding: 9px;
     344  margin: 0px;
     345  margin-right: -230px;
     346  font-size: 80%;
     347  list-style-type: none;
     348}
     349
     350#principal #colonne_centrale #choix_version .sel_choix_version {
     351  padding-top: 2px;
     352  padding-left: 20px;
     353  line-height: 1.1em;
     354}
     355
     356#principal #colonne_centrale #choix_version .sel_choix_version a {
     357  text-decoration: none;
     358}
     359
     360#principal #colonne_centrale #choix_version .sel_choix_version_actif {
     361  font-weight: bold;
     362  padding-left: 20px;
     363  background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
     364}
     365
     366#principal #colonne_centrale #choix_version .sel_choix_version_actif a {
     367  color: black;
     368}
     369
     370#principal #colonne_centrale #logo-article {
     371  position: absolute;
     372  width: 230px;
     373  top: 50px;
     374  left: -230px;
     375  text-align: center;
     376}
     377
     378#principal #colonne_centrale h1 {
     379  margin: 0px;
     380  padding: 0px;
     381  color: #[(#GET{couleur}|couleur_foncer_si_claire)];
     382}
     383
     384#principal #colonne_centrale h1#titre_article {
     385  float: left;
     386  height: 55px;
     387  overflow: hidden;
     388  background: url([(#CHEMIN{imgs/fond-gris-gauche.png})]) top left;
     389  margin-bottom: 40px;
     390}
     391
     392#principal #colonne_centrale h1#titre_article img {
     393  background: url([(#CHEMIN{imgs/fond-gris-droite.png})]) top right no-repeat;
     394  color: white;
     395  padding: 10px;
     396  padding-top: 3px;
     397  padding-bottom: 0px;
     398}
     399
     400#principal #colonne_centrale h2 {
     401  margin: 0px;
     402  margin-top: -30px;
     403  padding: 0px;
     404  color: #[(#GET{couleur}|couleur_foncer_si_claire)];
     405}
     406
     407#principal #colonne_centrale .formulaire_notation {
     408  font-size: 0.9em;
     409  color: #666666;
     410  float: right;
     411}
     412
     413#principal #colonne_centrale .colonne_etroite {
     414  padding-right: 230px;
     415}
     416
     417#principal #colonne_centrale .colonne_etroite .texte {
     418  margin-top: 25px;
     419  line-height: 1.4em;
     420  text-align: justify;
     421  color: #444444;
     422}
     423
     424#principal #colonne_centrale .colonne_etroite .texte p {
     425  text-indent: 1.4em;
     426  padding: 0px;
     427  margin: 0px;
     428}
     429
     430#principal #colonne_centrale .colonne_etroite .texte p:first-child {
     431  text-indent: 0px;
     432}
     433
     434#principal #colonne_centrale .colonne_etroite .liste_articles {
     435  margin-top: 25px;
     436}
     437
     438#principal #colonne_centrale .colonne_etroite .liste_articles .selection {
     439  float: right;
     440}
     441
     442#principal #colonne_centrale .text_description {
     443  width: 440px;
     444  text-align: justify;
     445  font-family: arial, helvetica, sans-serif, sans;
     446  line-height: 1.4em;
     447  padding-top: 20px;
     448}
     449
     450#principal #colonne_centrale .text_description p {
     451  padding: 0px;
     452  margin: 0px;
     453  text-indent: 1.4em;
     454}
     455
     456#principal #colonne_centrale .text_description p:first-child {
     457  text-indent: 0px;
     458}
     459
     460#principal #colonne_centrale .texte_article {
     461  text-align: justify;
     462  font-family: arial, helvetica, sans-serif, sans;
     463  font-size: 85%;
     464  line-height: 160%;
     465  padding-top: 50px;
     466}
     467
     468#principal #colonne_centrale .texte_article .spip_documents {
     469  font-size: 90%;
     470  text-align: justify;
     471}
     472
     473#principal #colonne_centrale .texte_article .spip_documents p {
     474  padding: 0px;
     475}
     476
     477#principal #colonne_centrale .texte_article .spip_documents .spip_doc_titre {
     478  text-align: left;
     479  padding-top: 5px;
     480}
     481
     482#principal #colonne_centrale .texte_article .spip_documents .spip_doc_descriptif {
     483  width: auto;
     484}
     485
     486#principal #colonne_centrale .texte_article p {
     487  padding: 0px;
     488  margin: 0px;
     489  padding-top: 0.7em;
     490  padding-bottom: 0.7em;
     491  padding-right: 230px;
     492}
     493
     494#principal #colonne_centrale .texte_article p .spip_documents_right {
     495  margin-right: -230px;
     496  padding-left: 30px;
     497  padding-bottom: 20px;
     498}
     499
     500#principal #colonne_centrale .texte_article ul.spip {
     501  margin-right: 230px;
     502  margin-top: 0px;
     503  padding-top: 0px;
     504  padding-bottom: 0px;
     505}
     506
     507#principal #colonne_centrale .texte_article ul.spip li {
     508  padding-top: 1em;
     509}
     510
     511#principal #colonne_centrale .texte_article ul.spip li:first-child {
     512  padding-top: 0px;
     513}
     514
     515#principal #colonne_centrale .texte_article ul.spip ul {
     516  margin-right: 0px;
     517}
     518
     519#principal #colonne_centrale .texte_article h3 {
     520  margin-right: 230px;
     521  padding-left: 30px;
     522  padding-right: 30px;
     523  font-family: arial, helvetica, sans-serif, sans;
     524  font-weight: bold;
     525  font-size: 120%;
     526  color: #444444;
     527}
     528
     529#principal #colonne_centrale .notes_article {
     530  margin-top: 30px;
     531  font-size: 80%;
     532  padding-left: 30px;
     533  padding-right: 230px;
     534}
     535
     536#principal #colonne_centrale .notes_article .ouvre_note {
     537  display: block;
     538  float: left;
     539  margin-left: -30px;
     540}
     541
     542#principal #colonne_centrale .pave-liste-article {
     543  margin-bottom: 50px;
     544}
     545
     546#principal #colonne_centrale .pave-liste-article .lien_traduction {
     547  font-size: 80%;
     548  margin-left: 10px;
     549}
     550
     551#principal #colonne_centrale .pave-liste-article .bloc-info-liste {
     552  margin-bottom: 10px;
     553}
     554
     555#principal #colonne_centrale .pave-liste-article .logo {
     556  float: right;
     557  padding-left: 20px;
     558  padding-top: 5px;
     559  padding-bottom: 5px;
     560}
     561
     562#principal #colonne_centrale .pave-liste-article .bloc-info-lire {
     563  font-size: 80%;
     564  text-align: right;
     565  padding-top: 7px;
     566}
     567
     568#principal #colonne_centrale .pave-liste-article .bloc-info-lire a {
     569  color: #e0e0e0;
     570  background-color: #999;
     571  padding: 2px;
     572  padding-left: 5px;
     573  padding-right: 5px;
     574  -moz-border-radius: 5px;
     575  -webkit-border-radius: 5px;                   
     576  -moz-display: inline-box;
     577  display: inline-block;
     578  text-decoration: none;
     579}
     580
     581#principal #colonne_centrale .pave-liste-article .bloc-info-lire a:hover {
     582  background-color: #e0e0e0;
     583  color: #666666;
     584}
     585
     586#principal #colonne_centrale .pave-liste-article .bloc-info-rubrique {
     587  font-size: 75%;
     588  float: left;
     589  padding-top: 7px;
     590  color: #666666;
     591}
     592
     593#principal #colonne_centrale .pave-liste-article .bloc-info-rubrique a {
     594  font-weight: bold;
     595}
     596
     597#principal #colonne_centrale .pave-liste-article .description-liste-article {
     598  font-size: 80%;
     599  text-align: justify;
     600}
     601
     602#principal #colonne_centrale .pave-liste-article .description-liste-article p {
     603  padding: 0px;
     604  margin: 0px;
     605  text-indent: 1.4em;
     606}
     607
     608#principal #colonne_centrale .pave-liste-article .description-liste-article p:first-child {
     609  text-indent: 0px;
     610}
     611
     612#principal #colonne_centrale .petit-titre-article {
     613  cursor: pointer;
     614  margin-bottom: 5px;
     615}
     616
     617<BOUCLE_toutes_rubriques(RUBRIQUES){tout}>
     618#principal #colonne_centrale .petit-titre-article a.petit-titre[(#ID_RUBRIQUE)] {
     619  display: block;
     620  float: left;
     621  color: white;
     622  height: 21px;
     623  overflow: hidden;
     624  padding-right: 5px;
     625  background: url([(#CHEMIN{imgs/fond-petit-titre-droite.png}|image_sepia{[(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#ID_SECTEUR|pb_couleur_rubrique)]})]}|extraire_attribut{src})]) right top no-repeat;
     626}
     627
     628#principal #colonne_centrale .petit-titre-article a.petit-titre[(#ID_RUBRIQUE)] span {
     629  display: block;
     630  padding-left: 6px;
     631  background: url([(#CHEMIN{imgs/fond-petit-titre-gauche.png}|image_sepia{[(#ID_RUBRIQUE|pb_couleur_rubrique|sinon{[(#ID_SECTEUR|pb_couleur_rubrique)]})]}|extraire_attribut{src})]) left top no-repeat;
     632}
     633</BOUCLE_toutes_rubriques>
    684634
    685635#signature_site {
    686         margin-top: 50px;
    687         width: 200px;
    688         float: right;
    689         clear: both;
    690         padding-bottom: 30px;
    691        
    692         .intitule_signature {
    693                 font-size: 80%;
    694                 padding-bottom: 5px;
    695                 padding-left: 15px;             
    696                 background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{[(#GET{couleur})]}|image_aplatir{gif,ffffff}|extraire_attribut{src})] ) 0px 3px no-repeat;
    697                
    698                 a {
    699                         text-decoration: none;
    700                 }
    701         }
     636  margin-top: 50px;
     637  width: 200px;
     638  float: right;
     639  clear: both;
     640  padding-bottom: 30px;
     641}
     642
     643#signature_site .intitule_signature {
     644  font-size: 80%;
     645  padding-bottom: 5px;
     646  padding-left: 15px;           
     647  background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{[(#GET{couleur})]}|image_aplatir{gif,ffffff}|extraire_attribut{src})] ) 0px 3px no-repeat;
     648}
     649
     650#signature_site .intitule_signature a {
     651  text-decoration: none;
    702652}
    703653
    704654#liste_sites {
    705         margin-top: 50px;
    706         margin-right: 230px;
    707         font-size: 85%;
    708 
    709         ul {
    710                 padding: 0px;
    711                 margin: 0px;
    712                 margin-top: 3px;
    713                 list-style-type: none;
    714                
    715                
    716                 li {
    717                         border-top: 1px solid #[(#GET{couleur}|couleur_eclaircir)];
    718                         padding-top: 2px;
    719                         margin-top: 2px;
    720                         float: left;
    721                         width: 48%;
    722                        
    723                         . .liste1 {
    724                                 margin-right: 4%;
    725                                 clear: left;
    726                         }
    727                        
    728                         a {
    729                                 text-decoration: none;
    730                                 display: block;
    731                                
    732                                 . :hover {
    733                                         color: black;
    734                                 }
    735                                
    736                                 .pr {
    737                                         float: left;
    738                                         display: block;
    739                                 }
    740                                 .nom_site {
    741                                         display: block;
    742                                         padding-left: 27px;
    743                                 }
    744                                
    745                         }
    746                 }
    747         }
    748        
     655  margin-top: 50px;
     656  margin-right: 230px;
     657  font-size: 85%;
     658}
     659
     660#liste_sites ul {
     661  padding: 0px;
     662  margin: 0px;
     663  margin-top: 3px;
     664  list-style-type: none;
     665}
     666
     667#liste_sites ul li {
     668  border-top: 1px solid #[(#GET{couleur}|couleur_eclaircir)];
     669  padding-top: 2px;
     670  margin-top: 2px;
     671  float: left;
     672  width: 48%;
     673}
     674
     675#liste_sites ul li.liste1 {
     676  margin-right: 4%;
     677  clear: left;
     678}
     679
     680#liste_sites ul li a {
     681  text-decoration: none;
     682  display: block;
     683}
     684
     685#liste_sites ul li a:hover {
     686  color: black;
     687}
     688
     689#liste_sites ul li a .pr {
     690  float: left;
     691  display: block;
     692}
     693
     694#liste_sites ul li a .nom_site {
     695  display: block;
     696  padding-left: 27px;
    749697}
    750698
    751699.formulaire_signature {
    752         font-size: 80%;
    753         border: 1px solid #[(#GET{couleur})];;
    754         padding: 0px;
    755         color: #[(#GET{couleur}|couleur_foncer)];
    756 
    757         form {
    758                 margin: 0px;
    759                 padding: 0px;
    760         }
    761        
    762         fieldset {
    763                 border: 0px;
    764                 padding: 0px;
    765                 margin: 0px;
    766                
    767                 legend {
    768                         display: none;
    769                 }
    770                
    771                 p.explication {
    772                         border-top: 1px solid #[(#GET{couleur})];
    773                         background-color: #[(#GET{couleur}|couleur_eclaircir)];
    774                         margin: 0px;
    775                         margin-top: 5px;
    776                         padding: 10px;
    777                         padding-left: 5px;
    778                         padding-top: 5px;
    779                
    780                 }
    781                
    782                 ul {
    783                         margin: 0px;
    784                         padding: 0px;
    785                         list-style-type: none;
    786                        
    787                         li {
    788                                 display: block;
    789                                 margin: 10px;
    790                                 margin-top: 5px;
    791                                 margin-bottom: 0px;
    792                        
    793                                 label {
    794                                         display: block;
    795                                 }
    796                                
    797                                 input {
    798                                         width: 170px;
    799                                 }
    800                         }
    801                 }
    802         }
    803        
    804        
    805         p.reponse_formulaire {
    806                 margin: 0px;
    807                 padding: 10px;
    808                 background-color: #[(#GET{couleur}|couleur_eclaircir|couleur_eclaircir)];
    809                 color: #[(#GET{couleur}|couleur_foncer)];
    810         }
    811         .erreur_message {
    812                 display: block;
    813                 color: red;
    814                 font-size: 90%;
    815                 line-height: 1.1em;
    816         }
    817         .boutons {
    818 
    819                 margin: 0px;
    820                 margin-top: 5px;
    821                 border-top: 1px solid #[(#GET{couleur})];
    822                
    823                 background-color: #[(#GET{couleur}|couleur_eclaircir)];
    824                 text-align: right;
    825                 padding: 10px;
    826                 padding-top: 5px;
    827                 padding-bottom: 5px;
    828                
    829                 input {
    830                         background-color: #[(#GET{couleur}|couleur_foncer)];
    831                         color: white;
    832                         border: white;
    833                 }
    834         }
    835        
    836 }
    837 
    838 
    839 .coloration_code {
    840         .cadre {
    841                 background-color: #f0f0f0;
    842                 padding: 10px;
    843                        
    844                 ol {
    845                         margin: 0px;
    846                         padding: 0px;
    847                         padding-left: 30px;
    848                         font-family: verdana, arial, sans;
    849                         font-weight: bold;
    850                         color: #999999;
    851                         line-height: 1.1em;
    852                         font-size: 0.5em;
    853 
    854                         li {
    855                                 margin: 0px;
    856                                 padding: 0px;
    857                                 border-bottom: 1px solid #eeeeee;
    858                                 margin-bottom: 2px;
    859                                 padding-bottom: 2px;
    860                                 font-weight: normal;
    861                                 text-align: left;
    862                                
    863                                 . :first-child {
    864                                         border-top: 1px solid #eeeeee;
    865                                         padding-top: 4px;
    866                                 }
    867                                
    868                                 div {
    869                                         color: #444444;
    870                                         font-size: 2.4em;
    871                                         line-height: 1.2em;
    872                                 }
    873                         }
    874 
    875                        
    876                 }
    877                        
    878 
    879         }
    880                
    881         .cadre_download a {
    882                 font-size: 0.9em;
    883         }
     700  font-size: 80%;
     701  border: 1px solid #[(#GET{couleur})];;
     702  padding: 0px;
     703  color: #[(#GET{couleur}|couleur_foncer)];
     704}
     705
     706.formulaire_signature form {
     707  margin: 0px;
     708  padding: 0px;
     709}
     710
     711.formulaire_signature fieldset {
     712  border: 0px;
     713  padding: 0px;
     714  margin: 0px;
     715}
     716
     717.formulaire_signature fieldset legend {
     718  display: none;
     719}
     720
     721.formulaire_signature fieldset p.explication {
     722  border-top: 1px solid #[(#GET{couleur})];
     723  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     724  margin: 0px;
     725  margin-top: 5px;
     726  padding: 10px;
     727  padding-left: 5px;
     728  padding-top: 5px;
     729}
     730
     731.formulaire_signature fieldset ul {
     732  margin: 0px;
     733  padding: 0px;
     734  list-style-type: none;
     735}
     736
     737.formulaire_signature fieldset ul li {
     738  display: block;
     739  margin: 10px;
     740  margin-top: 5px;
     741  margin-bottom: 0px;
     742}
     743
     744.formulaire_signature fieldset ul li label {
     745  display: block;
     746}
     747
     748.formulaire_signature fieldset ul li input {
     749  width: 170px;
     750}
     751
     752.formulaire_signature p.reponse_formulaire {
     753  margin: 0px;
     754  padding: 10px;
     755  background-color: #[(#GET{couleur}|couleur_eclaircir|couleur_eclaircir)];
     756  color: #[(#GET{couleur}|couleur_foncer)];
     757}
     758
     759.formulaire_signature .erreur_message {
     760  display: block;
     761  color: red;
     762  font-size: 90%;
     763  line-height: 1.1em;
     764}
     765
     766.formulaire_signature .boutons {
     767  margin: 0px;
     768  margin-top: 5px;
     769  border-top: 1px solid #[(#GET{couleur})];
     770  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     771  text-align: right;
     772  padding: 10px;
     773  padding-top: 5px;
     774  padding-bottom: 5px;
     775}
     776
     777.formulaire_signature .boutons input {
     778  background-color: #[(#GET{couleur}|couleur_foncer)];
     779  color: white;
     780  border: white;
     781}
     782
     783.coloration_code .cadre {
     784  background-color: #f0f0f0;
     785  padding: 10px;
     786}
     787
     788.coloration_code .cadre ol {
     789  margin: 0px;
     790  padding: 0px;
     791  padding-left: 30px;
     792  font-family: verdana, arial, sans;
     793  font-weight: bold;
     794  color: #999999;
     795  line-height: 1.1em;
     796  font-size: 0.5em;
     797}
     798
     799.coloration_code .cadre ol li {
     800  margin: 0px;
     801  padding: 0px;
     802  border-bottom: 1px solid #eeeeee;
     803  margin-bottom: 2px;
     804  padding-bottom: 2px;
     805  font-weight: normal;
     806  text-align: left;
     807}
     808
     809.coloration_code .cadre ol li:first-child {
     810  border-top: 1px solid #eeeeee;
     811  padding-top: 4px;
     812}
     813
     814.coloration_code .cadre ol li div {
     815  color: #444444;
     816  font-size: 2.4em;
     817  line-height: 1.2em;
     818}
     819
     820.coloration_code .cadre_download a {
     821  font-size: 0.9em;
    884822}
    885823
    886824#bandeau-bas {
    887         background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x;
    888         padding-top: 15px;
    889         font-size: 70%;
    890         color: white;
    891 
    892 
    893         .logo-site-spip {
    894                 position: absolute;
    895                 right: -3px;
    896                 top: 10px;
    897         }
    898        
    899         a {
    900                 color: #dddddd;
    901                
    902                 . :hover {
    903                         color: white;
    904                 }
    905         }
    906        
    907         ul {
    908                 padding-left: 15px;
    909         }
    910        
    911         #site-utilise {
    912                 position: absolute;
    913                 top: 70px;
    914                 right: 0px;
    915                 width: 237px;
    916         }
    917        
    918         #galaxie {
    919                 position: absolute;
    920                 top: 100px;
    921                 left: 0px;
    922         }
    923        
    924         #syndication {
    925                 position: absolute;
    926                 top: 5px;
    927                 left: 230px;
    928                 width: 360px;
    929         }
    930 
     825  background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x;
     826  padding-top: 15px;
     827  font-size: 70%;
     828  color: white;
     829}
     830
     831#bandeau-bas .logo-site-spip {
     832  position: absolute;
     833  right: -3px;
     834  top: 10px;
     835}
     836
     837#bandeau-bas a {
     838  color: #dddddd;
     839}
     840
     841#bandeau-bas a:hover {
     842  color: white;
     843}
     844
     845#bandeau-bas ul {
     846  padding-left: 15px;
     847}
     848
     849#bandeau-bas #site-utilise {
     850  position: absolute;
     851  top: 70px;
     852  right: 0px;
     853  width: 237px;
     854}
     855
     856#bandeau-bas #galaxie {
     857  position: absolute;
     858  top: 100px;
     859  left: 0px;
     860}
     861
     862#bandeau-bas #syndication {
     863  position: absolute;
     864  top: 5px;
     865  left: 230px;
     866  width: 360px;
    931867}
    932868
    933869.conteneur_page {
    934         position: relative;
    935         width: 900px;
    936         margin: auto;
    937 }
     870  position: relative;
     871  width: 900px;
     872  margin: auto;
     873}
     874
    938875.clear-left {
    939         clear: left;
    940 }
     876  clear: left;
     877}
     878
    941879.clear-right {
    942         clear: left;
    943 }
     880  clear: left;
     881}
     882
    944883.clear-both {
    945         clear: both;
     884  clear: both;
    946885}
    947886
    948887.bloc_infos {
    949         font-size: 80%;
    950         font-family: arial, helvetica, sans;
    951         color: #666;
    952 
    953         .bloc1 {
    954                 padding-right: 15px;
    955                 width: 120px;
    956         }
    957         .bloc2 {
    958                 padding-right: 15px;
    959                 width: 170px;
    960         }
    961         .bloc3 {
    962                 padding-right: 0px;
    963                 width: 120px;
    964         }
    965 
    966         .bloc {
    967                 float: left;
    968                
    969                 div.element {
    970                                 border-top: 1px solid #ddd;
    971                                 padding-top: 2px;
    972                                 margin-top: 2px;
    973                 }
    974                 div.homepage {
    975                         margin-top: 2px;
    976                         background-color: #e0e0e0;
    977                         padding: 2px;
    978                         text-align: center;
    979                         -moz-border-radius: 5px;
    980                         -webkit-border-radius: 5px;                     
    981                        
    982                          a {
    983                                 text-decoration: none;
    984                                 color: #666666;
    985                                
    986                                 . :hover {
    987                                         color: black;
    988                                 }
    989                          }
    990                 }
    991                
    992                 ul {
    993                         padding: 0px;
    994                         margin: 0px;
    995                         margin-bottom: 0px;
    996                         list-style-type: none;
    997                        
    998                         li {
    999                                 border-top: 1px solid #ddd;
    1000                                 padding-top: 2px;
    1001                                 margin-top: 2px;
    1002                                 padding-left: 20px;
    1003                                 background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
    1004                                
    1005                                 .explication {
    1006                                         margin-left: -20px;
    1007                                         margin-top: 2px;
    1008                                         font-size: 80%;
    1009                                         color: #444444;
    1010                                         text-align: justify;
    1011                                
    1012                                         p {
    1013                                                 margin: 0px;
    1014                                                 padding: 0px;
    1015                                         }
    1016                                 }
    1017                         }
    1018                 }
    1019                
    1020         }
    1021 
     888  font-size: 80%;
     889  font-family: arial, helvetica, sans;
     890  color: #666;
     891}
     892
     893.bloc_infos .bloc1 {
     894  padding-right: 15px;
     895  width: 120px;
     896}
     897
     898.bloc_infos .bloc2 {
     899  padding-right: 15px;
     900  width: 170px;
     901}
     902
     903.bloc_infos .bloc3 {
     904  padding-right: 0px;
     905  width: 120px;
     906}
     907
     908.bloc_infos .bloc {
     909  float: left;
     910}
     911
     912.bloc_infos .bloc div.element {
     913  border-top: 1px solid #ddd;
     914  padding-top: 2px;
     915  margin-top: 2px;
     916}
     917
     918.bloc_infos .bloc div.homepage {
     919  margin-top: 2px;
     920  background-color: #e0e0e0;
     921  padding: 2px;
     922  text-align: center;
     923  -moz-border-radius: 5px;
     924  -webkit-border-radius: 5px;                   
     925}
     926
     927.bloc_infos .bloc div.homepage a {
     928  text-decoration: none;
     929  color: #666666;
     930}
     931
     932.bloc_infos .bloc div.homepage a:hover {
     933  color: black;
     934}
     935
     936.bloc_infos .bloc ul {
     937  padding: 0px;
     938  margin: 0px;
     939  margin-bottom: 0px;
     940  list-style-type: none;
     941}
     942
     943.bloc_infos .bloc ul li {
     944  border-top: 1px solid #ddd;
     945  padding-top: 2px;
     946  margin-top: 2px;
     947  padding-left: 20px;
     948  background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
     949}
     950
     951.bloc_infos .bloc ul li .explication {
     952  margin-left: -20px;
     953  margin-top: 2px;
     954  font-size: 80%;
     955  color: #444444;
     956  text-align: justify;
     957}
     958
     959.bloc_infos .bloc ul li .explication p {
     960  margin: 0px;
     961  padding: 0px;
    1022962}
    1023963
    1024964#selection_spip {
    1025         padding-top: 30px;
    1026         float: right;
    1027         width: 200px;
    1028         text-align: center;
     965  padding-top: 30px;
     966  float: right;
     967  width: 200px;
     968  text-align: center;
    1029969}
    1030970
    1031971#reviews {
    1032         clear: both;
    1033        
    1034         .review {
    1035                 font-size: 85%;
    1036                 clear: both;
    1037                 padding-top: 30px;
    1038                
    1039                
    1040                 .auteur {
    1041                         font-size: 90%;
    1042                         float: right;
    1043                         width: 200px;
    1044                        
    1045                         .logo {
    1046                                 padding-top: 2px;
    1047                                 float: left;
    1048                         }
    1049                        
    1050                         .element {
    1051                                 margin-left: 50px;
    1052                                 border-top: 1px solid #aaaaaa;
    1053                                 padding-top: 2px;
    1054                                 margin-top: 2px;
    1055                         }
    1056                 }
    1057        
    1058                 .texte {
    1059                         margin-right: 230px;
    1060                         text-align: justify;
    1061                        
    1062                         p {
    1063                                 padding: 0px;
    1064                                 margin:0px;
    1065                                 text-indent: 1.4em;
    1066        
    1067                                 . :first-child {
    1068                                         text-indent: 0px;
    1069                                 }
    1070                         }
    1071                 }
    1072         }
     972  clear: both;
     973}
     974
     975#reviews .review {
     976  font-size: 85%;
     977  clear: both;
     978  padding-top: 30px;
     979}
     980
     981#reviews .review .auteur {
     982  font-size: 90%;
     983  float: right;
     984  width: 200px;
     985}
     986
     987#reviews .review .auteur .logo {
     988  padding-top: 2px;
     989  float: left;
     990}
     991
     992#reviews .review .auteur .element {
     993  margin-left: 50px;
     994  border-top: 1px solid #aaaaaa;
     995  padding-top: 2px;
     996  margin-top: 2px;
     997}
     998
     999#reviews .review .texte {
     1000  margin-right: 230px;
     1001  text-align: justify;
     1002}
     1003
     1004#reviews .review .texte p {
     1005  padding: 0px;
     1006  margin:0px;
     1007  text-indent: 1.4em;
     1008}
     1009
     1010#reviews .review .texte p:first-child {
     1011  text-indent: 0px;
    10731012}
    10741013
    10751014#form_review {
    1076         clear: both;
    1077         padding-top: 30px;
    1078         width: 440px;
    1079        
    1080         #click_review {
    1081                 float: right;
    1082                 margin-right: -230px;
    1083                 width: 185px;
    1084                 cursor: pointer;
    1085                 font-size: 80%;
    1086                 padding-bottom: 5px;
    1087                 padding-left: 15px;             
    1088                 background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{666666}|image_aplatir{gif,ffffff}|extraire_attribut{src})] ) 0px 3px no-repeat;
    1089                 color: #555555;
    1090                 font-weight: bold;
    1091         }
    1092         #click_review_off {
    1093                 font-size: 80%;
    1094                 padding-bottom: 5px;
    1095                 color: #444444;
    1096                 font-weight: bold;
    1097         }
    1098        
    1099 }
     1015  clear: both;
     1016  padding-top: 30px;
     1017  width: 440px;
     1018}
     1019
     1020#form_review #click_review {
     1021  float: right;
     1022  margin-right: -230px;
     1023  width: 185px;
     1024  cursor: pointer;
     1025  font-size: 80%;
     1026  padding-bottom: 5px;
     1027  padding-left: 15px;           
     1028  background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{666666}|image_aplatir{gif,ffffff}|extraire_attribut{src})] ) 0px 3px no-repeat;
     1029  color: #555555;
     1030  font-weight: bold;
     1031}
     1032
     1033#form_review #click_review_off {
     1034  font-size: 80%;
     1035  padding-bottom: 5px;
     1036  color: #444444;
     1037  font-weight: bold;
     1038}
     1039
    11001040#formulaire_review {
    1101         font-size: 80%;
    1102        
    1103         padding: 0px;
    1104         border: 1px solid #666666;
    1105         background-color: #eeeeee;
    1106        
    1107         form {
    1108                 margin: 0px;
    1109                 padding: 0px;
    1110         }
    1111        
    1112         p.boutons {
    1113                 background-color: #666666;
    1114                 padding: 5px;
    1115                 padding-right: 9px;
    1116                 text-align: right;
    1117                 margin: 0px;
    1118 
    1119                 input {
    1120                         width: auto;
    1121                         border: 1px solid #aaaaaa;
    1122                 }
    1123 
    1124         }
    1125        
    1126         .erreur_message {
    1127                 color: red;
    1128                 padding-bottom: 2px;
    1129         }
    1130        
    1131         fieldset.previsu {
    1132                 p.boutons {
    1133                         margin-left: -9px;
    1134                         margin-right: -9px;     
    1135                 }
    1136                
    1137         }
    1138        
    1139         fieldset {
    1140                 border: 0px;
    1141                 margin: 0px;
    1142                 margin-right: 0px;
    1143                 margin-left: 0px;
    1144                 margin-top: 0px;
    1145                 margin-bottom: 0px;
    1146                
    1147                 legend {
    1148                         display: block;
    1149                         margin: 0px;
    1150                         padding: 3px;
    1151                         background-color: #666666;
    1152                         color: white;
    1153                         float: none;
    1154                 }
    1155                
    1156                 .explication {
    1157                         display: none;
    1158                 }
    1159                
    1160                 table.spip_barre {
    1161                         background-color: #aaaaaa;
    1162                         width: 100%;
    1163                        
    1164                         tr {
    1165                                 width: 100%;
    1166                                 td input {
    1167                                         background-color: #aaaaaa;
    1168                                         border: 0px;
    1169                                         width: 410px;
    1170                                         margin: 0px;
    1171                                         display: none;
    1172                                 }
    1173                         }
    1174                        
    1175                         a {
    1176                        
    1177                                 img {
    1178                                         -moz-display: inline-box;
    1179                                         display: inline-block;
    1180                                         background-color: #cccccc;
    1181                                                 padding: 2px;
    1182                                                 margin: 2px;
    1183                                                 margin-right: 0px;
    1184                                                 margin-bottom: 0px;
    1185                                 }
    1186                                
    1187                                 . :hover {
    1188                                         img {
    1189                                                 -moz-display: inline-box;
    1190                                                 display: inline-block;
    1191                                                 background-color: white;
    1192                                                 padding: 2px;
    1193                                                 margin: 2px;
    1194                                                 margin-right: 0px;
    1195                                                 margin-bottom: 0px;
    1196                                         }
    1197 
    1198                                 }
    1199                         }
    1200                 }
    1201                
    1202                 input {
    1203                         width: 420px;
    1204                         border: 1px solid #aaaaaa;
    1205                 }
    1206                        
    1207                
    1208                 textarea {
    1209                         width: 410px;
    1210                         padding: 5px;
    1211                         border: 1px solid #aaaaaa;
    1212                         border-top: 0px;
    1213                         margin-top: 0px;
    1214                 }
    1215                
    1216         }
    1217        
    1218        
    1219         ul {
    1220                 margin: 0px;
    1221                 padding: 0px;
    1222                 list-style-type: none;
    1223         }
    1224        
    1225         li.saisie_titre {
    1226                 display: none;
    1227         }
    1228         li.saisie_texte label {
    1229                 display: none;
    1230         }
    1231         .forum-chapo {
    1232                 display: none;
    1233         }
    1234        
     1041  font-size: 80%;
     1042  padding: 0px;
     1043  border: 1px solid #666666;
     1044  background-color: #eeeeee;
     1045}
     1046
     1047#formulaire_review form {
     1048  margin: 0px;
     1049  padding: 0px;
     1050}
     1051
     1052#formulaire_review p.boutons {
     1053  background-color: #666666;
     1054  padding: 5px;
     1055  padding-right: 9px;
     1056  text-align: right;
     1057  margin: 0px;
     1058}
     1059
     1060#formulaire_review p.boutons input {
     1061  width: auto;
     1062  border: 1px solid #aaaaaa;
     1063}
     1064
     1065#formulaire_review .erreur_message {
     1066  color: red;
     1067  padding-bottom: 2px;
     1068}
     1069
     1070#formulaire_review fieldset.previsu p.boutons {
     1071  margin-left: -9px;
     1072  margin-right: -9px;   
     1073}
     1074
     1075#formulaire_review fieldset {
     1076  border: 0px;
     1077  margin: 0px;
     1078  margin-right: 0px;
     1079  margin-left: 0px;
     1080  margin-top: 0px;
     1081  margin-bottom: 0px;
     1082}
     1083
     1084#formulaire_review fieldset legend {
     1085  display: block;
     1086  margin: 0px;
     1087  padding: 3px;
     1088  background-color: #666666;
     1089  color: white;
     1090  float: none;
     1091}
     1092
     1093#formulaire_review fieldset .explication {
     1094  display: none;
     1095}
     1096
     1097#formulaire_review fieldset table.spip_barre {
     1098  background-color: #aaaaaa;
     1099  width: 100%;
     1100}
     1101
     1102#formulaire_review fieldset table.spip_barre tr {
     1103  width: 100%;
     1104}
     1105
     1106#formulaire_review fieldset table.spip_barre tr td input {
     1107  background-color: #aaaaaa;
     1108  border: 0px;
     1109  width: 410px;
     1110  margin: 0px;
     1111  display: none;
     1112}
     1113
     1114#formulaire_review fieldset table.spip_barre a img {
     1115  -moz-display: inline-box;
     1116  display: inline-block;
     1117  background-color: #cccccc;
     1118  padding: 2px;
     1119  margin: 2px;
     1120  margin-right: 0px;
     1121  margin-bottom: 0px;
     1122}
     1123
     1124#formulaire_review fieldset table.spip_barre a:hover img {
     1125  -moz-display: inline-box;
     1126  display: inline-block;
     1127  background-color: white;
     1128  padding: 2px;
     1129  margin: 2px;
     1130  margin-right: 0px;
     1131  margin-bottom: 0px;
     1132}
     1133
     1134#formulaire_review fieldset input {
     1135  width: 420px;
     1136  border: 1px solid #aaaaaa;
     1137}
     1138
     1139#formulaire_review fieldset textarea {
     1140  width: 410px;
     1141  padding: 5px;
     1142  border: 1px solid #aaaaaa;
     1143  border-top: 0px;
     1144  margin-top: 0px;
     1145}
     1146
     1147#formulaire_review ul {
     1148  margin: 0px;
     1149  padding: 0px;
     1150  list-style-type: none;
     1151}
     1152
     1153#formulaire_review li.saisie_titre {
     1154  display: none;
     1155}
     1156
     1157#formulaire_review li.saisie_texte label {
     1158  display: none;
     1159}
     1160
     1161#formulaire_review .forum-chapo {
     1162  display: none;
    12351163}
    12361164
    12371165#pave_inscription {
    1238         #formulaire_inscription {
    1239                 margin: 0px;
    1240                 padding: 0px;
    1241                 display: block;
    1242         }
    1243 
    1244         -moz-border-radius: 5px;
    1245         -webkit-border-radius: 5px;     
    1246         float: right;
    1247         width: 200px;
    1248         font-size: 80%;
    1249         background-color: #[(#GET{couleur}|couleur_eclaircir)];
    1250         color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
    1251        
    1252         form {
    1253                 padding: 0px;
    1254                 margin: 0px;
    1255         }
    1256        
    1257         fieldset {
    1258                 padding: 0px;
    1259                 margin: 0px;
    1260                 margin-top: 0px;
    1261                 border: 0px;
    1262                 width: 100%;
    1263                
    1264                 p {
    1265                         margin: 0px;
    1266                         padding: 5px;
    1267                         font-size: 90%;
    1268                 }
    1269                
    1270                 legend {
    1271                         background-color: #[(#GET{couleur}|couleur_eclaircir)];
    1272                         display: none;
    1273                         margin: 0px;
    1274                         width: 190px;
    1275                         padding: 4px;
    1276                         font-weight: bold;
    1277                         color: #[(#GET{couleur})];
    1278                         margin-top: 0px;
    1279                 }
    1280                
    1281                 ul {
    1282                         padding: 0px;
    1283                         margin: 0px;
    1284                         list-style-type: none;
    1285 
    1286                        
    1287                         li {
    1288                                 background-color: #[(#GET{couleur}|couleur_foncer)];
    1289                        
    1290                                 padding: 5px;
    1291                                 color: #[(#GET{couleur}|couleur_eclaircir)];
    1292                                
    1293                                 . :first-child {
    1294                                         padding-bottom: 0px;
    1295                                 }
    1296                                
    1297                                 .erreur_message {
    1298                                         display: block;
    1299                                         color: white;
    1300                                         font-size: 90%;
    1301                                 }
    1302                         }
    1303                        
    1304                         input {
    1305                                 width: 180px;
    1306                                 border: 1px solid #[(#GET{couleur}|couleur_foncer)];
    1307                                
    1308                         }
    1309                 }
    1310         }
    1311        
    1312         p.boutons {
    1313                 background-color: #[(#GET{couleur}|couleur_eclaircir)];
    1314                 text-align: right;
    1315                 margin: 0px;
    1316                 padding: 5px;
    1317                 margin-bottom: 0px;
    1318                
    1319                 input {
    1320                         background-color: #[(#GET{couleur}|couleur_foncer)];
    1321                         border: 0px;
    1322                         color: white;
    1323                 }
    1324         }
     1166  -moz-border-radius: 5px;
     1167  -webkit-border-radius: 5px;   
     1168  float: right;
     1169  width: 200px;
     1170  font-size: 80%;
     1171  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     1172  color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
     1173}
     1174
     1175#pave_inscription #formulaire_inscription {
     1176  margin: 0px;
     1177  padding: 0px;
     1178  display: block;
     1179}
     1180
     1181#pave_inscription form {
     1182  padding: 0px;
     1183  margin: 0px;
     1184}
     1185
     1186#pave_inscription fieldset {
     1187  padding: 0px;
     1188  margin: 0px;
     1189  margin-top: 0px;
     1190  border: 0px;
     1191  width: 100%;
     1192}
     1193
     1194#pave_inscription fieldset p {
     1195  margin: 0px;
     1196  padding: 5px;
     1197  font-size: 90%;
     1198}
     1199
     1200#pave_inscription fieldset legend {
     1201  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     1202  display: none;
     1203  margin: 0px;
     1204  width: 190px;
     1205  padding: 4px;
     1206  font-weight: bold;
     1207  color: #[(#GET{couleur})];
     1208  margin-top: 0px;
     1209}
     1210
     1211#pave_inscription fieldset ul {
     1212  padding: 0px;
     1213  margin: 0px;
     1214  list-style-type: none;
     1215}
     1216
     1217#pave_inscription fieldset ul li {
     1218  background-color: #[(#GET{couleur}|couleur_foncer)];
     1219  padding: 5px;
     1220  color: #[(#GET{couleur}|couleur_eclaircir)];
     1221}
     1222
     1223#pave_inscription fieldset ul li:first-child {
     1224  padding-bottom: 0px;
     1225}
     1226
     1227#pave_inscription fieldset ul li .erreur_message {
     1228  display: block;
     1229  color: white;
     1230  font-size: 90%;
     1231}
     1232
     1233#pave_inscription fieldset ul input {
     1234  width: 180px;
     1235  border: 1px solid #[(#GET{couleur}|couleur_foncer)];
     1236}
     1237
     1238#pave_inscription p.boutons {
     1239  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     1240  text-align: right;
     1241  margin: 0px;
     1242  padding: 5px;
     1243  margin-bottom: 0px;
     1244}
     1245
     1246#pave_inscription p.boutons input {
     1247  background-color: #[(#GET{couleur}|couleur_foncer)];
     1248  border: 0px;
     1249  color: white;
    13251250}
    13261251
    13271252#cadre-forum {
    1328         border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
    1329         padding-top: 20px;
    1330         padding-bottom: 20px;
    1331 
    1332         background-color: #[(#GET{couleur})];
    1333         color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
    1334        
    1335        
    1336        
    1337         ul {
    1338                 padding: 0px;
    1339                 margin: 0px;
    1340         }
    1341        
    1342         #bouton_ecrire_forum {
    1343                                 clear: right;
    1344                                 margin-top: 0px;
    1345                                 width: 185px;
    1346                                 float: right;
    1347                                 font-size: 80%;
    1348                                 cursor: pointer;
    1349                                
    1350                                 padding-bottom: 5px;
    1351                                 padding-left: 15px;             
    1352                                 font-weight: bold;
    1353                                 background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{ffffff}|image_aplatir{gif,[(#GET{couleur})]}|extraire_attribut{src})] ) 0px 3px no-repeat;
    1354         }
    1355        
    1356         .messages_forum {
    1357                         margin-left: 219px;
    1358                         margin-right: -11px;
    1359                         background-color: white;
    1360                         color: #[(#GET{couleur}|couleur_foncer)];
    1361                         border: 1px solid white;
    1362                         margin-top: 20px;
    1363                         font-size: 85%;
    1364                         clear: both;
    1365 
    1366 
    1367                 .message-forum {
    1368                         padding: 10px;
    1369        
    1370                         clear: both;
    1371                        
    1372                        
    1373                         .auteur_plugin {
    1374                                 background-color: #aaaaaa;
    1375                                 color: white;
    1376                                 margin-bottom: -2px;
    1377                                 padding-bottom: 2px;
    1378                                 padding-left: 5px;
    1379                                 padding-right: 5px;
    1380                         }
    1381                         .auteur {
    1382                                 font-size: 90%;
    1383                                 float: right;
    1384                                 width: 200px;
    1385                                
    1386                                 .logo {
    1387                                         padding-top: 2px;
    1388                                         float: left;
    1389                                 }
    1390                                
    1391                                 .element {
    1392                                         margin-left: 50px;
    1393                                         border-top: 1px solid #aaaaaa;
    1394                                         padding-top: 2px;
    1395                                         margin-top: 2px;
    1396                                 }
    1397                         }
    1398                
    1399                         .texte {
    1400                                 margin-right: 230px;
    1401                                 text-align: justify;
    1402                                
    1403                                 p {
    1404                                         padding: 0px;
    1405                                         margin:0px;
    1406                                         text-indent: 1.4em;
    1407                
    1408                                         . :first-child {
    1409                                                 text-indent: 0px;
    1410                                         }
    1411                                 }
    1412                         }
    1413                        
    1414                 }
    1415                
    1416                 .reponse_forum {
    1417                         border-top: 1px solid white;
    1418                         background-color: #[(#GET{couleur}|couleur_saturation{0.2})];
    1419                 }
    1420                 .repondre_forum {
    1421                         padding: 10px;
    1422                         padding-top: 10px;
    1423                         .bouton_repondre_forum {
    1424                                 clear: right;
    1425                                 margin-top: 0px;
    1426                                 width: 185px;
    1427                                 float: right;
    1428                                 font-size: 80%;
    1429                                
    1430                                 padding-bottom: 5px;
    1431                                 padding-left: 15px;             
    1432                                 font-weight: bold;
    1433                                 background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{[(#GET{couleur})]}|image_aplatir{gif,ffffff}|extraire_attribut{src})] ) 0px 3px no-repeat;
    1434                                
    1435                                 a {
    1436                                         text-decoration: none;
    1437                                         color: #[(#GET{couleur})];
    1438                                 }
    1439                         }
    1440                 }
    1441 
    1442         }
    1443 
    1444         #formulaire-du-forum, .formulaire_reponse_forum {
    1445                 margin-left: 220px;
    1446                 margin-right: 230px;
    1447                 display: none;
    1448                 width: 438px;
    1449                 font-size: 80%;
    1450                
    1451                 padding: 0px;
    1452                 border: 1px solid #[(#GET{couleur}|couleur_foncer)];
    1453                 background-color: #[(#GET{couleur}|couleur_eclaircir)];
    1454                 color: black;
    1455                
    1456                 form {
    1457                         margin: 0px;
    1458                         padding: 0px;
    1459                 }
    1460                
    1461                 p.boutons {
    1462                         background-color: #[(#GET{couleur}|couleur_foncer)];
    1463                         padding: 5px;
    1464                         padding-right: 9px;
    1465                         text-align: right;
    1466                         margin: 0px;
    1467        
    1468                         input {
    1469                                 width: auto;
    1470                                 border: 1px solid white;
    1471                                 background-color: #[(#GET{couleur}|couleur_foncer)];
    1472                                 color: white;
    1473                         }
    1474        
    1475                 }
    1476                
    1477                 .erreur_message {
    1478                         color: red;
    1479                         padding-bottom: 2px;
    1480                 }
    1481                
    1482                 fieldset.previsu {
    1483                         p.boutons {
    1484                                 margin-left: -9px;
    1485                                 margin-right: -9px;     
    1486                         }
    1487                        
    1488                 }
    1489                
    1490                 fieldset {
    1491                         border: 0px;
    1492                         margin: 0px;
    1493                         margin-right: 0px;
    1494                         margin-left: 0px;
    1495                         margin-top: 0px;
    1496                         margin-bottom: 0px;
    1497                        
    1498                         legend {
    1499                                 display: block;
    1500                                 margin: 0px;
    1501                                 padding: 3px;
    1502                                 background-color: #[(#GET{couleur}|couleur_foncer)];
    1503                                 color: white;
    1504                                 float: none;
    1505                         }
    1506                        
    1507                         .explication {
    1508                                 display: none;
    1509                         }
    1510                        
    1511                         table.spip_barre {
    1512                                 background-color: #aaaaaa;
    1513                                 width: 100%;
    1514                                
    1515                                 tr {
    1516                                         width: 100%;
    1517                                         td input {
    1518                                                 background-color: #aaaaaa;
    1519                                                 border: 0px;
    1520                                                 width: 410px;
    1521                                                 margin: 0px;
    1522                                                 display: none;
    1523                                         }
    1524                                 }
    1525                                
    1526                                 a {
    1527                                
    1528                                         img {
    1529                                                 -moz-display: inline-box;
    1530                                                 display: inline-block;
    1531                                                 background-color: #cccccc;
    1532                                                         padding: 2px;
    1533                                                         margin: 2px;
    1534                                                         margin-right: 0px;
    1535                                                         margin-bottom: 0px;
    1536                                         }
    1537                                        
    1538                                         . :hover {
    1539                                                 img {
    1540                                                         -moz-display: inline-box;
    1541                                                         display: inline-block;
    1542                                                         background-color: white;
    1543                                                         padding: 2px;
    1544                                                         margin: 2px;
    1545                                                         margin-right: 0px;
    1546                                                         margin-bottom: 0px;
    1547                                                 }
    1548        
    1549                                         }
    1550                                 }
    1551                         }
    1552                        
    1553                         input {
    1554                                 width: 414px;
    1555                                 border: 1px solid #aaaaaa;
    1556                                 padding: 3px;
    1557                         }
    1558                                
    1559                        
    1560                         textarea {
    1561                                 width: 410px;
    1562                                 padding: 5px;
    1563                                 border: 1px solid #aaaaaa;
    1564                                 border-top: 0px;
    1565                                 margin-top: 0px;
    1566                         }
    1567                        
    1568                 }
    1569                
    1570                
    1571                 ul {
    1572                         margin: 0px;
    1573                         padding: 0px;
    1574                         list-style-type: none;
    1575                 }
    1576                
    1577                 li.saisie_titre {
    1578                         display: none;
    1579                 }
    1580                 li.saisie_texte label {
    1581                         display: none;
    1582                 }
    1583                 .forum-chapo {
    1584                         display: none;
    1585                 }
    1586 
    1587 
    1588         }
    1589        
    1590         .formulaire_reponse_forum {
    1591                 margin-left: 0px;
    1592                 margin-top: 30px;
    1593         }
    1594 
     1253  border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
     1254  padding-top: 20px;
     1255  padding-bottom: 20px;
     1256  background-color: #[(#GET{couleur})];
     1257  color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
     1258}
     1259
     1260#cadre-forum ul {
     1261  padding: 0px;
     1262  margin: 0px;
     1263}
     1264
     1265#cadre-forum #bouton_ecrire_forum {
     1266  clear: right;
     1267  margin-top: 0px;
     1268  width: 185px;
     1269  float: right;
     1270  font-size: 80%;
     1271  cursor: pointer;
     1272  padding-bottom: 5px;
     1273  padding-left: 15px;           
     1274  font-weight: bold;
     1275  background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{ffffff}|image_aplatir{gif,[(#GET{couleur})]}|extraire_attribut{src})] ) 0px 3px no-repeat;
     1276}
     1277
     1278#cadre-forum .messages_forum {
     1279  margin-left: 219px;
     1280  margin-right: -11px;
     1281  background-color: white;
     1282  color: #[(#GET{couleur}|couleur_foncer)];
     1283  border: 1px solid white;
     1284  margin-top: 20px;
     1285  font-size: 85%;
     1286  clear: both;
     1287}
     1288
     1289#cadre-forum .messages_forum .message-forum {
     1290  padding: 10px;
     1291  clear: both;
     1292}
     1293
     1294#cadre-forum .messages_forum .message-forum .auteur_plugin {
     1295  background-color: #aaaaaa;
     1296  color: white;
     1297  margin-bottom: -2px;
     1298  padding-bottom: 2px;
     1299  padding-left: 5px;
     1300  padding-right: 5px;
     1301}
     1302
     1303#cadre-forum .messages_forum .message-forum .auteur {
     1304  font-size: 90%;
     1305  float: right;
     1306  width: 200px;
     1307}
     1308
     1309#cadre-forum .messages_forum .message-forum .auteur .logo {
     1310  padding-top: 2px;
     1311  float: left;
     1312}
     1313
     1314#cadre-forum .messages_forum .message-forum .auteur .element {
     1315  margin-left: 50px;
     1316  border-top: 1px solid #aaaaaa;
     1317  padding-top: 2px;
     1318  margin-top: 2px;
     1319}
     1320
     1321#cadre-forum .messages_forum .message-forum .texte {
     1322  margin-right: 230px;
     1323  text-align: justify;
     1324}
     1325
     1326#cadre-forum .messages_forum .message-forum .texte p {
     1327  padding: 0px;
     1328  margin:0px;
     1329  text-indent: 1.4em;
     1330}
     1331
     1332#cadre-forum .messages_forum .message-forum .texte p:first-child {
     1333  text-indent: 0px;
     1334}
     1335
     1336#cadre-forum .messages_forum .reponse_forum {
     1337  border-top: 1px solid white;
     1338  background-color: #[(#GET{couleur}|couleur_saturation{0.2})];
     1339}
     1340
     1341#cadre-forum .messages_forum .repondre_forum {
     1342  padding: 10px;
     1343  padding-top: 10px;
     1344}
     1345
     1346#cadre-forum .messages_forum .repondre_forum .bouton_repondre_forum {
     1347  clear: right;
     1348  margin-top: 0px;
     1349  width: 185px;
     1350  float: right;
     1351  font-size: 80%;
     1352  padding-bottom: 5px;
     1353  padding-left: 15px;           
     1354  font-weight: bold;
     1355  background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{[(#GET{couleur})]}|image_aplatir{gif,ffffff}|extraire_attribut{src})] ) 0px 3px no-repeat;
     1356}
     1357
     1358#cadre-forum .messages_forum .repondre_forum .bouton_repondre_forum a {
     1359  text-decoration: none;
     1360  color: #[(#GET{couleur})];
     1361}
     1362
     1363#cadre-forum #formulaire-du-forum {
     1364  margin-left: 220px;
     1365  margin-right: 230px;
     1366  display: none;
     1367  width: 438px;
     1368  font-size: 80%;
     1369  padding: 0px;
     1370  border: 1px solid #[(#GET{couleur}|couleur_foncer)];
     1371  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     1372  color: black;
     1373}
     1374
     1375#cadre-forum #formulaire-du-forum form {
     1376  margin: 0px;
     1377  padding: 0px;
     1378}
     1379
     1380#cadre-forum #formulaire-du-forum p.boutons {
     1381  background-color: #[(#GET{couleur}|couleur_foncer)];
     1382  padding: 5px;
     1383  padding-right: 9px;
     1384  text-align: right;
     1385  margin: 0px;
     1386}
     1387
     1388#cadre-forum #formulaire-du-forum p.boutons input {
     1389  width: auto;
     1390  border: 1px solid white;
     1391  background-color: #[(#GET{couleur}|couleur_foncer)];
     1392  color: white;
     1393}
     1394
     1395#cadre-forum #formulaire-du-forum .erreur_message {
     1396  color: red;
     1397  padding-bottom: 2px;
     1398}
     1399
     1400#cadre-forum #formulaire-du-forum fieldset.previsu p.boutons {
     1401  margin-left: -9px;
     1402  margin-right: -9px;   
     1403}
     1404
     1405#cadre-forum #formulaire-du-forum fieldset {
     1406  border: 0px;
     1407  margin: 0px;
     1408  margin-right: 0px;
     1409  margin-left: 0px;
     1410  margin-top: 0px;
     1411  margin-bottom: 0px;
     1412}
     1413
     1414#cadre-forum #formulaire-du-forum fieldset legend {
     1415  display: block;
     1416  margin: 0px;
     1417  padding: 3px;
     1418  background-color: #[(#GET{couleur}|couleur_foncer)];
     1419  color: white;
     1420  float: none;
     1421}
     1422
     1423#cadre-forum #formulaire-du-forum fieldset .explication {
     1424  display: none;
     1425}
     1426
     1427#cadre-forum #formulaire-du-forum fieldset table.spip_barre {
     1428  background-color: #aaaaaa;
     1429  width: 100%;
     1430}
     1431
     1432#cadre-forum #formulaire-du-forum fieldset table.spip_barre tr {
     1433  width: 100%;
     1434}
     1435
     1436#cadre-forum #formulaire-du-forum fieldset table.spip_barre tr td input {
     1437  background-color: #aaaaaa;
     1438  border: 0px;
     1439  width: 410px;
     1440  margin: 0px;
     1441  display: none;
     1442}
     1443
     1444#cadre-forum #formulaire-du-forum fieldset table.spip_barre a img {
     1445  -moz-display: inline-box;
     1446  display: inline-block;
     1447  background-color: #cccccc;
     1448  padding: 2px;
     1449  margin: 2px;
     1450  margin-right: 0px;
     1451  margin-bottom: 0px;
     1452}
     1453
     1454#cadre-forum #formulaire-du-forum fieldset table.spip_barre a:hover img {
     1455  -moz-display: inline-box;
     1456  display: inline-block;
     1457  background-color: white;
     1458  padding: 2px;
     1459  margin: 2px;
     1460  margin-right: 0px;
     1461  margin-bottom: 0px;
     1462}
     1463
     1464#cadre-forum #formulaire-du-forum fieldset input {
     1465  width: 414px;
     1466  border: 1px solid #aaaaaa;
     1467  padding: 3px;
     1468}
     1469
     1470#cadre-forum #formulaire-du-forum fieldset textarea {
     1471  width: 410px;
     1472  padding: 5px;
     1473  border: 1px solid #aaaaaa;
     1474  border-top: 0px;
     1475  margin-top: 0px;
     1476}
     1477
     1478#cadre-forum #formulaire-du-forum ul {
     1479  margin: 0px;
     1480  padding: 0px;
     1481  list-style-type: none;
     1482}
     1483
     1484#cadre-forum #formulaire-du-forum li.saisie_titre {
     1485  display: none;
     1486}
     1487
     1488#cadre-forum #formulaire-du-forum li.saisie_texte label {
     1489  display: none;
     1490}
     1491
     1492#cadre-forum #formulaire-du-forum .forum-chapo {
     1493  display: none;
     1494}
     1495
     1496#cadre-forum .formulaire_reponse_forum {
     1497  margin-left: 220px;
     1498  margin-right: 230px;
     1499  display: none;
     1500  width: 438px;
     1501  font-size: 80%;
     1502  padding: 0px;
     1503  border: 1px solid #[(#GET{couleur}|couleur_foncer)];
     1504  background-color: #[(#GET{couleur}|couleur_eclaircir)];
     1505  color: black;
     1506}
     1507
     1508#cadre-forum .formulaire_reponse_forum form {
     1509  margin: 0px;
     1510  padding: 0px;
     1511}
     1512
     1513#cadre-forum .formulaire_reponse_forum p.boutons {
     1514  background-color: #[(#GET{couleur}|couleur_foncer)];
     1515  padding: 5px;
     1516  padding-right: 9px;
     1517  text-align: right;
     1518  margin: 0px;
     1519}
     1520
     1521#cadre-forum .formulaire_reponse_forum p.boutons input {
     1522  width: auto;
     1523  border: 1px solid white;
     1524  background-color: #[(#GET{couleur}|couleur_foncer)];
     1525  color: white;
     1526}
     1527
     1528#cadre-forum .formulaire_reponse_forum .erreur_message {
     1529  color: red;
     1530  padding-bottom: 2px;
     1531}
     1532
     1533#cadre-forum .formulaire_reponse_forum fieldset.previsu p.boutons {
     1534  margin-left: -9px;
     1535  margin-right: -9px;   
     1536}
     1537
     1538#cadre-forum .formulaire_reponse_forum fieldset {
     1539  border: 0px;
     1540  margin: 0px;
     1541  margin-right: 0px;
     1542  margin-left: 0px;
     1543  margin-top: 0px;
     1544  margin-bottom: 0px;
     1545}
     1546
     1547#cadre-forum .formulaire_reponse_forum fieldset legend {
     1548  display: block;
     1549  margin: 0px;
     1550  padding: 3px;
     1551  background-color: #[(#GET{couleur}|couleur_foncer)];
     1552  color: white;
     1553  float: none;
     1554}
     1555
     1556#cadre-forum .formulaire_reponse_forum fieldset .explication {
     1557  display: none;
     1558}
     1559
     1560#cadre-forum .formulaire_reponse_forum fieldset table.spip_barre {
     1561  background-color: #aaaaaa;
     1562  width: 100%;
     1563}
     1564
     1565#cadre-forum .formulaire_reponse_forum fieldset table.spip_barre tr {
     1566  width: 100%;
     1567}
     1568
     1569#cadre-forum .formulaire_reponse_forum fieldset table.spip_barre tr td input {
     1570  background-color: #aaaaaa;
     1571  border: 0px;
     1572  width: 410px;
     1573  margin: 0px;
     1574  display: none;
     1575}
     1576
     1577#cadre-forum .formulaire_reponse_forum fieldset table.spip_barre a img {
     1578  -moz-display: inline-box;
     1579  display: inline-block;
     1580  background-color: #cccccc;
     1581  padding: 2px;
     1582  margin: 2px;
     1583  margin-right: 0px;
     1584  margin-bottom: 0px;
     1585}
     1586
     1587#cadre-forum .formulaire_reponse_forum fieldset table.spip_barre a:hover img {
     1588  -moz-display: inline-box;
     1589  display: inline-block;
     1590  background-color: white;
     1591  padding: 2px;
     1592  margin: 2px;
     1593  margin-right: 0px;
     1594  margin-bottom: 0px;
     1595}
     1596
     1597#cadre-forum .formulaire_reponse_forum fieldset input {
     1598  width: 414px;
     1599  border: 1px solid #aaaaaa;
     1600  padding: 3px;
     1601}
     1602
     1603#cadre-forum .formulaire_reponse_forum fieldset textarea {
     1604  width: 410px;
     1605  padding: 5px;
     1606  border: 1px solid #aaaaaa;
     1607  border-top: 0px;
     1608  margin-top: 0px;
     1609}
     1610
     1611#cadre-forum .formulaire_reponse_forum ul {
     1612  margin: 0px;
     1613  padding: 0px;
     1614  list-style-type: none;
     1615}
     1616
     1617#cadre-forum .formulaire_reponse_forum li.saisie_titre {
     1618  display: none;
     1619}
     1620
     1621#cadre-forum .formulaire_reponse_forum li.saisie_texte label {
     1622  display: none;
     1623}
     1624
     1625#cadre-forum .formulaire_reponse_forum .forum-chapo {
     1626  display: none;
     1627}
     1628
     1629#cadre-forum .formulaire_reponse_forum {
     1630  margin-left: 0px;
     1631  margin-top: 30px;
    15951632}
    15961633
    15971634#selection {
    1598         border: 2px solid #ccc;
    1599         margin-bottom: 60px;
    1600         margin-top: 24px;
    1601         padding: 9px;
    1602         -moz-border-radius: 10px;
    1603         -webkit-border-radius: 10px;   
    1604         background-color: #f7f7f7;
    1605         background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
    1606        
    1607         #titres_selection {
    1608                 float: left;
    1609                 width: 200px;   
    1610                 font-size: 80%;
    1611                
    1612                 a.lien-selection {
    1613                         display: block;
    1614                         width: 160px;
    1615                         padding-top: 2px;
    1616                         margin-top: 2px;
    1617                         padding-left: 20px;
    1618                         text-decoration: none;
    1619                         color: #999;
    1620                        
    1621                         . :hover {
    1622                                 color: #444;
    1623                         }
    1624                 }
    1625                
    1626                 a.lien-selection-on {
    1627                         background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
    1628                         color: black;
    1629                         font-weight: bold;
    1630                        
    1631                         . :hover {
    1632                                 color: black;
    1633                         }
    1634                 }
    1635         }
    1636        
    1637         #slide_selection .pave-liste-article-section {
    1638                 margin-bottom: 0px;
    1639         }
    1640        
    1641 }
    1642 
    1643 #FILTRE{css_imbriques_decouper}
     1635  border: 2px solid #ccc;
     1636  margin-bottom: 60px;
     1637  margin-top: 24px;
     1638  padding: 9px;
     1639  -moz-border-radius: 10px;
     1640  -webkit-border-radius: 10px; 
     1641  background-color: #f7f7f7;
     1642  background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
     1643}
     1644
     1645#selection #titres_selection {
     1646  float: left;
     1647  width: 200px;
     1648  font-size: 80%;
     1649}
     1650
     1651#selection #titres_selection a.lien-selection {
     1652  display: block;
     1653  width: 160px;
     1654  padding-top: 2px;
     1655  margin-top: 2px;
     1656  padding-left: 20px;
     1657  text-decoration: none;
     1658  color: #999;
     1659}
     1660
     1661#selection #titres_selection a.lien-selection:hover {
     1662  color: #444;
     1663}
     1664
     1665#selection #titres_selection a.lien-selection-on {
     1666  background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
     1667  color: black;
     1668  font-weight: bold;
     1669}
     1670
     1671#selection #titres_selection a.lien-selection-on:hover {
     1672  color: black;
     1673}
     1674
     1675#selection #slide_selection .pave-liste-article-section {
     1676  margin-bottom: 0px;
     1677}
Note: See TracChangeset for help on using the changeset viewer.