/*   Charte :
Gris-foncé : #4A4A49
Gris-clair : #9C9B9B
Rouge fonçé : #932826
rouge clair : #CC1719
taille des images affichées = height : 250px; width : 727; rapport 2.9
*/

#carousel{position : relative; width : 100%;height : 250px; overflow : hidden; position :static;}
	.visu{}
		.visu img{width : 100%; position : absolute; bottom : 0; left : 0; height : 250px; position :static;}
	.title{position : absolute; height : 40px; width : 100%;bottom : 0; left : 0; background-image : url("../images/boutons/transparent3.png"); color : #FFFFFF;font-size : 1.5em; font-weight : bold; padding-left : 40px;}
	#carousel-droite{position : absolute ; bottom : 50% ; right : 4px ; background-image : url("../images/boutons/transparent3.png");cursor : pointer;}
	#carousel-gauche{position : absolute ; bottom : 50% ; left : 4px ; background-image : url("../images/boutons/transparent3.png");cursor : pointer;}
	#carousel-droite:hover { background-image : none; background-color :  #4A4A49;}
	#carousel-gauche:hover { background-image : none; background-color :  #4A4A49;}
	#carousel-centre {position : absolute ; bottom : 5px; right : 10px;}
	#carousel-centre span {
		display : inline-block; 
		width : 20px; 
		height : 20px; 
		line-height : 20px; 
		margin : 2px;
		font-weight : bold;
		color : #4A4A49; 
		background-color : #FFFFFF ; 
		text-align:center; 
		cursor : pointer;
		-webkit-border-radius: 10px;
		-moz-border-radius: 01px;
		border-radius: 10px;
	}
	#carousel-centre span:hover , #carousel-centre span.active{ color : #FFFFFF ; background-color :  #4A4A49;}