/* CSS Document */
   #wrapper {
            position:absolute;
            left: 50%;             
            margin-left: -466px; /* moiti? de la largeur */
            text-align: left; /*required due to IE centering hack*/
            width: 932px; /*adjust as needed*/
            background-color:transparent;  
             height:619px;         
            }
            
         #wrapper #interface{   
            position: absolute;                       
            margin: 0 ;
            padding:0;                       
            }       
           
        #wrapper #menu{
            position: absolute;            
            top:200px;
            left:10px;
            width:120px;
            height:229px;
           background-color:transparent;             
         }
           
        #wrapper #menu #rubrique{
           	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 12px;
           	font-weight : normal;
           	line-height : 19px;
           	color: #ffffff;
           	cursor:pointer;
           }
		
		#wrapper #menu #rubrique:hover{
           	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 12px;
           	font-weight : normal;
           	line-height : 19px;
           	color: #CCFF99;
           	cursor:pointer;
           }

        #wrapper #boutonTagAlbum{
            position: absolute;            
            top:168px;
            left:12px;
            width:120px;
            height:22px;
           background-color:transparent;
        }
        
        #wrapper #boutonTagAlbum #categorie{          
            height:22px;
        }
        
        #wrapper #boutonTagAlbum img{
            cursor:pointer;
        }
        
        #wrapper #thumbsContainer{
            position: absolute;            
            top:190px;
            left:190px;
            width:691px;
            height:389px;
           background-color:transparent;
        }
        
        #wrapper #thumbsContainer #blockThumbs #container img{
            border: solid 1px #3b3b3b;
        }
        
        #wrapper #thumbsContainer #blockThumbs #blank{
            border: solid 0px;
        }
        
        #wrapper #listePage{
            position: absolute;            
            top:160px;
            left:190px;
            width:691px;
            height:20px;
           background-color:transparent;
        }        
        
        #wrapper #listePage #numero{
            width:15px;
        }
        
        #wrapper #listePage #numero a{
            font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 12px;
           	font-weight : normal;
           	line-height : 19px;
           	color: #CCCCCC;
           	cursor:pointer;
        }     
        
        #wrapper #listePage #nomAlbumTag{
            font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 12px;
           	font-weight : normal;
           	line-height : 19px;
           	color: #CCFF99;
           	cursor:default;
        } 
        
        #wrapper #livreOr{
            position: absolute;            
            top:485px;
            left:15px;
            width:130px;
           height:100px;
           background-color:transparent;
        } 
               
        #wrapper #livreOr #texte{
            font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 12px;
           	font-weight : normal;
           	line-height : 19px;
           	color: #ccff99;
           	cursor:default;
        }    
        
        #wrapper  #photoAleatoire{
            position: absolute;            
            top:15px;
            left:742px;
           z-index:2;
           background-color:transparent;
        }
        
        #wrapper  #flash{
            position: absolute;            
            top:0px;
            left:265px;
           z-index:3;
           background-color:transparent;
        }
		
		#wrapper  #CC{
            position: absolute;            
            top:575px;
            left:895px;
           z-index:10;
           background-color:transparent;
        }
      #wrapper  #copyright{
            position: absolute;            
            top:608px;
            left:620px;
           z-index:10;
           background-color:transparent;
           font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 9px;
           	font-weight : normal;
           	line-height : 19px;
           	color: #cccccc;
           	cursor:default;
           	width:400px;
        }
       #wrapper  #copyright a{
            
           font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 9px;
           	font-weight : normal;
           	line-height : 19px;
           	color: #cccccc;
           	cursor:pointer;
           	text-decoration:none;
           	
        } 
        
        body {
              text-align: center; /*centering hack for IE*/
              padding-top:0px;
              margin:0;
              background-color:#000000;   
              }
              
              /* partie utilisée pour la zone qui monte sur la photo */
#container{
  
    height:111px;  /* hauteur de la photo thumbs sur laquelle on fait monter notre zone */
    width:160px;  /* largeur de la photo thumbs sur laquelle on fait monter notre zone */  

}

#containerComment{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 11px;
           	font-weight : normal;
          
           cursor: default;
           	color: #ffffff;
   }    
   
  #containerComment span{
            font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           	font-size : 11px;
           	font-weight : normal;
           cursor:pointer;
           	color: #ffffff;
   }  

#blockThumbs{
  width:703px;
 

}

#loadingThumbsText{
            position:absolute;
            left:330px;
            top:170px;
           	width: 16px;
           	height: 16px;           	
           	background: url(../images/loader.gif) no-repeat;
}
/* hold div contains both scrolling content area and links in this example */
div#hold	{ 
	position:relative; overflow:hidden;
	width:691px; height:400px; z-index:100; 
	}
	
div#wn	{ 
	position:absolute; 
	left:-2px;
  top:0px; 
  padding:0px;
  margin:0px;
	width:703px;
  height:443px; 
	clip:rect(0px, 703px, 443px, 0px); 
	overflow:hidden;	
	z-index:1; 
	 background-color:transparent;
	}
div.content { 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:2; 
	}
  
div#loading { visibility:hidden; }
div#linksLyr {  }
table#imgTbl { } /*j'ai mis la propriété width dans la page pour que celle-ci soient générée en fonction du nombre de page*/
table#imgTbl td { width:160px; height:111px; vertical-align:middle; text-align:center }

/* scroll menu vertical */

div#hold2{ 
	 position:relative;  
 width:140px; 
 height:229px;
 overflow:hidden;
	}
	
div#wn2  { 
 position:absolute;  
 width:130px; 
 height:229px;
 overflow:hidden;
  clip:rect(0, 130px, 229px, 0);  
  
  background-color:transparent;
  }
/* op7 needs width set here too (?) */  
div#lyr2 { }

div#loading2 { visibility:hidden; }


/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; 
  left:120px; top:1px;
  width:11px; height:205px; 
  font-size:1px; z-index:5;
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:205px;
  background: transparent ;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  width: 11px;
  height: 2px;  
  
  cursor: default;
  background:  url(../js/img/burp/w.jpg) repeat;
  z-index:5;
  }  
div#up1 { position:absolute; left:0; top:0; z-index:5 }  
div#down1 { position:absolute; left:0; bottom:-24px; z-index:5 }