#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 {
background:url(../../maj/phototheque/photos/pictos/fleche_bleu_2.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;

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

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

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

#slideShow {
float:left;			
height:180px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:295px;
}
#slides {
height:180px;	
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:180px;
width:295px;
}

#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:220px;
}
#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:220px;
}

#slideShow4 {
float:left;			
height:160px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:220px;
}
#slides4 {
height:160px;	
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:160px;
width:220px;
}

#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 {
background:url(../../maj/phototheque/photos/pictos/fleche_bleu_1.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext3:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_bleu_1.png) no-repeat top left;
cursor:pointer;
}

#buttonNext4 {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_1.png) no-repeat top left;
float:left;
height:17px;
width:17px;
cursor:pointer;
}
#buttonNext4:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_rouge_1.png) no-repeat top left;
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:160px;
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;
}