@charset "windows-1252";

/****easy slider****/
#visuels{
	/*border:1px solid red;*/
	margin:0;padding:0;
	width:560px !important;
	height:510px !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:560px !important;
		height:510px !important;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn 	{ 
		display:block;
		width:30px;	 /*taille img*/
		height:30px;  /*taille img*/
		position:absolute;
		z-index:2;
		}	
	#nextBtn { 
		left:560px !important;/*width visuels*/
		}														
	#prevBtn a, #nextBtn a {  
		display:block;
		position:relative;
		width:30px; /*taille img*/
		height:30px;  /*taille img*/
		}	
	#nextBtn a { background:url(images/phil/flecheR.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/phil/flecheRhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/phil/flecheL.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/phil/flecheLhover.png) no-repeat 0 0;	}	
	
		
	#prevBtn, #nextBtn {position:relative; 	}		
	
	/* VERTICAL*/
	#prevBtn {
		margin-top:-530px;/*  -(hauteurVisuel) */ 
		margin-left:385px;/* (largeurVisuel - tailleImg)/2 */
		} 
		
	#nextBtn { 
		margin-top:470px; /* -(hauteurVisuel - 2 * tailleImg) */ 
		margin-left:-415px;/* -[(largeurVisuel - tailleImg)/2 + tailleImg] */
		}	
	
	#nextBtn a { background:url(images/phil/flecheB.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/phil/flecheBhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/phil/flecheT.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/flecheThover.png) no-repeat 0 0;	}	
	
	/* HORIZONTAL commande top*/ 
	#prevBtn {
		margin-top:-530px;/*   -(hauteurSlidder ) */ 
		margin-left:0px;
		} 
		
	#nextBtn { 
		margin-top:-30px; /*taille img  alignement horizontal*/
		margin-left:-30px;/*taille img  position nextBtn*/
		}	
	
	#nextBtn a { background:url(images/phil/flecheR.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/phil/flecheRhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/phil/flecheL.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/phil/flecheLhover.png) no-repeat 0 0;	}	
	
	/* HORIZONTAL commande middle*/
	#prevBtn {
		margin-top:-270px;/*  -(hauteurVisuel/2 +tailleImg/2)   */ 
		margin-left:0px;
		} 
		
	#nextBtn { 
		margin-top:-30px; /*taille img  alignement horizontal*/
		margin-left:-30px;/*taille img  position nextBtn*/
		}	
	
	#nextBtn a { background:url(images/phil/flecheR.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/phil/flecheRhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/phil/flecheL.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/phil/flecheLhover.png) no-repeat 0 0;	}	
	
/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width: 1023px) {
	#prevBtn {
	  margin-top: -510px;
	  margin-left: 0px;
	}
	#nextBtn a { background:url(images/phil/resp/flecheR.png) no-repeat 0 0;	}
	#nextBtn a:hover { background:url(images/phil/resp/flecheRhover.png) no-repeat 0 0;	}
	
	#prevBtn a{ background:url(images/phil/resp/flecheL.png) no-repeat 0 0;	}			
	#prevBtn a:hover { background:url(images/phil/resp/flecheLhover.png) no-repeat 0 0;	}	
}