Luxbum.net - Script de galerie photo

Changeset 281

Show
Ignore:
Timestamp:
03/03/08 20:12:35 (9 months ago)
Author:
nicolas
Message:

reformatage correct des css

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • branches/luxbum-0.6/_styles/manager.css

    r68 r281  
    11 
    22td { 
    3        font-size:12px; 
     3  font-size:12px; 
    44} 
    55 
     
    77/*=========================================== 
    88   Zone d'administration 
    9 =============================================*/ 
     9   */ 
    1010body { 
    11        font-family: Verdana,Arial,Helevetica,sans-serif; 
    12        color: #000; 
    13        font-size: 0.8em; 
    14        margin:0px; 
    15        margin-left : 2em; 
    16        margin-right : 2em; 
    17        text-align: center; /* pour corriger le bug de centrage IE */ 
    18        background-color : #EEE; 
     11  font-family: Verdana,Arial,Helevetica,sans-serif; 
     12  color: #000; 
     13  font-size: 0.8em; 
     14  margin:0px; 
     15  margin-left : 2em; 
     16  margin-right : 2em; 
     17  text-align: center; /* pour corriger le bug de centrage IE */ 
     18  background-color : #EEE; 
    1919} 
    2020 
    2121#login { 
    22        width: 400px; 
    23        margin: auto; 
    24        text-align: left; 
    25        padding: 2em 1em; 
    26        background: #fff; 
    27        color: #000; 
    28        border: 1px solid #999; 
    29        -moz-border-radius:6px; 
    30        -border-radius:6px; 
    31 
     22  width: 400px; 
     23  margin: auto; 
     24  text-align: left; 
     25  padding: 2em 1em; 
     26  background: #fff; 
     27  color: #000; 
     28  border: 1px solid #999; 
     29  -moz-border-radius:6px; 
     30  border-radius:6px; 
     31
    3232 
    3333 
    3434/* Titre */ 
    3535h1 { 
    36        text-align:center; 
    37        background:url('../_images/luxbum_h1.jpg') center no-repeat; 
    38        height:160px; 
     36  text-align:center; 
     37  background:url('../_images/luxbum_h1.jpg') center no-repeat; 
     38  height:160px; 
    3939} 
    4040 
    4141h1 span { 
    42        display:none; 
     42  display:none; 
    4343} 
    4444 
    4545#message_ok { 
    46        text-align: left; 
    47        border-top: 1px solid #9c9; 
    48        border-bottom: 1px solid #9c9; 
    49        padding-left:25px; 
    50        font-size: 0.9em; 
    51        color: #060; 
    52        background: url("../_images/manager/check_on.png") #E2F9E3 left no-repeat; 
    53        background-position:7px; 
     46  text-align: left; 
     47  border-top: 1px solid #9c9; 
     48  border-bottom: 1px solid #9c9; 
     49  padding-left:25px; 
     50  font-size: 0.9em; 
     51  color: #060; 
     52  background: url("../_images/manager/check_on.png") #E2F9E3 left no-repeat; 
     53  background-position:7px; 
    5454} 
    5555 
    5656#message_ko { 
    57        text-align: left; 
    58        border-top: 1px solid #A10000; 
    59        border-bottom: 1px solid #A10000; 
    60        padding-left:25px; 
    61        font-size: 0.9em; 
    62        background: url("../_images/manager/check_off.png") #FFBCBC left no-repeat;  
    63        background-position:7px; 
    64        color:#c00; 
     57  text-align: left; 
     58  border-top: 1px solid #A10000; 
     59  border-bottom: 1px solid #A10000; 
     60  padding-left:25px; 
     61  font-size: 0.9em; 
     62  background: url("../_images/manager/check_off.png") #FFBCBC left no-repeat;  
     63  background-position:7px; 
     64  color:#c00; 
    6565} 
    6666 
    6767.invisible { 
    68        visibility: hidden; 
    69        display: none; 
    70 } 
    71  
    72 /*=========================================== 
    73 FORMULAIRES 
    74 =============================================*/ 
     68  visibility: hidden; 
     69  display: none; 
     70} 
     71 
     72/*=========================================== 
     73   FORMULAIRES 
     74   */ 
    7575input, textarea, option, select { 
    76        background: #eef3f5; 
    77        color: #000; 
    78        font-family: Verdana,Arial,Helvetica,sans-serif; 
    79        font-size: 1em; 
    80     margin-top: 2px; 
     76  background: #eef3f5; 
     77  color: #000; 
     78  font-family: Verdana,Arial,Helvetica,sans-serif; 
     79  font-size: 1em; 
     80  margin-top: 2px; 
    8181} 
    8282input, textarea { 
    83        border: 1px solid #999; 
     83  border: 1px solid #999; 
    8484} 
    8585 
    8686fieldset { 
    87        border: 1px solid #ccc; 
    88        padding:0.5em; 
    89        text-align: left; 
     87  border: 1px solid #ccc; 
     88  padding:0.5em; 
     89  text-align: left; 
    9090} 
    9191 
    9292 
    9393legend { 
    94        font-weight: bold; 
     94  font-weight: bold; 
    9595} 
    9696 
    9797label, span.label { 
    98        display: block; 
    99        position: static;  /* IE n'aime pas relative */ 
     98  display: block; 
     99  position: static;  /* IE n'aime pas relative */ 
    100100} 
    101101 
    102102input.submit { 
    103        border-style: solid; 
    104        border-color: #999; 
    105        background: #d2e0e6 url("../_images/manager/degrade_bleu.png") repeat-x 0 100%; 
    106        font-weight: bold; 
     103  border-style: solid; 
     104  border-color: #999; 
     105  background: #d2e0e6 url("../_images/manager/degrade_bleu.png") repeat-x 0 100%; 
     106  font-weight: bold; 
    107107} 
    108108 
    109109input.submit:active { 
    110        border-style: solid; 
     110  border-style: solid; 
    111111} 
    112112input.file { 
    113        border-color:black; 
    114        border-width:1px; 
     113  border-color:black; 
     114  border-width:1px; 
    115115} 
    116116input.size-control { 
    117        border: none; 
    118        background: none; 
     117  border: none; 
     118  background: none; 
    119119 
    120120} 
    121121span.size-control { 
    122        display: block; 
    123        float: right; 
     122  display: block; 
     123  float: right; 
    124124} 
    125125 
    126126p.field { 
    127        clear: left; 
    128        margin: 0; 
    129        padding: 1em 0 0 0; 
     127  clear: left; 
     128  margin: 0; 
     129  padding: 1em 0 0 0; 
    130130} 
    131131 
    132132label.float, span.label { 
    133        position: relative; 
    134        float: left; 
    135        width: 25%; 
    136        padding-right: 0.5em; 
     133  position: relative; 
     134  float: left; 
     135  width: 25%; 
     136  padding-right: 0.5em; 
    137137} 
    138138label.float_login { 
    139        position: relative; 
    140        float: left; 
    141        width: 35%; 
    142        padding-right: 0.5em; 
     139  position: relative; 
     140  float: left; 
     141  width: 35%; 
     142  padding-right: 0.5em; 
    143143} 
    144144 
    145145 
    146146.logo_menu { 
    147        margin:0px; 
    148        height:122px; 
    149        background:none; 
     147  margin:0px; 
     148  height:122px; 
     149  background:none; 
    150150} 
    151151 
    152152.logo_menu span { 
    153        display:none; 
     153  display:none; 
    154154} 
    155155 
     
    157157/* Switch rapide */ 
    158158div.rapid_switch { 
    159        float: right;  
    160        width:250px; 
    161        position: relative; 
    162        border: 1px solid #ccc; 
    163        background: #e7e7e7; 
    164        margin: 0; 
    165        padding: 8px; 
    166        white-space: nowrap; 
    167     z-index: 2; 
     159  float: right;  
     160  width:250px; 
     161  position: relative; 
     162  border: 1px solid #ccc; 
     163  background: #e7e7e7; 
     164  margin: 0; 
     165  padding: 8px; 
     166  white-space: nowrap; 
     167  z-index: 2; 
    168168} 
    169169/* input:focus { */ 
     
    172172 
    173173/*=========================================== 
    174 ONGLETS 
    175 =============================================*/ 
     174   ONGLETS 
     175   */ 
    176176#header { 
    177        margin-top:2em; 
    178        float : left; 
    179        width : 100%; 
    180        line-height : normal; 
    181        background-image : url(../_images/manager/menu/dot999.png); 
    182        background-repeat : repeat-x; 
    183        background-position : 0 100%; 
     177  margin-top:2em; 
     178  float : left; 
     179  width : 100%; 
     180  line-height : normal; 
     181  background-image : url(../_images/manager/menu/dot999.png); 
     182  background-repeat : repeat-x; 
     183  background-position : 0 100%; 
    184184} 
    185185#header ul { 
    186     margin : 0; 
    187     padding : 0; 
    188     list-style : none; 
     186  margin : 0; 
     187  padding : 0; 
     188  list-style : none; 
    189189} 
    190190#header li { 
    191        float : left; 
    192        margin : 0 -1px 0 0; 
    193        padding : 0 0 0 25px; 
    194        background-repeat : no-repeat; 
    195        background-position : 0 -110px; 
     191  float : left; 
     192  margin : 0 -1px 0 0; 
     193  padding : 0 0 0 25px; 
     194  background-repeat : no-repeat; 
     195  background-position : 0 -110px; 
    196196} 
    197197#header a { 
    198        float : left; 
    199        display : block; 
    200        background-image : url(../_images/manager/menu/onglet_right.png); 
    201        background-repeat : no-repeat; 
    202        background-position : 100% -110px; 
    203        padding : 10px 10px 5px 3px; 
    204        font-family : Arial,Helvetica,sans-serif; 
    205        font-weight : bold; 
    206        text-decoration : none; 
    207        color : #000; 
     198  float : left; 
     199  display : block; 
     200  background-image : url(../_images/manager/menu/onglet_right.png); 
     201  background-repeat : no-repeat; 
     202  background-position : 100% -110px; 
     203  padding : 10px 10px 5px 3px; 
     204  font-family : Arial,Helvetica,sans-serif; 
     205  font-weight : bold; 
     206  text-decoration : none; 
     207  color : #000; 
    208208} 
    209209 
    210210/* Commented Backslash Hack 
    211 Cache des règles à IE5-Mac \*/ 
     211   Cache des règles à IE5-Mac \*/ 
    212212#header a {float:none;} 
    213213/* Fin du hack IE5-Mac */ 
    214214 
    215215#header li.actif, #header li.actif:hover { 
    216        background-position : 0 0; 
     216  background-position : 0 0; 
    217217} 
    218218#header li.actif a, #header li.actif:hover a { 
    219 /*     padding-bottom : 6px; */ 
    220        background-position : 100% 0; 
     219  /*    padding-bottom : 6px; */ 
     220  background-position : 100% 0; 
    221221} 
    222222#header li:hover { 
    223        background-position : 0 -220px; 
     223  background-position : 0 -220px; 
    224224} 
    225225#header li:hover a { 
    226        background-position : 100% -220px; 
     226  background-position : 100% -220px; 
    227227} 
    228228 
    229229#menuGaleries  { 
    230        background-image : url(../_images/manager/menu/onglet_cat.png); 
     230  background-image : url(../_images/manager/menu/onglet_cat.png); 
    231231} 
    232232#menuCommentaires  { 
    233     background-image : url(../_images/manager/menu/onglet_comment.png); 
     233  background-image : url(../_images/manager/menu/onglet_comment.png); 
    234234} 
    235235#menuDeconnection  { 
    236        background-image : url(../_images/manager/menu/onglet_user.png); 
     236  background-image : url(../_images/manager/menu/onglet_user.png); 
    237237} 
    238238#menuParametres  { 
    239        background-image : url(../_images/manager/menu/onglet_pref.png); 
     239  background-image : url(../_images/manager/menu/onglet_pref.png); 
    240240} 
    241241#menuOutils { 
    242        background-image : url(../_images/manager/menu/onglet_tools.png); 
     242  background-image : url(../_images/manager/menu/onglet_tools.png); 
    243243} 
    244244 
     
    246246/* Main */ 
    247247#main { 
    248        background: #fff; 
    249        color: #000; 
    250        border-width: 0 1px 1px 1px; 
    251        border-style: solid; 
    252        border-color: #999; 
    253        text-align: left; 
    254        padding: 1em; 
    255        clear : left; 
     248  background: #fff; 
     249  color: #000; 
     250  border-width: 0 1px 1px 1px; 
     251  border-style: solid; 
     252  border-color: #999; 
     253  text-align: left; 
     254  padding: 1em; 
     255  clear : left; 
    256256} 
    257257 
    258258#footer_admin { 
    259        margin-top:10px; 
    260        text-align:right; 
    261        margin-bottom:2em; 
     259  margin-top:10px; 
     260  text-align:right; 
     261  margin-bottom:2em; 
    262262} 
    263263 
    264264#liste_apercu { 
    265        border:0px; 
    266        padding:10px; 
    267        border:1px solid green; 
     265  border:0px; 
     266  padding:10px; 
     267  border:1px solid green; 
    268268} 
    269269 
    270270#liste_photo_div { 
    271        margin: auto; 
    272        text-align: left; 
    273        width:100%; 
     271  margin: auto; 
     272  text-align: left; 
     273  width:100%; 
    274274} 
    275275 
    276276table#liste_photo { 
    277        width:100%; 
    278        border-collapse: collapse; 
    279        margin: auto: 
     277  width:100%; 
     278  border-collapse: collapse; 
     279  margin: auto: 
    280280} 
    281281td.description_td { 
    282        text-align:left; 
    283        border: 1px solid #ccc; 
    284        padding:0.5em; 
     282  text-align:left; 
     283  border: 1px solid #ccc; 
     284  padding:0.5em; 
    285285} 
    286286td.liste_photo_td  { 
    287        text-align:center; 
    288        border: 1px solid #ccc; 
    289        padding:0.5em; 
     287  text-align:center; 
     288  border: 1px solid #ccc; 
     289  padding:0.5em; 
    290290} 
    291291th { 
    292        color: #090; 
     292  color: #090; 
    293293} 
    294294 
    295295 
    296296a { 
    297        /* color: #039; */ 
    298        color: #05b; 
    299        text-decoration:none; 
     297  /* color: #039; */ 
     298  color: #05b; 
     299  text-decoration:none; 
    300300} 
    301301 
    302302html*a:hover, html*a:focus { 
    303        text-decoration: none; 
     303  text-decoration: none; 
    304304} 
    305305 
    306306h1,h2, h3, h4 { 
    307        font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; 
     307  font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; 
    308308} 
    309309 
    310310h1#h1_admin { 
    311 /*     color: #069; */ 
    312        color: #55728B; /*17d*/ 
    313        position: relative; 
    314        text-align:left; 
    315        background:none; 
    316        height:20px; 
     311  /*    color: #069; */ 
     312  color: #55728B; /*17d*/ 
     313  position: relative; 
     314  text-align:left; 
     315  background:none; 
     316  height:20px; 
    317317} 
    318318div>h2 { 
    319        position: static; 
     319  position: static; 
    320320} 
    321321 
    322322h2, h3 { 
    323 /*     color: #f60; */ 
    324        color: #6F96B7; /*05b*/ 
     323  /*    color: #f60; */ 
     324  color: #6F96B7; /*05b*/ 
    325325} 
    326326 
    327327h4 { 
    328        color: #090; 
     328  color: #090; 
    329329} 
    330330 
     
    333333 
    334334span.erreur { 
    335        color:red; 
    336        font-weight: bold; 
     335  color:red; 
     336  font-weight: bold; 
    337337} 
    338338 
    339339p.message { 
    340        color: #f60; 
    341        font-weight: bold; 
     340  color: #f60; 
     341  font-weight: bold; 
    342342} 
    343343 
    344344/*=========================================== 
    345345   Navigation par pages 
    346 =============================================*/ 
     346   */ 
    347347#aff_page {  
    348        width:300px; 
    349        text-align:center; 
    350        margin-top:10px; 
     348  width:300px; 
     349  text-align:center; 
     350  margin-top:10px; 
    351351} 
    352352 
    353353.alt1 { 
    354        background-color: #D6D6D6; 
    355        color: #000000; 
    356        text-align:center; 
     354  background-color: #D6D6D6; 
     355  color: #000000; 
     356  text-align:center; 
    357357} 
    358358 
    359359.alt1 { 
    360        text-align:center; 
    361        font-weight : bold; 
     360  text-align:center; 
     361  font-weight : bold; 
    362362} 
    363363 
    364364.tborder { 
    365        background-color: #5A5A5A; 
    366        color: red; 
    367        margin: auto; 
    368 } 
    369    
     365  background-color: #5A5A5A; 
     366  color: red; 
     367  margin: auto; 
     368} 
     369 
    370370.alt2 { 
    371        background-color: #A9A9A9; 
    372        color: #000000; 
    373        text-align:center; 
     371  background-color: #A9A9A9; 
     372  color: #000000; 
     373  text-align:center; 
    374374} 
    375375 
    376376.alt2 a { 
    377        text-align:center; 
    378        font-weight : bold; 
    379        color: #000000; 
     377  text-align:center; 
     378  font-weight : bold; 
     379  color: #000000; 
    380380} 
    381381 
    382382.affpage { 
    383        background: #97C6E8; 
    384        color: #2B3842; 
    385        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
    386        padding: 3px 6px 3px 6px; 
    387        white-space: nowrap; 
     383  background: #97C6E8; 
     384  color: #2B3842; 
     385  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
     386  padding: 3px 6px 3px 6px; 
     387  white-space: nowrap; 
    388388} 
    389389dt { 
    390        margin-top: 1em; 
    391        margin-bottom: 0.5em; 
    392        font-weight: bold; 
     390  margin-top: 1em; 
     391  margin-bottom: 0.5em; 
     392  font-weight: bold; 
    393393} 
    394394 
    395395dd { 
    396        margin-left: 0.5em; 
     396  margin-left: 0.5em; 
    397397} 
    398398 
    399399dl.plugin-list dt { 
    400        margin: 0; 
    401        padding: 0 0 0 35px; 
     400  margin: 0; 
     401  padding: 0 0 0 35px; 
    402402} 
    403403 
    404404dl.plugin-list dt img { 
    405        float: left; 
    406        margin-left: -35px; 
    407     position: relative; 
     405  float: left; 
     406  margin-left: -35px; 
     407  position: relative; 
    408408} 
    409409 
    410410dl.plugin-list dd { 
    411        margin: 0.5em 0 1.5em 35px; 
     411  margin: 0.5em 0 1.5em 35px; 
    412412} 
    413413 
    414414table.clean-table { 
    415        border-collapse: collapse; 
     415  border-collapse: collapse; 
    416416} 
    417417 
     
    420420 
    421421table.clean-table th { 
    422        border: 1px solid #000; 
    423        padding: 0.5em; 
     422  border: 1px solid #000; 
     423  padding: 0.5em; 
    424424} 
    425425 
    426426table.clean-table td { 
    427        border: 1px solid #666; 
    428        padding: 0.5em; 
     427  border: 1px solid #666; 
     428  padding: 0.5em; 
    429429} 
    430430 
    431431/*=========================================== 
    432432   Commentaires 
    433 =============================================*/ 
     433   */ 
    434434div.admcomment { 
    435435} 
    436436div.admcomment p.comment_info { 
    437     font-size:0.9em; 
    438     font-style:italic; 
    439     margin-left:10px; 
     437  font-size:0.9em; 
     438  font-style:italic; 
     439  margin-left:10px; 
    440440} 
    441441div.admcomment div.contenu { 
    442     font-weight: normal; 
    443     color: #333; 
    444     font-size:0.85em; 
    445     background: #EFF5FF; 
    446     border: 1px solid #DCE9FF; 
    447     padding: 5px; 
    448     margin: 0 0 0 5px; 
     442  font-weight: normal; 
     443  color: #333; 
     444  font-size:0.85em; 
     445  background: #EFF5FF; 
     446  border: 1px solid #DCE9FF; 
     447  padding: 5px; 
     448  margin: 0 0 0 5px; 
    449449} 
    450450 
    451451/*=========================================== 
    452452   Tri index 
    453 =============================================*/ 
     453   */ 
    454454div#galeries { 
    455        width:890px; 
     455  width:890px; 
    456456} 
    457457div.triIndex { 
    458        width:290px; 
    459        height:90px; 
    460        border:1px solid #DCE9FF; 
    461     background: #EFF5FF; 
    462        margin:1px; 
    463        float:left; 
     458  width:290px; 
     459  height:90px; 
     460  border:1px solid #DCE9FF; 
     461  background: #EFF5FF; 
     462  margin:1px; 
     463  float:left; 
    464464} 
    465465div.triIndex h2 {  
    466        font-size:14px; 
    467        margin:0 0 5px 0; 
    468        padding:0px; 
    469        color:#000; 
     466  font-size:14px; 
     467  margin:0 0 5px 0; 
     468  padding:0px; 
     469  color:#000; 
    470470} 
    471471.lg { 
    472        height:100px; 
    473        width:100px; 
    474        float:left; 
     472  height:100px; 
     473  width:100px; 
     474  float:left; 
    475475} 
    476476.ld { 
    477477} 
    478478span.infos {  
    479        font-size:10px; 
    480        font-family: verdana, helvetica, arial, sans-serif; 
    481 /*     color:#E1E1E1;*/ 
    482 } 
     479  font-size:10px; 
     480  font-family: verdana, helvetica, arial, sans-serif; 
     481  /*    color:#E1E1E1;*/ 
     482} 
  • branches/luxbum-0.6/_styles/style_dark.css

    r68 r281  
    11body {  
    2        margin : 0; 
    3        padding : 0; 
    4        background-color: #181818; 
    5        font-size:10px; 
    6        font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
    7        color:#CBCBCB; 
     2  margin : 0; 
     3  padding : 0; 
     4  background-color: #181818; 
     5  font-size:10px; 
     6  font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
     7  color:#CBCBCB; 
    88} 
    99#body_affichage {  
    10        margin : 0; 
    11        padding : 0; 
    12        background-color: #2C2C2C; 
    13        font-size:10px; 
    14        font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
     10  margin : 0; 
     11  padding : 0; 
     12  background-color: #2C2C2C; 
     13  font-size:10px; 
     14  font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
    1515} 
    1616#body_commentaire { 
    17        padding:15px; 
    18        background-color: #181818; 
    19        font-size:10px; 
    20        font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
    21        color:#CBCBCB; 
     17  padding:15px; 
     18  background-color: #181818; 
     19  font-size:10px; 
     20  font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
     21  color:#CBCBCB; 
    2222} 
    2323a img { 
    24        border: none; 
     24  border: none; 
    2525} 
    2626a { 
    27        color : #E1E1E1;  
    28        text-decoration:none; 
     27  color : #E1E1E1;  
     28  text-decoration:none; 
    2929} 
    3030a:visited{ 
    3131} 
    3232a:hover, a:focus, a:active { 
    33        color: #E1E1E1; 
    34        text-decoration:underline; 
     33  color: #E1E1E1; 
     34  text-decoration:underline; 
    3535} 
    3636.description_td {  
    37        font-size:10px; 
    38        text-align: center; 
     37  font-size:10px; 
     38  text-align: center; 
    3939} 
    4040#page {  
    41        width:100%; 
    42        height: 540px;  
    43        position:absolute; 
    44        top: 50%; 
    45        margin-top: -290px; 
     41  width:100%; 
     42  height: 540px;  
     43  position:absolute; 
     44  top: 50%; 
     45  margin-top: -290px; 
    4646} 
    4747#center { 
    48        position:absolute; 
    49        height: 540px;  
    50        width:1000px; 
    51        left: 50%; 
    52        margin-left: -507px; /* moitié de la hauteur */ 
     48  position:absolute; 
     49  height: 540px;  
     50  width:1000px; 
     51  left: 50%; 
     52  margin-left: -507px; /* moitié de la hauteur */ 
    5353} 
    5454#liste_apercu div.galerie { 
    55        float:left; 
    56        width:287px; 
    57        height:100px; 
     55  float:left; 
     56  width:287px; 
     57  height:100px; 
    5858} 
    5959div.spacer { 
    60        clear:both; 
     60  clear:both; 
    6161} 
    6262 
    6363/*=========================================== 
    6464   Copyrights 
    65 =============================================*/ 
     65   */ 
    6666#footer {  
    67        width:100%; 
    68        text-align:center; 
    69        padding-top:5px; 
     67  width:100%; 
     68  text-align:center; 
     69  padding-top:5px; 
    7070} 
    7171#footer2 { 
    72        text-align:center; 
    73        margin:50px 20px 0 0; 
     72  text-align:center; 
     73  margin:50px 20px 0 0; 
    7474} 
    7575#footer {  
    76        position:absolute; 
    77        top:560px; 
    78        font-size:10px; 
    79        color:#BEBEBE; 
     76  position:absolute; 
     77  top:560px; 
     78  font-size:10px; 
     79  color:#BEBEBE; 
    8080} 
    8181#footer a:link, #footer a:visited {  
    82        color:#BEBEBE; 
     82  color:#BEBEBE; 
    8383} 
    8484#footer2 {  
    85        font-size:10px; 
     85  font-size:10px; 
    8686} 
    8787 
    8888/*=========================================== 
    8989   Page d'accueil 
    90 =============================================*/ 
     90   */ 
    9191 
    9292h1 { 
    93        text-align:center; 
    94        background:url('../_images/luxbum_h1_dark.jpg') center no-repeat; 
    95        height:160px; 
     93  text-align:center; 
     94  background:url('../_images/luxbum_h1_dark.jpg') center no-repeat; 
     95  height:160px; 
    9696} 
    9797h1 span { 
    98        display:none; 
     98  display:none; 
    9999} 
    100100#liste_apercu {  
    101        text-align: left; 
    102        width:880px; 
    103        position: relative; 
    104        left: 50%;  
    105        margin-left: -435px; 
    106        background: #545353; 
    107        border: 1px solid #CFCFCF; 
    108        -moz-border-radius:6px; 
    109        -border-radius:6px; 
    110        padding: 15px 10px 5px 10px; 
     101  text-align: left; 
     102  width:880px; 
     103  position: relative; 
     104  left: 50%;  
     105  margin-left: -435px; 
     106  background: #545353; 
     107  border: 1px solid #CFCFCF; 
     108  -moz-border-radius:6px; 
     109  border-radius:6px; 
     110  padding: 15px 10px 5px 10px; 
    111111} 
    112112#liste_apercu div.galerie { 
    113        float:left; 
    114        width:287px; 
    115        height:100px; 
     113  float:left; 
     114  width:287px; 
     115  height:100px; 
    116116} 
    117117#liste_apercu img { 
    118        padding:2px; 
     118  padding:2px; 
    119119} 
    120120#liste_apercu a {  
    121        font-size:10px; 
    122        font-family: verdana, helvetica, arial, sans-serif; 
     121  font-size:10px; 
     122  font-family: verdana, helvetica, arial, sans-serif; 
    123123} 
    124124#liste_apercu h2 {  
    125        font-size:14px; 
    126        margin:0 0 5px 0; 
    127        padding:0px; 
    128        color:#FFC600; 
     125  font-size:14px; 
     126  margin:0 0 5px 0; 
     127  padding:0px; 
     128  color:#FFC600; 
    129129} 
    130130.lg { 
    131        height:100px; 
    132        width:100px; 
    133        float:left; 
     131  height:100px; 
     132  width:100px; 
     133  float:left; 
    134134} 
    135135.ld { 
    136136} 
    137137span.infos {  
    138        font-size:10px; 
    139        font-family: verdana, helvetica, arial, sans-serif; 
    140 /*     color:#E1E1E1;*/ 
     138  font-size:10px; 
     139  font-family: verdana, helvetica, arial, sans-serif; 
     140  /*    color:#E1E1E1;*/ 
    141141} 
    142142.gras {  
    143        font-weight: bold; 
     143  font-weight: bold; 
    144144} 
    145145.consulter ul { 
    146        margin:0px; 
    147        padding: 5px 4px 16px 6px ; 
     146  margin:0px; 
     147  padding: 5px 4px 16px 6px ; 
    148148} 
    149149.consulter ul li { 
    150     padding: 1px 0 1px 0; 
    151     line-height: 120%; 
    152     list-style: none; 
     150  padding: 1px 0 1px 0; 
     151  line-height: 120%; 
     152  list-style: none; 
    153153} 
    154154.consulter ul li a { 
    155     padding: 0 0 0 12px; 
    156     background: transparent url('../_images/fleche_dark.png') no-repeat top left; 
     155  padding: 0 0 0 12px; 
     156  background: transparent url('../_images/fleche_dark.png') no-repeat top left; 
    157157} 
    158158 
     
    160160/*=========================================== 
    161161   Les vignettes 
    162 =============================================*/ 
     162   */ 
    163163#apercu { 
    164        text-align: left; 
    165        width: 294px; 
    166        height:542px; 
    167        margin: 0px 10px 10px 0px; 
    168        background:#2C2C2C; 
    169        border: 1px solid #838183; 
    170        -moz-border-radius:6px; 
    171        -border-radius:6px; 
    172        padding: 15px 5px 5px 5px; 
    173        float:left; 
     164  text-align: left; 
     165  width: 294px; 
     166  height:542px; 
     167  margin: 0px 10px 10px 0px; 
     168  background:#2C2C2C; 
     169  border: 1px solid #838183; 
     170  -moz-border-radius:6px; 
     171  border-radius:6px; 
     172  padding: 15px 5px 5px 5px; 
     173  float:left; 
    174174} 
    175175*> #apercu { 
    176        height:520px; 
     176  height:520px; 
    177177} 
    178178.liste_apercu {  
    179        height:110px; 
    180        width:294px; 
     179  height:110px; 
     180  width:294px; 
    181181} 
    182182.view_photo {  
    183        height:100%; 
    184        text-align:center; 
     183  height:100%; 
     184  text-align:center; 
    185185} 
    186186.num_photo {  
    187        text-align:center; 
    188        padding-top:3px; 
    189        color:#ACC3C4; 
    190        font-size:10px; 
     187  text-align:center; 
     188  padding-top:3px; 
     189  color:#ACC3C4; 
     190  font-size:10px; 
    191191} 
    192192.view_photo img { 
    193        padding:3px; 
     193  padding:3px; 
    194194} 
    195195h1.vig_titre { 
    196         display:none;    
     196  display:none;  
    197197} 
    198198div.vignette3col { 
    199        height:90px; 
    200        width:98px; 
    201        float:left; 
     199  height:90px; 
     200  width:98px; 
     201  float:left; 
    202202} 
    203203div.vignette2col { 
    204        height:150px; 
    205        width:145px; 
    206        float:left; 
     204  height:150px; 
     205  width:145px; 
     206  float:left; 
    207207} 
    208208/** upd dark 1 **/ 
    209209.view_photo, .view_photo_selected {  
    210        height:100%; 
    211        text-align:center; 
     210  height:100%; 
     211  text-align:center; 
    212212} 
    213213.view_photo_selected  img, .photo_selected  img{  
    214        border:2px solid #B6B4B6; 
    215        padding:1px; 
     214  border:2px solid #B6B4B6; 
     215  padding:1px; 
    216216} 
    217217/**fin  upd dark 1 **/ 
     
    220220/*=========================================== 
    221221   Navigation par pages 
    222 =============================================*/ 
     222   */ 
    223223#aff_page {  
    224        width:300px; 
    225        text-align:center; 
    226        margin-top:10px; 
     224  width:300px; 
     225  text-align:center; 
     226  margin-top:10px; 
    227227} 
    228228/* Ici pour définir la couleur de fond du cadre ! */ 
    229229.tborder { 
    230        background-color: #5A5A5A; 
    231        margin: auto; 
    232        font-size:10px; 
     230  background-color: #5A5A5A; 
     231  margin: auto; 
     232  font-size:10px; 
    233233} 
    234234/* page non courante */ 
    235235.alt1 { 
    236        background-color: #535353; 
    237        color: #000000; 
    238        font-weight : bold; 
     236  background-color: #535353; 
     237  color: #000000; 
     238