#carousel {
top: 24px;
width:256px !important;
background:#fff;
text-align:center;
}

#cadre-carousel{
width:256px;
margin:0 auto;	
}

#ui-carousel-next, #ui-carousel-prev {
width:256px;
height: 24px;
display: block;
/*position: absolute;*/
left: 0
z-index: 100;
}

#carousel img {
border: 0;
width:256px !important;
}

	

@media (min-width: 481px) {
	
#carousel {
width:306px !important;
}

#cadre-carousel{
width:306px;
}

#ui-carousel-next, #ui-carousel-prev {
width:306px;
}

#carousel img {
width:256px !important;
}	
	
}

			#ui-carousel-next {
				top: 0;
				background: url(img/arrow-top.png) center center no-repeat #e1e1e1;
				box-shadow:0 0px 3px 0px #434444;
				border-bottom:2px solid #cfcfcf;
				}

			#ui-carousel-prev {
			background: url(img/arrow-bottom.png) center center no-repeat #e1e1e1;
			bottom: 0;
			box-shadow:0px 2px 2px 0px #434444;
			border-top:2px solid #cfcfcf;
			}
			
			#ui-carousel-next > span, #ui-carousel-prev > span {
				display: none;
			}