/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

	.panel h2.title { margin-bottom: 10px; text-align:center; font-size:20px; display:none }
	.panel h2.sub-title { margin-top:10px; margin-bottom:10px; font-size:18px; color:#ff6600 }
	.panel ul { margin-left:15px; list-style:disc }
	.panel li { margin-bottom:5px; }
	.panel p { margin-bottom:10px; }
	.panel-wrapper ul li {
		background:url("../images/puces_new.png") no-repeat scroll 0 0px transparent;
		list-style-type:none;
		padding-left:25px;
		padding-bottom:5px;
		font-size:14px;
		color:#444;
		line-height:1.3em;
	    text-align: left;
		font-weight:normal;
	}
	
	.panel-wrapper ol li {
		background:none;
		list-style-type:decimal;
		padding-left:5px;
		margin-left:15px;
		padding-bottom:5px;
		font-size:14px;
		color:#444;
		line-height:1.3em;
	    text-align: left;
		font-weight:normal;
	}
/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0; float:left; width:600px; margin-top:10px }
	
	.coda-slider {
    	padding: 0px 10px 10px 10px;
		margin-bottom:10px;
		background-color:#ebeff1;
		background: -moz-linear-gradient(#ebeff1, #c3ced5);  
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebeff1), to(#c3ced5));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebeff1', endColorstr='#c3ced5');


		display:block;
		position:relative;
		/*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		-goog-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);*/
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-goog-ms-border-radius: 3px;
		border-radius: 3px;
		text-align:left
	}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider { width: 600px; margin-top:-5px; margin-left:15px; font-size:14px; line-height:18px }
	
	.coda-slider .panel { width: 600px;}
	 	
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px; }
	
	/* 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; margin-left:30px; }
	.coda-nav ul li { display: inline; width:180px; font-size:16px; font-weight:bold }
	.coda-nav ul li a {
		background: #dae1e5;
		color: #6a7679;
		display: block;
		height:20px;
		float: left; 
		width:120px;
		margin-right: 10px;
		padding: 10px 16px;
		text-decoration: none;
		border-radius:5px;
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
		border:2px solid #98abb6;
	}
	
	.coda-nav ul li a.current {
		background: #ebeff1;
		color:#e7511b;
		border:2px solid #98abb6;
	}
		
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; margin-right:20px; width:640px }
	.coda-slider { float: left; overflow: hidden; position: relative; z-index:99 }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }