/* These heights and widths should be edited to your images */	
ul#pikame{
padding-left:0;
margin:0 auto;
}
	
.pika_main{
width:510px;
padding-right:0px;
margin:0 auto;
}
	
#pikame li{
margin:5px;
float: left;
border:1px solid #fff;
}

#pikame li:hover{
margin:5px;
float: left;
border:1px solid #f5d922;
}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{
position:relative;cursor:pointer;
}

.pika_main img{
border:1px solid #FFF;
margin:15px 0px 0px 28px;
}

.pika_main{
position: relative;
margin:0 auto;
}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}

.pika_play{
position:absolute;
top:0px;
z-index:1;
right:-22px;
}

.pika_play a{
position:relative;
margin-left:auto;
cursor:pointer;
float:center;
}

.pika_play img{
border:none !important;
}

.play{
width:16px;
height:16px;
background:url("../images/button_play.gif") no-repeat;
}

.stop{
width:16px;
height:16px;
background:url("../images/button_stop.gif") no-repeat;
}

.pika_caption{
text-align:right;
margin:0px 30px 10px 0px;
}

.pika_navigation a{
cursor:pointer;
}

.pika_navigation a:hover{
text-decoration: none;
color:#F5D922;
cursor:pointer;
}

.pika_navigation{
margin-top:10px;
}

/* SliderJS */
.sliderjs{margin:0 auto;width:510px;}

.caroussel {
width:510px;
height:280px;
background:url("../images/fond_diaporama.gif") no-repeat;
}

.pika_selected {
border:1px solid #f5d922;
}

.precedent {
width:16px;
height:16px;
margin:0px 5px 0px 220px;
background:url("../images/precedent.gif") no-repeat;
}

.suivant{
width:16px;
height:16px;
margin: -32px 120px 0px 260px;
background:url("../images/suivant.gif") no-repeat;
}


.pika_caption  img{
width:8px;
height:8px;
}

.pastilles {
position:relative;
_position:absolute;
width: 8px;
height:8px;
font-size:1px;
border:1px solid #FFF;
float:left;
margin-right:-30px;
margin-left:20px;
text-align:center;
}

.pastilles_caroussel{
width:8px;
height:8px;
}