/* Necessary CSS */
.slider {
	overflow:hidden;
	position:relative;
	/*width:100%; */
	height:100px !important;
}

.slider ul
{
	margin:0;
	padding:0;
	height:70px;
  list-style: none outside none !important;
}

.slider li {
	float:left;
	margin:0 5px 0 5px;
	list-style:none;
	padding : 0;
	background : none !important;
}

.slider li a
{
  padding :0;
  margin : 0;
  position: relative;
  display: block;
  
}
/*
.slider li a:hover  
{
  border: 1px solid #333;
  padding :0;
  margin : 0;
}
*/
	
.slider li img {
	/*height:100px;*/
}



/* IE6 issues */
.slider ul {
	width:100%;
}

/* merrygoround */
.merry-go-round-previous{
	background: url("icon-fleches.png") no-repeat  0 0 transparent;
	/*left: 10px;
  right: auto;*/
}
.merry-go-round-previous:hover
{
  background: url("icon-fleches_on.png") no-repeat  0 0 transparent;
}
.merry-go-round-next {
	background: url("icon-fleches.png") no-repeat  0 -100px transparent;
	/*right: 10px;*/
}

.merry-go-round-next:hover {
	background: url("icon-fleches_on.png") no-repeat  0 -100px transparent;
	/*right: 10px;*/
}


.merry-go-round-next, .merry-go-round-previous {
    cursor: pointer;
    position : absolute;
    height: 40px;
    width: 40px;
    margin :0;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    z-index: 20;
}