/* DEFAULT CSS FOR CAROUSEL *****************************************************************************************************

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}



.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
	
	
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/***********************************************************************************************************
 * Small carousel VERTICAL
 */
/***********************************************************************************************************/

div.smallCarousel {
	height: 165px;
	margin-bottom: 16px;
	position: relative;
	width: 222px
}
	.zoomin-zoomlink {
	left: 0;
	position: absolute;
	top: 0;
	}
		/**
		 * Carousel
		 */
div.smallCarousel .jcarousel-container {
    background: #393939;
}

div.smallCarousel .jcarousel-container-vertical {
    width: 212px;
    height: 146px;
    padding: 13px 5px 9px 5px;
}

div.smallCarousel .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

div.smallCarousel .jcarousel-clip-vertical {
    width:  52px;
    height: 140px;
	margin:5px 0 0 0;
	margin-top:4px\9;
	#padding-top:4px;
	height:135px\9;
}

div.smallCarousel .jcarousel-item {
    width: 40px;
    height: 32px;
}

div.smallCarousel .jcarousel-item-vertical {
    margin-bottom: 15px;
	
}
div.smallCarousel .jcarousel-item-vertical a{ 
	border:1px solid #685745;
	height:39px; 
	width:42px; 
	display:table-cell; 
	vertical-align:middle; 
	text-align:center;
	#display:block;
}

div.smallCarousel .jcarousel-item-vertical img
{

}

div.smallCarousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
div.smallCarousel .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 52px;
    height: 12px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_carrousel_downArrow.gif) no-repeat 0 0;
	bottom: 3px\9;
}

div.smallCarousel .jcarousel-next-disabled-vertical,
div.smallCarousel .jcarousel-next-disabled-vertical:hover,
div.smallCarousel .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

div.smallCarousel .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 0;
    width: 52px;
    height: 12px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_carrousel_upArrow.gif) no-repeat 0 0;
}

div.smallCarousel .jcarousel-prev-disabled-vertical,
div.smallCarousel .jcarousel-prev-disabled-vertical:hover,
div.smallCarousel .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

			
div.smallCarousel div#thumbnailImg,
div#hightDefImg {
	left: 54px;
	position: absolute;
	top: 9px;
}

div.smallCarousel div#thumbnailImg {
	height: 150px;
	width: 162px;
}

div#hightDefImg {
	height: 537px;
	width: 479px;
}
	
	div.smallCarousel div#thumbnailImg table,
	div#hightDefImg table { margin: 0; height:100%; width:100%;}
		
		div.smallCarousel div#thumbnailImg td,
		div#hightDefImg td {
			height: auto;
			padding: 0;
			width: auto;
			text-align:center;
			vertical-align:middle;
		}

/************************************************************************************************************************************
 * BIG CAROUSEL
 */
/***************************************************************************************************************************************/

div.bigCarousel {
	height: 335px;
	margin-bottom: 16px;
	position: relative;
	width: 720px;
	background-color:#393939;
}

div.bigCarousel  .jcarousel-container {
    background: #393939;
	height: 255px;
}

div.bigCarousel  .jcarousel-container-vertical {
    width: 90px;    
    padding: 40px 10px 40px 19px;
}

div.bigCarousel  .jcarousel-clip-vertical {
    width:  90px;
    height: 258px;
}

div.bigCarousel  .jcarousel-item {
    width: 75px;
    height: 75px;
}

div.bigCarousel  .jcarousel-item-vertical {
    margin-bottom: 10px;
	border:1px solid #685745;
	width:87px;
	height:76px;
	text-align:center;
}
div.bigCarousel  .jcarousel-item-vertical a
{
	width:87px;
	height:76px;
	display:table-cell;
	vertical-align:middle;
	*display: block;
	*padding-top: 3px;
	*height:97px;	
}

div.bigCarousel  .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
div.bigCarousel  .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 127px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_big_next.gif) no-repeat 0 0;
}

div.bigCarousel  .jcarousel-next-disabled-vertical,
div.bigCarousel  .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

div.bigCarousel  .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 0;
    width: 127px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_big_previous.gif) no-repeat 0 0;
}

div.bigCarousel  .jcarousel-prev-disabled-vertical,
div.bigCarousel  .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

	div.bigCarousel  .zoomin-linkContainer{position: absolute; right: 15px; top: -30px; line-height: 24px;}
		div.bigCarousel  .zoomin-linkContainer .zoomin-linkContainer .zoomin-close{color: #CCCCCC; font-size: 17px; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 4px 31px 4px 0; background: url(../images/zoomin/zoomin_close.gif) right center no-repeat; position:relative; z-index:20000;}
		div.bigCarousel  .zoomin-linkContainer .zoomin-printLink{position: relative; top: 3px; margin-right: 10px;}

div.bigCarousel div#thumbnailImg,
div.bigCarousel div#hightDefImg {
	left: 128px;
	position: absolute;
	top: 5px;
}

