/*Taille adaptable*/
div.adapt1,div.adapt2,div.adapt3, div.adapt4 {
    margin:0;
    background-repeat:no-repeat;
}
/* 
 * Div 1 : coin haut gauche
 * Comporte une couleur d'arrière plan
 * Bordures invisibles pour contrer un bug IE6
 */
div.adapt1{
    
    color:white; 
   
    /*
     * Bordures invisibles : bug de IE
     * IE invente un padding en dessous sinon...
     */
    
}
/*
 * Autres div, contenant les coins
 * haut droit
 * bas droit
 * bas gauche
 */
div.adapt2{
  
}
div.adapt3{

}
/*
 * Contient le texte
 */
div.adapt4 {
  
}

#carrousel{
    width:782px;
    height:378px;
    margin:0 auto;
	margin-top:4px;
	margin-bottom:5px;
    position:relative;
    overflow:hidden;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:medium;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.slide{
    position:absolute;
    top:0;
    left:0;
    width:784px;
    height:378px;
}

.title{
	font-family:"Myriad Pro";
	color:#FFFFFF;
    position:absolute;
    padding-left:12px;
	width:684px;
    line-height:0px;
    height:0px;
    bottom:0;
    left:0;
    background:url(../images/carroussel/opaque.png) top left repeat;
}


.navigations{
	font-family:"Myriad Pro";
	color:#FFFFFF;
    position:absolute;
	top:10px;
    right:50px;
}

.navigations span{
	background-image:url(../images/carroussel/bulle.png);
	background-repeat:no-repeat;
	background-position:center;    
    color:#FFFFFF;
    padding:5px 8px;
    cursor:pointer;
    margin:0 0px;
}

.navigations span:hover,.navigations span.active{
	background-image:url(../images/carroussel/bulle2.png);
	background-repeat:no-repeat;
	background-position:center;
    color:#3b5998;
}