#wrapper {
	width:500px; 
	margin:0px 0 0px 0px;
	border:0px solid #008000;
	background:#fff; 	
}


#container {
	position:relative; 
	background:#fff; 
	padding:0px; 
	margin:0px 0 0px 0px;
	height:auto; 
	border:0px solid #ccc; 
	}
		
.buttons {
	width:22px; 
	height:20px;
	margin:50px 10px 0 0;
	border:0px solid #ccc; 
}

.sliderbutton {
	width:22px; height:20px; cursor:pointer;
	border:0px solid #ccc; 
}
.sliderbutton2 {
	width:22px; height:20px; cursor:pointer;
	border:0px solid #ccc; 
}

#slideleft {
	background:url(../images/fleches/iconHautClaire2.png) 0px 0px no-repeat;
		border:0px solid #000; 
}
#slideleft:hover {
	background:url(../images/fleches/iconHautFoncee2.png) 0px 0px no-repeat}
#slideright {
	background:url(../images/fleches/iconBasClaire2.png) 0 0px no-repeat;
		border:0px solid #000; 
}
#slideright:hover {
	background:url(../images/fleches/iconBasFoncee2.png) 0px 0px no-repeat}

#slider {
	position:relative; 
	overflow:hidden; 
	width:500px; 
	height:500px;
	border:1px solid red; 
	margin:0px 0 0px 0px;
}
#slider ul {
	position:relative; 
	list-style:none; 
	margin:0;
	padding:0;
	border:0px solid #ff0000;
    text-align:center;		
}
#slider li {
	overflow:hidden;
	float:left; 
	width:500px; 
	height:500px;
	border:0px solid #ccc; 
}

.texte-diap{
width:500px;
height:500px;
border:solid 0px;
margin:0px 0 0 0;
padding:0px;
}
.texte-diap img{
width:auto;
height:500px;
border:solid 0px;
margin:0px 0 0 0;
padding:0px;
}

.pagination {
	position:relative; 
	margin:30px 0 30px 8px;
    width:auto;	
	list-style:none; 
	height:auto;
	border:0px solid #ccc; 
	text-align:center;
    padding:0;	
}
.pagination li {
	float:left; 
	cursor:pointer; 
	height:8px; 
	width:8px; 
	background:#6abd51; 
	margin:0 4px 0 0; 
	border:0px solid #000;
	border-radius:5px;
	}
.pagination li:hover, li.current {
	background:#fb9e04 url("../images/logo.png") no-repeat;
	}