div.bigCarousel div#thumbnailImg {
	height: 326px;
	width: 588px;
}

div.bigCarousel div#hightDefImg {
	height: 588px;
	width: 602px;
}
	
	div.bigCarousel div#thumbnailImg table,
	div.bigCarousel div#hightDefImg table { margin: 0; height:100%; width:100%;}
		
		div.bigCarousel div#thumbnailImg td,
		div.bigCarousel div#hightDefImg td {
			height: auto;
			padding: 0;
			width: auto;
			text-align:center;
			vertical-align:middle;
		}

/************************************************************************************************************************************
 * CAROUSEL COLLECTIONS
 */
/***************************************************************************************************************************************/

div.collectionsCarousel {
	height: 280px;
	margin-bottom: 16px;
	position: relative;
	width: 380px;
	background-color:#393939;
	margin-left: 174px;
}

div.collectionsCarousel  .jcarousel-container {
    background: #393939;
	height: 230px;
}

div.collectionsCarousel  .jcarousel-container-vertical {
    width: 86px;
    
    padding: 25px 7px 25px 7px;
}

div.collectionsCarousel  .jcarousel-clip-vertical {
    width:  85px;
    height: 231px;
}

div.collectionsCarousel  .jcarousel-item {
    width: 75px;
    height: 75px;
}

div.collectionsCarousel  .jcarousel-item-vertical {
    margin-bottom: 10px;
	border:1px solid #685745;
	width:81px;
	height:81px;
	text-align:center;
}
div.collectionsCarousel  .jcarousel-item-vertical a
{
	width:81px;
	height:81px;
	display:table-cell;
	vertical-align:middle;
	*display: block;
	*padding-top: 6px;
	*height:75px;	
}

div.collectionsCarousel  .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
div.collectionsCarousel  .jcarousel-next-vertical {
    position: absolute;
    bottom: 2px;
    left: 21px;
    width: 63px;
    height: 12px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_carrousel_downArrow.gif) no-repeat 0 0;
}

div.collectionsCarousel  .jcarousel-next-disabled-vertical,
div.collectionsCarousel  .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

div.collectionsCarousel  .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 21px;
    width: 63px;
    height: 12px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_carrousel_upArrow.gif) no-repeat 0 0;
}

div.collectionsCarousel  .jcarousel-prev-disabled-vertical,
div.collectionsCarousel  .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

	div.collectionsCarousel  .zoomin-linkContainer{position: absolute; right: 15px; top: -30px; line-height: 24px;}
		div.collectionsCarousel  .zoomin-linkContainer .zoomin-linkContainer .zoomin-close{color: #CCCCCC; font-size: 17px; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 4px 31px 4px 0; background: url(../images/zoomin/zoomin_close.gif) right center no-repeat; position:relative; z-index:20000;}
		div.collectionsCarousel  .zoomin-linkContainer .zoomin-printLink{position: relative; top: 3px; margin-right: 10px;}

div.collectionsCarousel div#thumbnailImg,
div.collectionsCarousel div#hightDefImg {
	left: 97px;
	position: absolute;
	top: 3px;
}

div.collectionsCarousel div#thumbnailImg {
	height: 274px;
	width: 280px;
}

div.collectionsCarousel div#hightDefImg {
	height: 588px;
	width: 602px;
}
	
	div.collectionsCarousel div#thumbnailImg table,
	div.collectionsCarousel div#hightDefImg table { margin: 0; height:100%; width:100%;}
		
		div.collectionsCarousel div#thumbnailImg td,
		div.collectionsCarousel div#hightDefImg td {
			height: auto;
			padding: 0;
			width: auto;
			text-align:center;
			vertical-align:middle;
		}

/**************************************************************************************************************************************************************************
 * OVERLAYER CAROUSEL
 */	
/************************************************************************************************************************************************************************** 
/**
 * Overlayer carousel
 */
 
.overlayer {
	display: none;
	left: 50%;
	margin-left: -368px;
	/* margin: -306px 0 0 -368px; */
	position: absolute;
	top: 0;
	/* top: 50%; */
	width: 736px;
	z-index: 10000;
}
	
.overlayer .tools {
	height: 30px;		
	z-index: 10;
}

