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

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

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

}
#buttonPrev2:hover {
background:url(../../maj/phototheque/photos/pictos/fleche_1.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:270px;
}
#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:270px;
}

#slideShow2 {
float:left;			
height:400px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:260px;
}
#slides2 {
height:400px;	
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*/
}
.slide2 {
display:inline;
float:left;
height:400px;
width:260px;
}

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

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

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




#slideShow_diapo {
float:left;			
height:175px;
overflow:hidden;		/*hides every child object that will overlap it's parent*/
position:relative;		/*IE fix*/
width:240px;
}
#slides_diapo {
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*/
}
.slide_diapo {
display:inline;
float:left;
height:150px;
width:240px;
}

.slide_diapo img{
height:135px;
width:240px;
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;
}