/*------------------------
	---------------- CONTENT
	------------------------*/
	
	/* You might want to change these options for the main container */
	#diaporama, #diaporama li 	{
		height:283px;
		width:715px;
	}
	
	/* images container - This is the most important container - Don't change important properties */
	#diaporama {
		
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		position: relative !important;
		
	}

		/* each slider item - Nothing to change here */
		#diaporama li {
			
			display: none;
			float: left;
			margin: 0;
			position: absolute;
			width: 100%;
			
		}
		
		/* Don't edit this part */
		#diaporama li.current {
			display: block;
			z-index: 2 !important;
		}
		
		/* Don't edit this part */
		#diaporama li.next {
			
			display: block;
			z-index: 1 !important;
			
		}
		
		/* Don't edit this part - prevents inline lists from being hidden */
		#diaporama li ul li {
			
			display: block !important;
			position: relative !important;
			
		}


/*------------------------
	---------------- NAVS
	------------------------*/

	#contenantDiaporama{
		position:absolute;
		top:0px;
		width:100%;
		min-width:715px;
		height:283px;
		overflow:hidden;
		background:#fff;
	}

	#positionDiaporama{
		position:relative;
		left:50%;
		width:715px;
		height:283px;
		
	}
	

	#contenuDiaporama{
		position:relative;
		top:0px;
		right:50%;
		width:715px;
		height:283px;
	}

	#contenuDiaporama > ul{
		list-style:none;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		min-width:715px;
		margin:0px;
		height:283px;
		padding:0px;
	}

	#contenuDiaporama > ul > li{
		position:absolute;
		top:0px;
		left:0px;
		padding:0px;
		margin:0px;
	}


		/*------------------------
		--------------- LEFT ARROW
		------------------------*/
		
		#diaporamaGauche {
			bottom: 10px;
			cursor: pointer !important;
			height: 68px;
			top:-235px;
			left: 10px;
			position: absolute;
			width: 68px;
			z-index: 5;	
			background: url("../images/diaporama-gauche.png") no-repeat top left;	
		}
		
		#diaporamaGauche:hover {
			background: url("../images/diaporama-gauche-dessus.png") no-repeat top left;	
		}


		/*------------------------
		-------------- RIGHT ARROW
		------------------------*/
		
		#diaporamaDroite {
			
			bottom: 10px;
			cursor: pointer;
			height: 68px;
			right: 10px;
			top:-235px;
			position: absolute;
			width: 68px;
			z-index: 5;
			background: url("../images/diaporama-droite.png") no-repeat top left;	
		}
		
		#diaporamaDroite:hover {
			background: url("../images/diaporama-droite-dessus.png") no-repeat top left;	
		}


	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	#controleDiaporama, .slider_selector_dis {
		
		position:absolute;
		z-index: 5;
		top:335px !important;
		left:0px;
		width:100%;
		
	}
	
	#listeDiapositives{
		margin:0px;
		height:16px;
		position:relative;
		float:right;
		margin-right:20px;
	}
	
	/* Sets image of selectors */
	#controleDiaporama li, .slider_selector_dis li {
		
		display: block !important;
		background: #fff;
		cursor: pointer;
		float: left;
		margin: 0 2px 0 3px !important;
		height: 8px !important;
		width: 8px !important;
		
	}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}
	
	#ombreDiaporama{
		background: url("../images/ombre-diaporama.png") repeat-x top left;
		position:absolute;
		left:0px;
		bottom:0px;
		display:block;
		width:100%;
		min-width:715px;
		height:7px;
		z-index:15;
	}