.overlayer .tools .nav{ float:right; width:140px;}
.overlayer .tools .close{ float:right;}
.overlayer .tools img { border: none }
.overlayer .tools .close a,
.overlayer .tools .close a:link,
.overlayer .tools .close a:active,
.overlayer .tools .close a:visited {
	clear:none;
	background: url(../images/zoomIn/zoomin_close.gif) no-repeat top right;
	color: #CCC;
	display: block;
	font-size: 17px;
	font-weight: bold;
	height: 24px;
	margin-left: 10px;
	float:left;
	/* margin: -22px 0 0 30px; */
	padding-right: 32px;
	padding-top: 4px;
	text-decoration: none;
	text-transform: uppercase;
}

.overlayer .tools .print a{ display:block; float:left;}

.overlayer .tools .close a:hover{}

.overlayer table {border:none;}
.overlayer td{ height:612px; width:608px; text-align:center; vertical-align:middle }
	
.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-container {
    background: #393939;
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-container-vertical {
    width: 107px;
    padding: 40px 10px 40px 10px;
	zoom:1;
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-clip-vertical {
    width:  115px;
    height: 480px;
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-item {
    width: 75px;
    height: 75px;
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-item-vertical {
    margin-bottom: 15px;
	border:1px solid #685745;
	width:108px;
	height:104px;
	text-align:center;
}
.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-item-vertical a
{
	width:108px;
	height:106px;
	display:table-cell;
	vertical-align:middle;
	*display: block;
	*padding-top: 18px;
	*height:84px;	
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 127px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_big_next.gif) no-repeat 0 0;
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-next-disabled-vertical,
.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 0;
    width: 127px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/zoomIn/zoomin_big_previous.gif) no-repeat 0 0;
}

.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-prev-disabled-vertical,
.overlayer .jcarousel-skin-zoomInOverlayer .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

	.overlayer .jcarousel-skin-zoomInOverlayer .zoomin-linkContainer{position: absolute; right: 15px; top: -30px; line-height: 24px;}
		.overlayer .jcarousel-skin-zoomInOverlayer .zoomin-linkContainer .zoomin-linkContainer .zoomin-close{color: #CCCCCC; font-size: 17px; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 4px 31px 4px 0; background: url(../images/zoomin/zoomin_close.gif) right center no-repeat; position:relative; z-index:20000;}
		.overlayer .jcarousel-skin-zoomInOverlayer .zoomin-linkContainer .zoomin-printLink{position: relative; top: 3px; margin-right: 10px;}

.overlayer .inner {
	background-color: #393939;
	height: 612px;
	position:relative;
}

.overlayer div#thumbnailImg,
.overlayer div#hightDefImg,
{
	left: 128px;
	position: absolute;
	top: 6px;
}

.overlayer div#thumbnailImg {
	height: 165px;
	width: 170px;
}

.overlayer div#hightDefImg, .overlayer div#hightDefImgTech {
	height: 600px;
	width: 602px;
	left: 128px;
	position: absolute;
	top: 6px;	
}
	
	.overlayer div#thumbnailImg table,
	.overlayer div#hightDefImg table, .overlayer div#hightDefImgTech table{ margin: 0; height:100%; width:100%;}
		
		.overlayer div#thumbnailImg td,
		.overlayer div#hightDefImg td,
		.overlayer div#hightDefImgTech td
		{
			height: auto;
			padding: 0;
			width: auto;
			text-align:center;
			vertical-align:middle;
		}


#overlayerBg {
	background: #000;
	display: none;
	filter: alpha(opacity=89);
	height: 900px;
	left: 0;
	opacity: 0.89;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9990;
}


/**************************************************************************************************************************************************************************
 * CAROUSEL HORIZONTAL
 */
/**************************************************************************************************************************************************************************

/*
 * Skin Allia Home
 */
 
.jcarousel-skin-alliaHome .jcarousel-container { background: none; border: 0;}
	.jcarousel-skin-alliaHome .jcarousel-container-horizontal { width: 353px; height: 112px; padding: 2px 19px;}
	.jcarousel-skin-alliaHome .jcarousel-clip-horizontal { width: 353px; height: 112px;}

		.jcarousel-skin-alliaHome .jcarousel-item { width: 353px; height: 112px;}
		.jcarousel-skin-alliaHome .jcarousel-item-horizontal { margin-right: 10px;}
		.jcarousel-skin-alliaHome .jcarousel-item-placeholder { background: transparent; color: #fff;}


/**
 *  Horizontal Buttons
 */
	.jcarousel-skin-alliaHome .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 15px; height: 113px; cursor: pointer; background: transparent url(../images/carrousel_prevNext2.gif) no-repeat right top;}
	.pro .jcarousel-skin-alliaHome .jcarousel-next-horizontal {background-image: url(../images/pro/carrousel_prevNext.gif);}
	.jcarousel-skin-alliaHome .jcarousel-next-horizontal:hover { /*background-position: -32px 0;*/}
	.jcarousel-skin-alliaHome .jcarousel-next-horizontal:active { /* background-position: -64px 0;*/}
	.jcarousel-skin-alliaHome .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-alliaHome .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-alliaHome .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
	
	
	
	.jcarousel-skin-alliaHome .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 15px; height: 113px; cursor: pointer; background: transparent url(../images/carrousel_prevNext2.gif) no-repeat left top;}
	.pro .jcarousel-skin-alliaHome .jcarousel-prev-horizontal {background-image: url(../images/pro/carrousel_prevNext.gif);}
	.jcarousel-skin-alliaHome .jcarousel-prev-horizontal:hover { /* background-position: -32px 0; */}
	.jcarousel-skin-alliaHome .jcarousel-prev-horizontal:active { /* background-position: -64px 0; */}
	.jcarousel-skin-alliaHome .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-alliaHome .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-alliaHome .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0;}



