#slider {
    
}

.slid {
    margin: 0 0 0 20px;
    border: 3px solid #fff;
    box-shadow : 0 0 3px #888;
    -moz-box-shadow : 0 0 3px #888;
    -webkit-box-shadow : 0 0 3px #888;
    height: 295px;
    width: 525px;
    overflow: hidden;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:525px;
		height:295px;
		overflow:hidden; 
        
		}	
        
    #slider li p {
        background: url('../images/1px.png');
        color: #FFFFFF;
        display: block;
        font: 12px/18px tahoma;
        margin: -47px 0 0;
        padding: 3px 6px;
        position: relative;
    }
    
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
        
	#nextBtn, #slider1next{ 
		left:696px;
		}	
        													
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
	}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		height: 17px;
        left: 28px;
        position: relative;
        top: -293px;
        width: 525px;
	}
	ol#controls li{
		margin:0 1px 0 0;
        width: 18px;
        height: 17px;
		padding:0;
        text-indent: 20px;
        overflow: hidden;
		float:left;
		list-style:none;
		}
	ol#controls li a{
		float:left;
		height:17px;
        width: 18px;
		background: url('../images/puce_slide.png') no-repeat center center;
		color:#555;
		text-decoration:none;
        
		}
	ol#controls li.current a{
		background: url('../images/puce-active_slide.png') no-repeat center center;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */