/* 	Function: 	CSS du carroussel
	Author: 	RIMBERT Christophe
*/
#holder_images, #carouselText { display: none; }
	#buttonwrapper
	{
		width: 100px;
		height: 50px;
		position: relative;
	}
	#left
	{
		background: url(images/left.gif) bottom left no-repeat;
		width: 39px;
		height: 50px;
		float:left;
	}
	#right
	{
		background: url(images/right.gif) bottom left no-repeat;
		width: 39px;
		height: 50px;
		float:right;
	}
	#left:hover, #right:hover
	{
		cursor: pointer;
		background-position: top left; 
	}
	#carousel img
	{
		border: 3px solid #ddd; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
	}
	#carousel img.link:hover
	{
		border: 4px solid #0e0893; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
	}
	#text
	{
		position: absolute;
		width: 60%;
		height: 55%;
		padding: 3em;
		font: 1em/1em Gill Sans,Verdana;
		text-align: center;
		border: 2px solid #DDD;
		color: #FFF;
		background-color: #666;
		display: none;
	}