@charset "utf-8";

/************* content slider *************/

/* ceci rend possible d'ajouter le bouton suivant à coté du contentslider */
div.scrollable {
	float:left;	
}

/* position des boutons de navigation */
a.prev, a.next {
	margin-top:0px;	
}

/* boutons précédent, suivant, page précédente et page suivante */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	float:left;
	width:19px;
	height:209px;
	cursor:pointer;
	font-size:1px;	
}
a.prev, a.prevPage {
	background:url(../../images/slider/prev-horizontal.gif) no-repeat;
	background-position:0 0;
}
a.next, a.nextPage {
	background:url(../../images/slider/next-horizontal.gif) no-repeat;
	background-position:0 0;	
	_background-position:-1px 0;
	clear:right;	
}

/* état mouseover */
a.prev:hover, a.prevPage:hover {
	background-position:-33px 0;		
}
a.next:hover, a.nextPage:hover {
	background-position:-32px 0;		
}
/* état désactivé */
a.prev.disabled {
	/*visibility:hidden !important;*/
	background-position	: -97px 0;
}
a.next.disabled {
	/*visibility:hidden !important;*/
	background-position	: -96px 0;
}
/* le bouton suivant utise une autre image de fond */



/*********** le navigator ***********/

/* position et dimensions du navigator */
div.navi {
	margin-left:228px;
	width:300px;
	height:20px;
}

/* éléments à l'intérieur du navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../../images/slider/navigator.gif) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* état mouseover */
div.navi a:hover {
	background-position:0 -8px;      
}
/* état actif (état page courante) */
div.navi a.active {
	background-position:0 -16px;     
}




/************* vignettes *************/

/* ceci rend possible d'ajouter le bouton suivant à coté du contentslider */
div.scrollableVignette {
	float:left;	
}

/* position des boutons de navigation */
.containerVignette a.prev, .containerVignette a.next {
	margin-top:0px;	
}

/* boutons précédent, suivant, page précédente et page suivante */
.containerVignette a.prev, .containerVignette a.next, .containerVignette a.prevPage, .containerVignette a.nextPage {
	display:block;
	float:left;
	width:19px;
	height:130px;
	cursor:pointer;
	font-size:1px;	
}
.containerVignette a.prev, .containerVignette a.prevPage {
	background:url(../../images/slider/prev-horizontal-vignette.gif) no-repeat;
	background-position:0 0;	
}
.containerVignette a.next, .containerVignette a.nextPage {
	background:url(../../images/slider/next-horizontal-vignette.gif) no-repeat;
	background-position:0 0;	
	clear:right;	
}

/* état mouseover */
.containerVignette a.prev:hover, .containerVignette a.prevPage:hover {
	background-position:-33px 0;	
}
.containerVignette a.next:hover, .containerVignette a.nextPage:hover {
	background-position:-32px 0;		
}
/* état désactivé */
.containerVignette a.prev.disabled {
	/*visibility:hidden !important;*/
	background-position	: -97px 0;
}
.containerVignette a.next.disabled {
	/*visibility:hidden !important;*/
	background-position	: -96px 0;
}
/* le bouton suivant utise une autre image de fond */



/*********** le navigator ***********/

/* position et dimensions du navigator */
div.navi {
	margin-left:228px;
	width:300px;
	height:20px;
}

/* éléments à l'intérieur du navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../../images/slider/navigator.gif) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* état mouseover */
div.navi a:hover {
	background-position:0 -8px;      
}
/* état actif (état page courante) */
div.navi a.active {
	background-position:0 -16px;     
}