/*
 * Skin Allia Internal
 */

.jcarousel-skin-alliaInternal .jcarousel-container { background: #EFEFEF; border: 0; width: 443px; padding: 17px 0; margin: 0 17px}
	.jcarousel-skin-alliaInternal .jcarousel-container-horizontal { width: 443px; /*height: 120px;*/}
	.jcarousel-skin-alliaInternal .jcarousel-clip-horizontal { width: 417px; height: 88px; margin: 0 auto}
		.jcarousel-skin-alliaInternal .jcarousel-item { width: 96px; height: 88px;}
			.jcarousel-skin-alliaInternal .jcarousel-item a{ display: block; width: 96px; height: 88px}
				.jcarousel-skin-alliaInternal .jcarousel-item a .visu{border: 1px solid #cccccc; width: 92px; height: 84px;}
					.jcarousel-skin-alliaInternal .jcarousel-item a .visu img{ }
		.jcarousel-skin-alliaInternal .jcarousel-item-horizontal { margin-right: 11px;}
		.jcarousel-skin-alliaInternal .jcarousel-item-placeholder { background: transparent; color: #fff;}


/**
 *  Horizontal Buttons
 */
	.jcarousel-skin-alliaInternal .jcarousel-next-horizontal { position: absolute; top: 0; right: -18px; width: 14px; height: 122px; cursor: pointer; background: transparent url(../images/carrousel_prevNext.gif) no-repeat right bottom;}
	.pro .jcarousel-skin-alliaInternal .jcarousel-next-horizontal {background-image: url(../images/pro/carrousel_prevNext.gif);}
	.jcarousel-skin-alliaInternal .jcarousel-next-horizontal:hover { /*background-position: -32px 0;*/}
	.jcarousel-skin-alliaInternal .jcarousel-next-horizontal:active { /* background-position: -64px 0;*/}
	.jcarousel-skin-alliaInternal .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-alliaInternal .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-alliaInternal .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
	
	
	
	.jcarousel-skin-alliaInternal .jcarousel-prev-horizontal { position: absolute; top: 0; left: -17px; width: 14px; height: 122px; cursor: pointer; background: transparent url(../images/carrousel_prevNext.gif) no-repeat left bottom;}
	.pro .jcarousel-skin-alliaInternal .jcarousel-prev-horizontal {background-image: url(../images/pro/carrousel_prevNext.gif);}
	.jcarousel-skin-alliaInternal .jcarousel-prev-horizontal:hover { /* background-position: -32px 0; */}
	.jcarousel-skin-alliaInternal .jcarousel-prev-horizontal:active { /* background-position: -64px 0; */}
	.jcarousel-skin-alliaInternal .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-alliaInternal .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-alliaInternal .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
	
/* QUGY Fix pour afficher texte sous l'image */
.associatedProducts .jcarousel-list {overflow:visible;}
.associatedProducts .jcarousel-skin-alliaInternal .jcarousel-item, .associatedProducts .jcarousel-list li, .associatedProducts .jcarousel-item, .associatedProducts .jcarousel-skin-alliaInternal .jcarousel-clip-horizontal, .associatedProducts .jcarousel-skin-alliaInternal .jcarousel-item a, .associatedProducts #associatedProducts {height:auto;}
.associatedProducts .jcarousel-skin-alliaInternal .jcarousel-container {padding:5px 0;}

.associatedProducts .jcarousel-skin-alliaInternal .jcarousel-clip-horizontal {width:424px;}
.associatedProducts.hover .jcarousel-clip-horizontal {margin-top:-175px; padding-top:175px; top:-134px\9; #top:-175px;}
.associatedProducts.hover .jcarousel-clip-horizontal li {position:relative;}


/* TEST 2
.associatedProducts .jcarousel-list, .associatedProducts .jcarousel-clip {position:static;}*/