/* TEST Creazy science fiction for css:hover to work in IE7 with a.next, a.prev.
	Should be tested with any fucking #name:hover that doesn't exist */
#t1:hover { background-position: 0 -33px; }

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:10px;
	height:71px;
	background:url(../pict/scrollable/arrow/btn_thumb_left.gif) no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -71px;		
}

/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important;	*/
	background-position:0px -142px;
	cursor: default;
}

a.disabled:hover {
	background-position:0px -142px;
	cursor: default;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../pict/scrollable/arrow/btn_thumb_right.gif);
	margin:0px 0px 0px 2px;
	clear:right;
}



/*********** navigator ***********/
/*	Modified from original JQscrollable in order to have <a> elements
	centered in the "navi" block */

/* position and dimensions of the navigator */
div.navi {
	margin-left:234px;
	width:109px;
	height:16px;
	/*height:8px;*/
	text-align: center; /* ajout pour centrage */
	font-size: 1px; /* ajout */
	/*background-color: #0099FF;*/
}


/* items inside navigator */
div.navi a {
	display: -moz-inline-box; /* ajout pour centrage, pour FF2 (n'implemente pas inline-block) */
	display: inline-block; /* ajout pour centrage */
	width:8px;
	height:8px;
	font-size: 1px;  /* ajout */
	/*float:left;*/ /* suppression pour centrage */
	margin:0 3px;
	background: url(../pict/scrollable/navigator.png) 0 0 no-repeat;  
	cursor:pointer;
}

/* mouseover state */

div.navi a:hover {
	background-position:0px -8px;      
}

/* active state (current page state) */

div.navi a.active {
	background-position:0px -16px;     
}