@charset "utf-8";
/*****************conteneur des carousel**********************/
.carousel, .box , .moto, .moto0, .moto1, .bigcarousel, .result, .bigcarousel2{

position: relative;  

}

.moto, .moto0, .moto1, .result{
	background:transparent url(../image/text-ocassion.png) repeat-x;
	padding:20px 10px 20px 45px;
	bottom:30px;
}
 
.carousel .jCarouselLite ,.box .jCarouselLite,.moto .jCarouselLiteMoto, .moto0 .jCarouselLiteMoto0, .moto1 .jCarouselLiteMoto1, .moto .jCarouselLiteTuning, .result .jCarouselLiteTuning, .result .jCarouselLiteAccess{
/* border: 1px solid black;
float: left;*/
/* background-color: #dfdfdf;*/
overflow: hidden;
visibility: visible;
/*width:500px;*/ 
background:white;
/*position: relative;*/
z-index: 2;
/*left: 0px;*/
/*width: 290px;*/
/* Needed for rendering without flicker
position: relative;
overflow:hidden; */
/* visibility: hidden;*/
/*left: -5000px;*/

}

.result .jCarouselLiteAccess {
	position: relative;
	/*left : 30px;*/
}


.box .jCarouselLite{
/*margin-left:20px;*/
}
.jCarouselLiteM ul li ,.jCarouselLiteO ul li{
	position:relative;
	right:21px;
	height:120px;
	width:177px;
	margin:0 20px 0 0px;	

}
.jCarouselLiteM ul li a ,.jCarouselLiteO ul li a{padding:0 10px 0 3px;}

/*-------*/
/*.box {margin: 0 0 0 20px;}*/
 .box .jCarouselLitemoto ul li a{float:left;width:100px;text-decoration:none;text-align:center;color:#FFFFFF;font-size:10px;padding:0 0 0 9px;}
.box .jCarouselLitemoto ul li{position:relative;	
	height:150px;
	width:120px; float:left;list-style:none;
	}


/*------*/
.moto .jCarouselLiteMoto li, .moto0 .jCarouselLiteMoto0 li, .moto1 .jCarouselLiteMoto1 li{
	position:relative;
	right:2px;
	height:120px;
	width:200px;
}
	.carousel ul , .box ul, .moto ul, .moto0 ul, .moto1 ul; .result ul{
		margin:0;
		/*height:150px;*/
		list-style:none;
		
		
	}
	.carousel li img, 
	.carousel li p,.box li img, 
	.box li p, .moto li img, .result li img, 
	.moto li p, .result li p, .moto0 li img, .moto1 li img{
	  /* background-color: #fff;
		width: 628px;
		height: 205px;*/
		/*margin:2px;*/
		/*width:150px;
		height:105px;*/	
	}
	
	.moto img, .moto0 img, .moto1 img, .result img {
		padding:5px;
		background: url(../image/barre.png) 95% repeat-x;
	}
	
/***********image des carrousels sur le coté************************/ 
.imgMarque {
/*position:absolute;
top:0;*/
		/*width:140px;
		height:105px;*/
		padding: 0 18px 0 10px ;
		
}
.bigcarousel img{
height:205px;
width:628px;
/*margin:2em;*/
}       

.bigcarousel2 img{
height:300px;
width:875px;
}         
/*****bouton des carousel*******/
.carousel a.prev, 
.carousel a.next {
	display: block;
	float: left;
	
	/*width: 30px;
	height: 143px;*/
	text-decoration: none;
	/*background: url("/image/imageNavLeft.gif") left 60px no-repeat;*/
}

.carousel a.next, .box a.nextM, .box a.next, .box a.nextO {
	/*background: url("/image/imageNavRight.gif") right 60px no-repeat;*/
	z-index:50;
	position:absolute;
	top:75px;
	right:0;
	background:transparent url(../image/link-next-PNM.gif) no-repeat scroll;
	width: 45px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}
.box a.nextMg {
	/*background: url("/image/imageNavRight.gif") right 60px no-repeat;*/
	z-index:50;
	position:absolute;
	top:100px;
	right:0;
	background:transparent url(../image/link-next-PNM.gif) no-repeat scroll;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}

.carousel a.next, .box a.prevM, .box a.prev, .box a.prevO {
	background: url(../image/link-previous-CB.gif) no-repeat;
	z-index:50;
	position:absolute;
	top:75px;
	left:5px;
	width: 25px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}
.box a.prevMg{
	background: url(../image/link-previous-CB.gif) no-repeat;
	z-index:50;
	position:absolute;
	top:100px;
	left:4px;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}
  a.nextMoto, a.nextMoto0 , a.nextMoto1 {
	/*background: url("/image/imageNavRight.gif") right 60px no-repeat;*/
	z-index:50;
	position:absolute;
	bottom:60px;
	right:24px;
	background:transparent url(../image/pnm-next.png) no-repeat;
	width: 41px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
}

  .moto a.prevMoto, .moto0 a.prevMoto0, .moto1 a.prevMoto1, .result a.prevMoto {
	background: url(../image/pnm-fleche.png) no-repeat;
	z-index:50;
	position:absolute;
	bottom:60px;
	left:8px;
	width: 41px;
	height: 44px;
	text-indent:-9999px;
	overflow: hidden;
}
a.nextTuning {
	/*background: url("/image/imageNavRight.gif") right 60px no-repeat;*/
	z-index:50;
	position:absolute;
	bottom:55px;
	right:5px;
	background:transparent url(../image/pnm-next.png) no-repeat scroll;
	width: 41px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
}

a.prevTuning {
	background: url(../image/pnm-fleche.png) no-repeat scroll;
	z-index:50;
	position:absolute;
	bottom:55px;
	left:-5px;
	width: 41px;
	height: 44px;
	text-indent:-9999px;
	overflow: hidden;
}


.bigcarousel a.nextTuning  {
	/*background: url("/image/imageNavRight.gif") right 60px no-repeat;*/
	z-index:50;
	position:absolute;
	top:0;
	right:-3px;
	background:#000 url(../image/link-next-PNM.gif) no-repeat scroll;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}

.bigcarousel2 a.nextTuning {
	/*background: url("/image/imageNavRight.gif") right 60px no-repeat;*/
	z-index:50;
	position:absolute;
	top:5px;
	right:30px;
	background:#000 url(../image/link-next-PNM.gif) no-repeat scroll;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}

.bigcarousel a.prevTuning {
	background:#000 url(../image/link-previous-CB.gif) no-repeat scroll;
	z-index:50;
	position:absolute;
	top:0;
	left:585px;
	width: 21px;
	height: 21px;
	text-indent:-9999px;
	overflow: hidden;
}

.bigcarousel2 a.prevTuning {
	background:#000 url(../image/link-previous-CB.gif) no-repeat scroll;
	z-index:50;
	position:absolute;
	top:5px;
	left:820px;
	width: 21px;
	height: 21px;
	text-indent:-9999px;
	overflow: hidden;
}

	/*.carousel a.next:hover {
		background-image: url("/image/imageNavRightHover.gif");
	}
	.carousel a.prev:hover {
		background-image: url("/image/imageNavLeftHover.gif");
	}    
	.carousel a:hover, .carousel a:active {
		border: none;
		outline: none;
	}*/                
	.mid {
			/*margin-left: 80px;*/
			width: 400px;
			height: 300px;
		}
	   .vertical {
			margin-left: 170px;
		}
			.vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
				width:200px
				/*background:blue;*/
			}