/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold-time	{
	position:absolute;
	overflow:hidden;
	z-index:108;
	width: 998px; height:300px;
}
div#hold-test	{
	position:relative;
	overflow:hidden;
	z-index:101;
	width: 228px; height:20px;
}
div#hold-navchron	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 498px; height:20px;
}
div#hold-pages	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 670px; height:13px;
}
div#hold-som	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 210px; height:200px;
}
div#hold-them	{
position:relative;
overflow:hidden;
z-index:100;
width: 330px; height:200px;
}
div#hold-asso	{
position:relative;
overflow:hidden;
z-index:100;
width: 215px; height:120px;
}
div#hold-eph	{
position:relative;
overflow:hidden;
z-index:100;
width: 330px; height:200px;
}
div#hold-ephindex	{
position:relative;
overflow:hidden;
z-index:100;
width: 240px; height:126px;
}
div#hold-ephcalend	{
position:relative;
overflow:hidden;
z-index:100;
width: 470px; height:126px;
}
div#hold-nouv	{
position:relative;
overflow:hidden;
z-index:100;
width: 137px; height:126px;
}
div#hold-marron	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 530px; height:400px;
}
div#hold-even	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 530px; height:200px;
}
div#hold-evenN	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 260px; height:200px;
}
div#hold-chron	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 196px; height:100px;
}
div#hold-occ	{
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 207px; height:200px;
}
div#wn16	{
	position:absolute;
	left:0px;
	top:12px;
	width: 998px; height:300px;
	clip:rect(0px, 998px, 300px, 12px);
	overflow:hidden;
	z-index:108;
	}
