/* CSS Document */
#carrousel{
background:#ffffff;
width:930px;
height:300px;
padding:5px 0 5px 5px;
margin: 0 auto; /*centrage*/
position:relative; /* pour animer le contenu p/r a ce cadre */
overflow:hidden; /*utile pour le slide on cache les images*/
border:1px solid #cccccc;
}

.slide {/*permet de styliser tous les DIV contenant les slide */
position:absolute;
top:5px;
left:5px;
padding:5px 0 5px 5px;
width:930px;
height:300px;

}

.title{
color:#838383;
position:absolute;
padding-left:12px;
height:25px;
line-height:25px;/* centre le texte verticalement*/
font-family:Geneva, Arial, Helvetica, sans-serif;
top:0;
left:400px;
width:500px;/* largeur - padding*/
border-bottom:1px solid #cccccc;
}

.navigation{
position:absolute;
bottom:5px; /* est a 38 px du bas*/


}

.navigation span{
border:1px solid #cccccc;
color:#525051;
padding:2px 4px; /* padding haut et padding cote*/
cursor:pointer;
margin-right:3px;
}

.navigation span:hover, span.active{
background:#ffffff;
color:#000000;
padding:2px 4px; /* padding haut et padding cote*/
cursor:pointer;
}

.naviguer span{
background:#000000;
color:#ffffff;
padding:2px 4px; /* padding haut et padding cote*/
cursor:pointer;
}

.carrousel_contenu{position:absolute; top:0; left:4px;  height:275px; width:500px; margin:0 5px 9px 400px; }
.carrousel_contenu h1{ font-size:36px; color:#ffffff; font-weight:normal;  text-align:center;}