.infiniteCarousel { width: 550px; position: relative; margin:0px; }
.infiniteCarousel .wrapper { width: 550px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; height: 160px; margin: 7px 0 0 77px; position: absolute; background:#fff; top: 0; border:solid 0px #ff0000;  }
/*.infiniteCarousel ul a img { border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
*/
.infiniteCarousel .wrapper ul { width: 1120px; /* single item * n */
  list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
.infiniteCarousel ul li { display:block; float:left; padding: 0px 5px; height: 175px; width: 98px; margin:0px; overflow:hidden; text-align:center; font-size:10px;  }

.infiniteCarousel .arrow { display: block; height: 38px; width: 38px; background: url(arrows.gif) no-repeat left top; text-indent: -999px; position: absolute; top: 55px; cursor: pointer; outline: 0; }
.infiniteCarousel .forward { background-position: 0 0; right: -137px; }
.infiniteCarousel .back { background-position: 0px -38px; left: 20px; }
.infiniteCarousel .forward:hover { background-position: 0 -76px; }
.infiniteCarousel .back:hover { background-position: 0px -114px; }
/*three column */
.troiscolonnes { width:330px; position: relative; margin:0 0 0 140px; }
.troiscolonnes .wrapper { width: 330px; /* .troiscolonnes width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; height: 150px; margin: 0 0 0 0px; position: absolute; background:#fff; top: 0; }
/*.troiscolonnes ul a img { border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
*/
.troiscolonnes .wrapper ul { width: 1100px; /* single item * n */
  list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
.troiscolonnes ul li { display:block; float:left; padding:0 5px; height: 180px; width:100px; margin:0px; overflow:hidden; text-align:center; font-size:10px;  }
/*.troiscolonnes ul li.empty, .troiscolonnes ul li.cloned{ background:#ccc; border:solid 1px #ff0000; }
.troiscolonnes ul li#hack_this{width:1px; overflow:hidden; }*/
.troiscolonnes ul li img { -webkit-transition: border-color 400ms; }
.troiscolonnes ul:hover li img { border-color: #000; }
.troiscolonnes ul:hover li:hover img { border-color: #333; }
.troiscolonnes ul li a img { display:block; }
.troiscolonnes ul li h5 a img { position:absolute; margin:-20px 0 0 50px; }
.troiscolonnes .arrow { display: none; height: 36px; width: 37px; background:#ff0000 url(images/arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 37px; cursor: pointer; outline: 0; }
.troiscolonnes .forward { background-position: 0 0; right: 0; }
.troiscolonnes .back { background-position: 0 -72px; left: 0; }
.troiscolonnes .forward:hover { background-position: 0 -36px; }
.troiscolonnes .back:hover { background-position: 0 -108px; }
/*hack for the loop */

.troiscolonnes_two { width:330px; position: relative; margin:0 0 0 140px; }
.troiscolonnes_two .wrapper { width: 330px; /* .troiscolonnes_two width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; height: 150px; margin: 0 0 0 0px; position: absolute; background:#fff; top: 0; }
/*.troiscolonnes_two ul a img { border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
*/
.troiscolonnes_two .wrapper ul { width: 1100px; /* single item * n */
  list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
.troiscolonnes_two ul li { display:block; float:left; padding: 0px 5px; height: 150px; width: 100px; margin:0px; /*overflow:hidden; */text-align:center; font-size:10px;    }
/*.troiscolonnes_two ul li.empty, .troiscolonnes_two ul li.cloned{ background:#ccc; border:solid 1px #ff0000; }
.troiscolonnes_two ul li#hack_this{width:1px; overflow:hidden; }*/
.troiscolonnes_two ul li img { -webkit-transition: border-color 400ms; }
.troiscolonnes_two ul:hover li img { border-color: #000; }
.troiscolonnes_two ul:hover li:hover img { border-color: #333; }
.troiscolonnes_two ul li a img { display:block; }
.troiscolonnes_two ul li h5 a img { position:absolute; margin:-20px 0 0 70px; }
.troiscolonnes_two .arrow { display: none; height: 36px; width: 37px; background:#ff0000 url(images/arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 37px; cursor: pointer; outline: 0; }
.troiscolonnes_two .forward { background-position: 0 0; right: 0; }
.troiscolonnes_two .back { background-position: 0 -72px; left: 0; }
.troiscolonnes_two .forward:hover { background-position: 0 -36px; }
.troiscolonnes_two .back:hover { background-position: 0 -108px; }