div#wn13	{
	position:absolute;
	left:0px;
	top:0px;
	width: 220px; height:20px;
	clip:rect(0px, 220px, 20px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn15	{
	position:absolute;
	left:0px;
	top:0px;
	width: 486px; height:20px;
	clip:rect(0px, 486px, 20px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn12	{
	position:absolute;
	left:0px;
	top:0px;
	width:680px; height:13px;
	clip:rect(0px, 680px, 13px, 0px);
	overflow:hidden;
	z-index:3;
	}
div#wn1	{
	position:absolute;
	left:5px;
	top:0px;
	width: 519px; height:400px;
	clip:rect(0px, 519px, 400px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn2	{
	position:absolute;
	left:5px;
	top:0px;
	width: 519px; height:200px;
	clip:rect(0px, 519px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn3	{
	position:absolute;
	left:0px;
	top:0px;
	width: 250px; height:200px;
	clip:rect(0px, 250px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn5	{
	position:absolute;
	left:0px;
	top:0px;
	width: 196px; height:400px;
	clip:rect(0px, 196px, 400px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn6	{
	position:absolute;
	left:0px;
	top:0px;
	width: 208px; height:200px;
	clip:rect(0px, 208px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn7	{
	position:absolute;
	left:0px;
	top:0px;
	width: 319px; height:200px;
	clip:rect(0px, 319px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn8	{
	position:absolute;
	left:0px;
	top:0px;
	width: 200px; height:200px;
	clip:rect(0px, 200px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn9	{
	position:absolute;
	left:0px;
	top:0px;
	width: 319px; height:200px;
	clip:rect(0px, 319px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn10	{
	position:absolute;
	left:0px;
	top:0px;
	width: 230px; height:200px;
	clip:rect(0px, 230px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn11	{
	position:absolute;
	left:0px;
	top:0px;
	width: 137px; height:200px;
	clip:rect(0px, 137px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#wn14	{
	position:absolute;
	left:0px;
	top:0px;
	width: 460px; height:200px;
	clip:rect(0px, 460px, 200px, 0px);
	overflow:hidden;
	z-index:1;
	}		
/* Set small font-size or size/position of div's will be off in some browsers  */
  div#scrollbar-time { 
  position:absolute; left:0; top:0;
  width:996px; height:10px;
  font-size:1px; z-index:2;
  border-top:2px solid red;
  vertical-align:top;
  background-color:white;
  }
  div#scrollbar-pages {
	position:relative;
	left:0;
	top:0;
	height:11px;
	font-size:1px;
	z-index:6;
	width: 690px;
  }
  div#scrollbar {
	position:relative;
	left:0;
	top:0;
	height:40px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color:#CAE6E6;
  }
  div#scrollbar-chron {
	position:relative;
	left:0;
	top:0;
	height:100px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CAE6E6;
  }
  div#scrollbar-som {
	position:relative;
	left:0;
	top:0;
	height:200px;
	font-size:1px;
	z-index:110;
	width: 11px;
    background-color: #CAE6E6
  }
  div#scrollbar-turquoise2{
	position:relative;
	left:0;
	top:0;
	height:120px;
	font-size:1px;
	z-index:1;
	width: 13px;
  }
  div#scrollbar-vert{
	position:relative;
	left:0;
	top:0;
	height:90px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #BED3BE;
  }
  div#scrollbar-them{
	position:relative;
	left:0;
	top:0;
	height:200px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CAE6E6;
  }
  div#scrollbar-asso{
	position:relative;
	left:0;
	top:0;
	height:120px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CAE6E6;
  }
  div#scrollbar-eph{
	position:relative;
	left:0;
	top:0;
	height:200px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CAE6E6;
  }
  div#scrollbar-ephindex{
	position:relative;
	left:0;
	top:0;
	height:126px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CDE1F5;
  }
  div#scrollbar-ephcalend{
	position:relative;
	left:0;
	top:0;
	height:126px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CDE1F5;
  }
    div#scrollbar-nouv{
	position:relative;
	left:0;
	top:0;
	height:126px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CDE1F5;
  }
  div#scrollbar-rouge {
	position:relative;
	left:0;
	top:0;
	height:90px;
	font-size:1px;
	z-index:1;
	width: 13px;
  }
   div#scrollbar-marron {
	position:relative;
	left:0;
	top:0;
	height:400px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #E8DCC6;
  }
  div#scrollbar-occ {
	position:relative;
	left:0;
	top:0;
	height:200px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CDE1F5;
  }
  div#scrollbar-even {
	position:relative;
	left:0;
	top:0;
	height:200px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CDE1F5;
  }
  div#scrollbar-evenN {
	position:relative;
	left:0;
	top:0;
	height:200px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CDE1F5;
  }
  div#scrollbar-bleu3 {
	position:relative;
	left:0;
	top:0;
	height:200px;
	font-size:1px;
	z-index:1;
	width: 11px;
	background-color: #CDE1F5;
  }
  
  div#track-time { 
  position:absolute; left:0px; top:0px;
  width:986px; height:10px; z-index:3;
  vertical-align:top;
  cursor:pointer;
  }

  div#track-pages {
	position:relative;
	left:11px;
	bottom:13px;
	width:668px;
	height:11px;
	background: url("img/track.gif") #336 repeat;
	z-index:5;
  }
  
div#track-turquoise {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:10px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #99CCCC;
  }
div#track-chron {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:89px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #99CCCC;
  }
   div#track-turquoise2 {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:98px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #99CCCC;
  }
   div#track-occ {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:189px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #93BFEB;
  }
  div#track-som {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:189px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #99CCCC;
  }
  div#track-vert {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:48px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #9dbd9d;
  }
  div#track-them {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:189px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #99CCCC;
  }
  div#track-asso {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:109px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #99CCCC;
  }
  div#track-eph {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:189px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #99CCCC;
  }
  div#track-ephindex {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:115px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #93BFEB;
  }
  div#track-ephcalend {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:115px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #93BFEB;
  }
  div#track-nouv {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:115px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #93BFEB;
  }
  div#track-even {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:189px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #93BFEB;
  }
  div#track-evenN {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:189px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #93BFEB;
  }
  div#track-marron {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:389px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #D3BE96;
  }
  div#track-rouge {
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:68px;
	background: url("img/track.gif") #336 repeat;
	z-index:1;
	background-color: #FF897B;
  }
div#dragBar-time {
  position:absolute; left:0px; top:0px;
  width:20px; height:10px; z-index:1;
  }  
