/* CSS Document */




/* ---------------------------------------------------------------- 
 *  SLIDE
 * ---------------------------------------------------------------- 
*/ 
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

#controles_slide {
	width : 500px;
	height :30px;
	margin-top : -40px;
	
}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 911px;
	height:400px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* position and dimensions of the navigator */
.navi {
	margin-left:0px;
	position:relative;
	width:280px;
	height:20px;
	/*
border : 1px solid;
*/
}


/* items inside navigator */
.navi a {
	width:15px;
	height:15px;
	float:left;
	margin:3px;
	background:url(images/slide/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	
}

/* mouseover state */
.navi a:hover {
	background-position:0 -15px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -15px;     
}



.precedent a {
	width:25px;
	height:25px;
	float:left;
	margin-left :50px;
	background:url(images/slide/precedent.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
.precedent a:hover {
	background-position:0 -25px;      
}

.suivant a {
	width:25px;
	height:25px;
	float:left;
	margin-left :50px;
	background:url(images/slide/suivant.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
.suivant a:hover {
	background-position:0 -25px;      
}


.slide {
	width:911px;
	height : 400px;
	/*
background-color : black;
*/
	
}

.texte_slide_index {
	
	height : 340px;
	width:314px;
	position : relative;
	
	font-size: 100%;

	
}


.texte_slide_index div{
	bottom :0;
	position : absolute;
	padding-right : 50px;
	
}