.scroll-pane {
	width: 547px;
	height: 407px;
	overflow: auto;
	float: left;
	color: #000;
	padding: 10px;
	
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 0;
	height: 310px;
		
}

.texte-livre-dor .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: URL("../images/fond-texte-scroller-rouge.png") no-repeat top left;
	margin: 0;	
}


.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: URL("../images/fond-slider.png") repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	right: 2px;
	overflow: hidden;
	background: URL("../images/bouton-haut-rouge.png") no-repeat 2px 0px;
	height: 13px;
	
	
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	right: 2px;
	overflow: hidden;
	background: URL("../images/bouton-bas-rouge.png") no-repeat 2px 0px;
	height: 13px;	
}

a.jScrollArrowUp,
a.jScrollArrowUp:visited {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: URL("../images/slider-top-rouge.png") no-repeat 0px 0px;	
	height: 13px;
	border: 0px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 13px;
	background: url("../images/slider-bottom-rouge.png") no-repeat 0px 0px;
	border: 0px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}