/*	STYLES PERSONALISÉS 
	Styles for scrolling layers  
	Specify width and height in hold and wn, and in clip for wn. 
	hold div height accommodates scrollbar in this example    */

div#hold	 { 
	position: relative; 
	z-index: 100; 
	width: 100%; /* paddings INTERDIT ici car width:100% */
	height: 415px; /* HAUTEUR DES IMGS  + l'espace au-dessus du scrollBar */
	overflow: hidden; 
	margin: 0px;
	/*background-color:#99FF66;*/
}

div#wn	 { 
	position: absolute; 
	z-index: 1; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 390px; /* HAUTEUR DES IMGS STRICTE */
	overflow: hidden; 
	clip: rect(0px auto auto auto);
 }

div#lyr1	{ 
	position:absolute;
	visibility:hidden;   /* MODIFIÉ POUR RENDRE VISIBLE DES LE CHARGEMENT DE LA PAGE */
	visibility:visible;
	left:0px;
	top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar  {
	font-size: 1px; 
	position: absolute; 
	z-index: 2; 
	top: 390px; /* POSITION DU SROLLBAR: HAUTEUR DES IMGS + l'espace au-dessus du scrollBar */
	left: 0px; 
	width: 100%; 
	height: 12px;
	/*margin-right: 0px;*/
}

div#track   { 
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;/* paddings INTERDIT ici car width:100% */
	height: 12px;
	background: #353535;

}

div#dragBar   {  
	position: absolute; 
	z-index: 1;
	top: 1px; 
	left: 1px; /* important */
	width: 160px; /* ? pas d'effet lorsque la largeur de #hold est à 100% */
	height: 10px;
	/*background-color: #333333;*/
	background:#666666;
}  

div#left   {
	position: absolute;
	z-index: 2; 
	top: 0px; 
	left: 0px; 
}  

div#right   { 
	position: absolute; 
	z-index: 3; 
	top: 0px; 
	right: 0px; 
}
  
a img  { border: none }