/* Most common stuff you'll need to change
	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background: #ebebeb }
*/	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider{
	height: 200px;
	overflow: hidden;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel{
	width: 650px;
} 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel{
	width: 600px;
}
.coda-slider-wrapper.arrows .coda-slider{
	margin: 0 20px;
}
	
/* Arrow styling */
.coda-nav-left a {
	background: #ffffff url(images/fleche-gauche.png) no-repeat;
	height: 243px; 
	width: 58px;
}
.coda-nav-right a {
	background: #ffffff url(images/fleche-droite.png) no-repeat;
	height: 243px; 
	width: 58px;
}

/* Panel padding */
.coda-slider .panel-wrapper{
	width: 570px;
	padding: 20px 10px 0 50px;
}
	
/* Preloader */
.coda-slider p.loading{
	padding: 20px;
	text-align: center;
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul{
	clear: both; display: block; 
	margin: auto; 
	overflow: hidden;
}
.coda-nav ul li{
	display: inline;
}
.coda-nav ul li a{
	background: #000; 
	color: #fff; 
	display: block; 
	float: left; 
	margin-right: 1px; 
	padding: 3px 6px; 
	text-decoration: none;
}
	
/* Miscellaneous */
.coda-slider-wrapper{
	clear: both; 
	overflow: auto;
}
.coda-slider{ 
	float: left; 
	overflow: hidden; 
	position: relative;
}
.coda-slider .panel{ 
	display: block; 
	float: left ;
}
.coda-slider .panel-container{ 
	position: relative;
	 }
.coda-nav-left{
	position: absolute;
	margin: 0; 
	padding: 0;
	z-index: 1000;
}
.coda-nav-right{
	position: absolute; 
	margin: 0 0 0 619px; 
	padding: 0;
	z-index: 1000;
}
.coda-nav-left a, .coda-nav-right a{ 
	display: block;
	text-align: center; 
	text-decoration: none;
}