div#dragBar-pages {
  position:relative; left:0px; top:0px;
  width:10px; height:9px;
  z-index:4;
  }  
div#dragBar-som {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#CFE7E7;
  z-index:1;
  }  
div#dragBar-chron {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#CFE7E7;
  z-index:1;
  }  
  div#dragBar-occ {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#E3EEFB;
  z-index:1;
  }  
  div#dragBar-vert {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#8DB48D;
  z-index:1;
  }  
  div#dragBar-even {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#E3EEFB;
  z-index:1;
  }  
  div#dragBar-evenN {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#E3EEFB;
  z-index:1;
  }  
  div#dragBar-marron {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#FFF7E7;
  z-index:1;
  }  
  div#dragBar-them {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#CFE7E7;
  z-index:1;
  }  
  div#dragBar-asso {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#CFE7E7;
  z-index:1;
  }  
  div#dragBar-eph {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#CFE7E7;
  z-index:1;
  }  
  div#dragBar-ephindex {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#E3EEFB;
  z-index:1;
  }
  div#dragBar-ephcalend {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#E3EEFB;
  z-index:1;
  }  
  div#dragBar-nouv {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#E3EEFB;
  z-index:1;
  }  
  div#dragBar-rouge {
  position:absolute; left:1px; top:1px;
  width:9px; height:5px;
  background-color:#FFECEC;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  
div#up-marron { position:absolute; left:0; top:0; z-index:2 }  
div#down-marron { position:absolute; left:0; bottom:0; z-index:3 }  
div#up-even { position:absolute; left:0; top:0; z-index:2 }  
div#down-even { position:absolute; left:0; bottom:0; z-index:3 }  
div#up-evenN { position:absolute; left:0; top:0; z-index:2 }  
div#down-evenN { position:absolute; left:0; bottom:0; z-index:3 }  
div#up-chron { position:absolute; left:0; top:0; z-index:2 }  
div#down-chron { position:absolute; left:0; bottom:0; z-index:3 }  
div#up-occ { position:absolute; left:0; top:0; z-index:2 }  
div#down-occ { position:absolute; left:0; bottom:0; z-index:3 }  
div#up-som { position:absolute; left:0; top:0; z-index:2 }  
div#down-som { position:absolute; left:0; bottom:0; z-index:3 }  
div#up-them { position:absolute; left:0; top:0; z-index:2 }  
div#down-them { position:absolute; left:0; bottom:0; z-index:3 }
div#up-asso { position:absolute; left:0; top:0; z-index:2 }  
div#down-asso { position:absolute; left:0; bottom:0; z-index:3 }
div#up-eph { position:absolute; left:0; top:0; z-index:2 }  
div#down-eph { position:absolute; left:0; bottom:0; z-index:3 }
div#up-ephindex { position:absolute; left:0; top:0; z-index:2 }  
div#down-ephindex { position:absolute; left:0; bottom:0; z-index:3 }
div#up-ephcalend { position:absolute; left:0; top:0; z-index:2 }  
div#down-ephcalend { position:absolute; left:0; bottom:0; z-index:3 }
div#up-nouv { position:absolute; left:0; top:0; z-index:2 }  
div#down-nouv { position:absolute; left:0; bottom:0; z-index:3 }
div#up-pages { position:relative; left:0; top:13px; z-index:1 }  
div#down-pages { position:relative; left:679px; bottom:29px; z-index:2 }
div#left-time { position:absolute; left:0; top:0px; z-index:2 ; background-color:#3399CC /*000066*/}  
div#right-time { position:absolute; right:0; top:0px; z-index:3 ; background-color:#3399CC /*000066*/ }

a img { border:none }
div.content { 
	position:absolute; visibility:hidden;
	width:95%;
	left:0px; top:0px; 
	z-index:1;
	text-align:justify;
	margin-left:5px;
	margin-right: 5px;
	}
td#scrollLinks  { width:12px }

div#content-test	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	width:216px;
	z-index:1; 
	vertical-align:top;
	}

div#content-chron	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	width:496px;
	z-index:1; 
	vertical-align:top;
	}
	
div#content-time	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	vertical-align:top;
	}