@charset "windows-1252";

/****easy slider****/
#visuels{
	/*border:1px solid red;*/
	margin:0;padding:0;
	width:640px; height:360px !important;
	text-align: left; /* pour corriger le bug de centrage IE */ 	
}
   
/* Easy Slider */
#slider {
	/*border: 1px solid yellow;*/	
	text-align: left; 
	margin-top: 0px  !important; 
	margin-left: 0px !important 
	}
	#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:640px;
		height:360px!important;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn 	{ 
		display:block;
		width:30px;	 /*taille img*/
		height:30px;  /*taille img*/
		position:absolute;
		z-index:2;
		}	
	#nextBtn { 
		left:640px !important;/*taille visuels*/
		}														
	#prevBtn a, #nextBtn a {  
		display:block;
		position:relative;
		width:30px; /*taille img*/
		height:30px;  /*taille img*/
		}	
	#nextBtn a { background:url(images/custom/flecheR.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/custom/flecheRhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/custom/flecheL.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/custom/flecheLhover.png) no-repeat 0 0;	}	
	
		
	#prevBtn, #nextBtn {position:relative; 	}		
	
	
	/* HORIZONTAL commande middle*/
	#prevBtn {
		margin-top:-190px;/*  -(hauteurVisuel/2 -tailleImg/3)   */ 
		margin-left:0px;
		} 
		
	#nextBtn { 
		margin-top:-30px; /*taille img  alignement horizontal*/
		margin-left:-30px;/*taille img  position nextBtn*/
		}	
	
	#nextBtn a { background:url(images/custom/flecheR.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/custom/flecheRhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/custom/flecheL.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/custom/flecheLhover.png) no-repeat 0 0;	}	
	
	/* VERTICAL*/
	#prevBtn {
		margin-top:-370px;/*  -(hauteurVisuel - tailleImg) */ 
		margin-left:285px;/* (largeurVisuel - tailleImg)/2 */
		} 
		
	#nextBtn { 
		margin-top:340px; /* -(hauteurVisuel - 2 * tailleImg) */ 
		margin-left:-315px;/* -[(largeurVisuel - tailleImg)/2 ]-tailleImg */
		}	
	
	#nextBtn a { background:url(images/custom/flecheB.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/custom/flecheBhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/custom/flecheT.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/flecheThover.png) no-repeat 0 0;	}	
	
	/* HORIZONTAL commande top*/ 
	#prevBtn {
		margin-top:-370px;/*   -(hauteurSlidder + tailleImg) */ 
		margin-left:-10px;
		border:10px solid #4f3722;			
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0px 2px 0px #202020
		} 
		
	#nextBtn { 
		margin-top:-50px; /*taille img  alignement horizontal*/
		margin-left:-40px;/*taille img  position nextBtn*/
		border:10px solid #4f3722;			
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0px 2px 0px #202020
		}	
	
	#nextBtn a { background:url(images/custom/flecheR.png) no-repeat -2px 0px;	}
	#nextBtn a:hover { background:url(images/custom/flecheR.png) #303030 no-repeat 1px 0px;	}
	
	#prevBtn a{ background:url(images/custom/flecheL.png) no-repeat 2px 0px;	}			
	#prevBtn a:hover { background:url(images/custom/flecheL.png) #303030 no-repeat -1px 0px;	}