[Sommaire] [Imprimer]

   1  #lightbox{
   2      position: absolute;
   3      top: 40px;
   4      left: 0;
   5      width: 100%;
   6      z-index: 100;
   7      text-align: center;
   8      line-height: 0;
   9      }
  10  
  11  #lightbox a img{ border: none; }
  12  
  13  #outerImageContainer{
  14      position: relative;
  15      background-color: #fff;
  16      width: 250px;
  17      height: 250px;
  18      margin: 0 auto;
  19      }
  20  
  21  #imageContainer{
  22      padding: 10px;
  23      }
  24  
  25  #loading{
  26      position: absolute;
  27      top: 40%;
  28      left: 0%;
  29      height: 25%;
  30      width: 100%;
  31      text-align: center;
  32      line-height: 0;
  33      }
  34  #hoverNav{
  35      position: absolute;
  36      top: 0;
  37      left: 0;
  38      height: 100%;
  39      width: 100%;
  40      z-index: 10;
  41      }
  42  #imageContainer>#hoverNav{ left: 0;}
  43  #hoverNav a{ outline: none;}
  44  
  45  #prevLink, #nextLink{
  46      width: 49%;
  47      height: 100%;
  48      background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  49      display: block;
  50      }
  51  #prevLink { left: 0; float: left;}
  52  #nextLink { right: 0; float: right;}
  53  #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  54  #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
  55  
  56  
  57  #imageDataContainer{
  58      font: 10px Verdana, Helvetica, sans-serif;
  59      background-color: #fff;
  60      margin: 0 auto;
  61      line-height: 1.4em;
  62      }
  63  
  64  #imageData{
  65      padding:0 10px;
  66      }
  67  #imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
  68  #imageData #caption{ font-weight: bold;    }
  69  #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
  70  #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }    
  71          
  72  #overlay{
  73      position: absolute;
  74      top: 0;
  75      left: 0;
  76      z-index: 90;
  77      width: 100%;
  78      height: 500px;
  79      background-color: #000;
  80      filter:alpha(opacity=60);
  81      -moz-opacity: 0.6;
  82      opacity: 0.6;
  83      }
  84      
  85  
  86  .clearfix:after {
  87      content: "."; 
  88      display: block; 
  89      height: 0; 
  90      clear: both; 
  91      visibility: hidden;
  92      }
  93  
  94  * html>body .clearfix {
  95      display: inline-block; 
  96      width: 100%;
  97      }
  98  
  99  * html .clearfix {
 100      /* Hides from IE-mac \*/
 101      height: 1%;
 102      /* End hide from IE-mac */
 103      }    
 104