/*La fonction carrousel prend comme arguments :
 •l’id du carrousel à animer
 •la largeur à déplacer (largeur d’un item+son margin éventuel)
 •le nombre d’éléments par « page » (nombre d’éléments qui se déplacent à chaque itération)
 •la vitesse de déplacement (’slow’,’normal’,’fast’, ou un nombre de milli-secondes)
 •le temps de pause entre chaque itération (en milli-secondes)
 •le sens de départ du carrousel (laisser left)
 •le chemin de l’image représentant le témoin de page allumé
 •le chemin de l’image représentant le témoin de page éteint*/


.carrousel
{
    margin: 30px 14px 14px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #FFFFFF;
}

.carrousel .interieur-carrousel
{
	position:relative;
	overflow:hidden;
}

.carrousel .items{
	position:absolute;
	top:0;
	left:0;
	width: 10000px;
}
.carrousel .item{
	display:block;
	float:left;
}

.carrousel .temoins
{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    visibility: hidden;
}
.carrousel .temoins img{
	padding-left:5px;
}

#carrousel_logos
{
    margin: 100px 18px 18px 18px;
    width: 180px; /* la largeur totale du carrousel */
    height: 80px; /* la hauteur totale du carrousel (prévoir la place pour le div.temoins) */
}

#carrousel_logos .interieur-carrousel
{
    margin-left: 15px; /* décalage entre le début du caroussel et l'endroit où disparaissent les images */
    margin-top: 0px; /* décalage par rapport à en haut du carrousel */
    width: 175px; /* la largeur de l'interieur = (largeur d'un item + margin right d'un item)*(nombres d'item étant apparants en même
temps) */
    height: 100px;
}

#carrousel_logos .item{
width:150px;	/* la largeur d'un item */
margin-right:40px; /* son espacement éventuel par rapport à l'item suivant */
height:80px; /* la hauteur d'un item */
}