/* Sample 8*/
#photos{
	position:absolute;
	height:500px;
}

#photos div{
	width:700px;
	float:left;
}

#photos div p{
	text-align:center;
	margin-top:230px;
	width:700px;
}


#photos .buttons{
	text-align:left
}
#photos .next{
	float:right
}
#photos.buttons{
	text-align:center;
	clear:both;
}


.slider{
	background-color:#DCDC88;
	border:10px solid #C7A856;
	height:500px;
	overflow:hidden;
	position:relative;
	width:700px;
}



.slider .next{
	background:url(../images/fleches.gif) -57px top no-repeat;
	width:45px;
	height:106px;
	position:absolute;
	top: 235px;
	right:5px;
	z-index:3;
	cursor:pointer;
}
.slider .prev{
	background:url(../images/fleches.gif) left top no-repeat;
	width:45px;
	height:106px;
	position:absolute;
	top: 235px;
	left:5px;	
	z-index:4;
	cursor:pointer;
}

.slider .next:hover{
	background-position:-54px top;
}

.slider .prev:hover{
	background-position:-3px top;
}