#buttonPrev {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_2.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;

}
#buttonPrev:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_2.png) no-repeat top left;
cursor:pointer;
}

#buttonPrev2 {
background:url(../../maj/phototheque/photos/pictos/fleche_bleu_2.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;

}
#buttonPrev2:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_bleu_2.png) no-repeat top left;
cursor:pointer;
}

#buttonPrev3 {
float:left;
height:17px;
width:17px;
cursor:pointer;

}
#buttonPrev3:hover {
cursor:pointer;
}

#buttonPrev4 {
float:left;
height:17px;
width:17px;
cursor:pointer;

}
#buttonPrev4:hover {
cursor:pointer;
}

#buttonPrev5 {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_2.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;

}
#buttonPrev5:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_2.png) no-repeat top left;
cursor:pointer;
}

#slideShow {
float:left;			
height:150px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:150px;
}
#slides {
height:150px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide {
display:inline;
float:left;
height:150px;
width:150px;
}

#slideShow2 {
float:left;			
height:150px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:150px;
}
#slides2 {
height:150px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}

#slideShow3 {
float:left;			
height:190px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:380px;
}
#slides3 {
height:190px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide3 {
display:inline;
float:left;
height:190px;
width:380px;
}

#slideShow4 {
float:left;			
height:190px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:380px;
}
#slides4 {
height:190px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide4 {
display:inline;
float:left;
height:190px;
width:380px;
}

#slideShow5 {
float:left;			
height:150px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:500px;
}
#slides5 {
height:150px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide5 {
display:inline;
float:left;
height:150px;
width:500px;
}

#buttonNext {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_1.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_1.png) no-repeat top left;
cursor:pointer;
}

#buttonNext2 {
background:url(../../maj/phototheque/photos/pictos/fleche_bleu_1.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext2:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_bleu_1.png) no-repeat top left;
cursor:pointer;
}

#buttonNext3 {
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext3:hover {
cursor:pointer;
}

#buttonNext4 {
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext4:hover {
cursor:pointer;
}

#buttonNext5 {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_1.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext5:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_1.png) no-repeat top left;
cursor:pointer;
}


#slideShow6 {
float:left;			
height:50px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:180px;
}
#slides6 {
height:50px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide6 {
display:inline;
float:left;
height:50px;
width:180px;
}

#buttonNext6 {
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext6:hover {
cursor:pointer;
}

#buttonPrev6 {
float:left;
height:17px;
width:17px;
cursor:pointer;

}
#buttonPrev6:hover {
cursor:pointer;
}

#slideShow7 {
float:left;			
height:50px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:180px;
}
#slides7 {
height:50px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide7 {
display:inline;
float:left;
height:50px;
width:180px;
}

#buttonNext7 {
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext7:hover {
cursor:pointer;
}

#buttonPrev7 {
float:left;
height:17px;
width:17px;
cursor:pointer;

}
#buttonPrev7:hover {
cursor:pointer;
}
		

/*----- DIAPO -----*/




#slideShow_diapo {
float:left;			
height:200px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:320px;
background-color:#FFF;
}
#slides_diapo {
height:200px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide_diapo {
	background-color:#FFF;
display:inline;
float:left;
height:200px;
width:320px;
}

.slide_diapo img{
height:180px;
width:320px;
cursor:pointer;
}

#buttonPrev_diapo {
background:url(images/btn_precedant.png) no-repeat top right;
height:16px;
width:16px;
cursor:pointer;
float:left
}
#buttonNext_diapo {
background:url(images/btn_suivant.png) no-repeat top right;
height:16px;
width:16px;
cursor:pointer;
float:left;
margin-left:5px;

}

/*----- VIDEO -----*/




#slideShow_video {
float:left;			
height:220px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:320px;
}
#slides_video {
height:2200px;	
position:relative;		/*position the div (slides) relative to its parent (slideShow), by having it positioned to relative we're able to animate the left proporty*/
}
.slide_video {
	background-color:#FFF;
display:inline;
float:left;
height:220px;
width:320px;
}

.slide_video img{
cursor:pointer;
}

#buttonPrev_video {
background:url(images/btn_precedant.png) no-repeat top right;
height:16px;
width:16px;
cursor:pointer;
float:left
}
#buttonNext_video {
background:url(images/btn_suivant.png) no-repeat top right;
height:16px;
width:16px;
cursor:pointer;
float:left;
margin-left:5px;
}


.bloc_fleche_actu{
position:absolute;
margin-left:160px;
margin-top:-28px;
}