#myScrollerMoo
{

}
.scrollerMoo
{
    position: relative;
    width: 560px;
    height: 200px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.scrollerMooWrapper
{
    position:relative;
    height: 130px;
    width: 425px;
    white-space: nowrap;
    margin-left: 60px;
    overflow: hidden;
    border: solid 5px #333333;
    padding:20px 0px 0px 0px;
}
.scrollerMooItem
{
    display: inline;
    text-align: center;
    overflow:hidden;
    width:110px;
    height:110px;
    font-size:0px;
    margin-left:16px;
}

#texte1 .scrollerMooItem a {
  text-decoration:none;
  border-bottom:0px;
}

.scrollerMooItem img
{

}
.scrollerMoo h3
{
    color: #ccc;
    font-size: 12px;
    position: absolute;
    display: inline;
    overflow:hidden;
    top: 85%;
    width:120px;
}

/* From jd.gallery start*/
#texte1 .scrollerMoo a.right, #texte1 .scrollerMoo a.left
{
  position: absolute;
  height: 130px;
  width: 40px;
  cursor: pointer;
  z-index:10;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  text-decoration:none;
  border-bottom:0px;
}

* html .scrollerMoo a.right, * html .scrollerMoo a.left
{
  filter:alpha(opacity=50);
}

#texte1 .scrollerMoo a.right:hover, #texte1 .scrollerMoo a.left:hover
{
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  border-bottom:0px;
}

.scrollerMoo a.left
{
  left: 0;
  top: 50%;
  margin-top: -75px;
  background: url('../images/fleche1.png') no-repeat center left;
}

* html .scrollerMoo a.left { background: url('../images/fleche1.gif') no-repeat center left; }

.scrollerMoo a.right
{
  right: 0;
  top: 50%;
  margin-top: -75px;
  background: url('../images/fleche2.png') no-repeat center right;
}

* html .scrollerMoo a.right { background: url('../images/fleche2.gif') no-repeat center right; }

/* From jd.gallery end*/