/*---------------------------------------------------*/
/*-- main --*/
/*---------------------------------------------------*/
#global #main #container { height: 450px; }

#image {
	float: left;
	width: 430px;
	position: relative;
}

#image #thumbnails ul {	position: absolute; left:-60px; top: 35px; width: 60px; }
#image #thumbnails ul li { list-style-type: none; height: 60px; }
#image #thumbnails ul li a 
{
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
}

#image #thumbnails ul li a img 
{
	filter:alpha(opacity=100); /*pour ie*/
	-moz-opacity: 1; /*pour firefox */
	-khtml-opacity: 1;/* pour safari et konkeror */
	opacity: 1 /* pour opera */
	background:none;# /*pour safari 1.0 ne pas ajouter de ; sur la ligne superieure ne pas supprimer le #*/
}

#image #thumbnails ul li a:hover img, #image #thumbnails ul li .selected img 
{
	filter:alpha(opacity=50); /*pour ie*/
	-moz-opacity: 0.5; /*pour firefox */
	-khtml-opacity: 0.5;/* pour safari et konkeror */
	opacity: 0.5 /* pour opera */
	background:none;# /*pour safari 1.0 ne pas ajouter de ; sur la ligne superieure ne pas supprimer le #*/
}

#image #zoom ul {	position: absolute; left:150px; bottom:0; height: 20px; width: 60px; z-index: 2;}
#image #zoom ul li { list-style-type: none; width: 25px; float: left;}
#image #zoom ul li a 
{
    cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
}

#image #zoom ul .zoomplus a { background: url(../img/bt_img_zoom_plus.gif) 0 0 no-repeat; }
#image #zoom ul .zoommoins a { background: url(../img/bt_img_zoom_moins.gif) 0 0 no-repeat; }
/* #image ul .zoomreset a { background: url(../img/bt_img_zoom_reset.gif) 0 0 no-repeat; } */

#image #zoom ul .zoom360 a { background: url(../img/bt_img_360.gif) 0 0 no-repeat; }
#image #zoom ul li a:hover, #image #zoom ul li a.selected { background-position: 0 100%; }


#image img { float: left; }

#data {
	float: right;
	width: 460px;
	vertical-align: bottom;
}

#data #advice ul { height: 130px; }
#data #advice ul li {
	float: left;
	list-style-type: none;
	position: relative;
}
#data #advice ul li a {
	display: block;
	width: 140px;
}
					
#advice a .ref { color: #FFFFFF; }
#advice a:hover .ref { color: #000000; }
#advice a .image img { 
	padding: 0 20px;
}
#advice a .description { text-indent: 9px; color: #AFAFAF; background: url(../img/bg_text_indent_off.gif) 0 5px no-repeat; padding-bottom: 12px; }
#advice a:hover .description { color: #000000; background: url(../img/bg_text_indent_on.gif) 0 5px no-repeat; }
#advice a .price { color: #FFFFFF; font-weight: bold;  padding-bottom: 2px; }
#advice a:hover .price { color: #000000; }
#advice a .btWish, #advice a .btWishon { position: absolute; bottom: 0; right: 0; z-index: 20 !important; }
		
#data #details {
	clear: both;
}

#details #title { font-size: 23px; text-transform: uppercase; color: #000000; }
#details #collectionFiche a {  }
#details #collectionFiche a:hover {  }
#details #description { width: 350px; color: #000000; padding: 2px 0; }
#details #price { font-weight: bold; color: #000000; padding-bottom: 14px; }
#details #info { color: #CB0000; text-transform: uppercase; padding-bottom: 14px; }
#details #message { color: #CB0000; padding: 6px 0; text-transform: uppercase; }

#details .btIndent { padding-left: 7px; background: url(../img/bg_text_indent_off.gif) 0 5px no-repeat; }
#details .btIndent:hover { background: url(../img/bg_text_indent_on.gif) 0 5px no-repeat; }

#details table td { height: 25px; width: 126px; padding-right: 14px; }

#details label { color: #000000; float: left; padding-top: 2px; }
#details select, #details select {
	float: right;
	border: 1px solid #FFFFFF;
}

/*---------------------------------------------------*/
/*-- list of products --*/
/*---------------------------------------------------*/
#product {
	position: absolute;
	bottom: 58px;
	left: 0;
	width: 100%;
	height: 90px;
}

#product #container {
	position: relative;
	height: 90px;
	margin: 0 52px;
}

#block {
	position: relative;
	height: 90px;
}

#block li {
	height: 90px;
	float: left;
	list-style-type: none;
	border-left: 1px solid #e5e5e5;
}

#block li ul {
	
}

#block li h3 {
	font-weight: normal;
	padding-left: 6px;
}

#block li ul li {
	border: 0;
}

#block li ul li a img {
	filter:alpha(opacity=10); /*pour ie*/
	-moz-opacity: 0.1; /*pour firefox */
	-khtml-opacity: 0.1;/* pour safari et konkeror */
	opacity: 0.1 /* pour opera */
	background:none;# /*pour safari 1.0 ne pas ajouter de ; sur la ligne superieure ne pas supprimer le #*/
}

#block li ul li a:hover img, #block li ul li .selected img {
	filter:alpha(opacity=100); /*pour ie*/
	-moz-opacity: 1; /*pour firefox */
	-khtml-opacity: 1;/* pour safari et konkeror */
	opacity: 1 /* pour opera */
	background:none;# /*pour safari 1.0 ne pas ajouter de ; sur la ligne superieure ne pas supprimer le #*/
}

/*---------------------------------------------------*/
/*-- categorie --*/
/*---------------------------------------------------*/
#categorie {
	position: absolute;
	bottom: 38px;
	left: 50px;
	z-index: 200;
}

#categorie ul li {
	float: left;
	list-style-type: none;
	padding: 0 20px 0 0;
}

/*---------------------------------------------------*/
/*-- scroll de la page --*/
/*---------------------------------------------------*/
div#hold { 
	position: relative;
	overflow: hidden;
	width: 100%;
	height:90px;
}

div#wn { 
	position: absolute; 
	left: 0px;
	top: 0px; 
	width: 100%;
	height:90px;
	overflow: hidden;	
}

div#lyr1 { 
	position: absolute;
	visibility: hidden; 
	left: 0px;
	top: 0px; 
}