/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	/* Pour mettre le curseur à droite */
	/*right: 0;*/
	left: 0;
	/*width: 16px;*/
	width:8px;
	height: 100%;
	
	/* Permet de ne pas voir la couleur quand notre curseur a un margin-top et un margin-bottom */
	/*background: red;*/
	background: black;
	
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	
	/* Permet de ne pas voir la couleur quand notre curseur a un margin-top et un margin-bottom */
	/*background: red;*/
	background: black;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}


/* 
Cinq solutions pour le graphisme du scrollbar :
	- la barre est en rouge (image de fond) et le curseur en noir
	- la barre est en rouge (image de fond) et le curseur en noir encadré de rouge
	- la barre est en noir et le curseur en rouge (image de fond)
	- la barre est en noir encadré de rouge et le curseur en rouge
	- la barre est noir et le curseur rouge avec des bords arrondis // pour cela j'ai ajouter un margin-top pour jspTrack
*/

.jspTrack
{
	/*background: #dde;*/
	
	
	
	
	background-image: url("../../images/site/scrollbarre_fond.png");	
	background-repeat: repeat;
	background-position:0% 0%;
	
	/* Les bordures autour de la barre */
	/*border-style : solid;
	border-color :#600404;
	border-width:1px;*/
	
	position: relative;
	
	/* Permet de ne pas faire monter le curseur jusqu'en haut */
	/*margin-top:15px;*/
   

}

.jspDrag
{
	/*background: #bbd;*/
	background-color:#d0c5c5;
	
	
	/* Pour faire des coins arrondis */
	/*-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; */

	
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #6a110a;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #6a110a;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Styles specific to this particular page */
.scroll-pane, .scroll-pane_enregistrement, .scroll-pane_mdc
{
	width: 390px;
	height:562px;
	overflow: auto;
}

.scroll-pane_galerie
{
	width: 410px;
	height:562px;
	overflow: auto;
}

/*.scroll-pane_cv{
	width: 650px;
	height:500px;
	overflow: auto;
}*/