/*---------------------------------------------------*/
/*-- scroll de la page --*/
/*---------------------------------------------------*/
div#hold { 
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 400px;
	
}

div#hold-all { 
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 383px;
	
}

div#wn { 
	position: absolute; 
	left: 0px;
	top: 0px; 
	width: 100%;
	height: 383px;
	overflow: hidden;	
}

div#lyr1 { 
	position: absolute;
	visibility: hidden; 
	left: 0px;
	top: 0px; 
}

table#imgTbl td { width: 570px; vertical-align: top; }

/*---------------------------------------------------*/
/*-- liste --*/
/*---------------------------------------------------*/
.h1catalogue {
	font-size: 9px;
	color: #797979;
	font-weight: normal;
	padding: 0 0 8px 13px;
}

#tdleft {
	border-left: 1px solid #e5e5e5;
	width: 330px;
}

#tdleft h2 {
	position: relative;
	top:-5px;
	font-size: 23px;
	color: #000000;
	font-weight: normal;
	padding: 0px 0 0 12px;
}

#tdleft ul {
	clear: both;
	width:320px;
}

#tdleft ul .big, #tdleft ul .bigon {
	float: left;
	list-style-type: none;
	position: relative;
}

.big .ref { position: absolute; top: 0; left: 0; color: #FFFFFF; padding-left: 12px; }
.bigon .ref { position: absolute; top: 0; left: 0; color: #000000; padding-left: 12px; }
.big .info { color: #000000; display: block; padding-left: 12px; }
.bigon .info { color: #000000; display: block; padding-left: 12px; }
.big .description { display: block;text-indent: 10px; background: url(../img/bg_text_indent_off.gif) 12px 5px no-repeat; padding: 1px 40px 1px 12px; }
.bigon .description { display: block;text-indent: 10px; background: url(../img/bg_text_indent_on.gif) 12px 5px no-repeat; color: #000000; padding: 1px 40px 1px 12px; }
.big .price { font-weight: bold; padding-left: 12px; padding-top: 5px; font-family: Verdana; font-size: 10px;}
.bigon .price { font-weight: bold; padding-left: 12px; padding-top: 5px; color: #000000; font-family: Verdana; font-size: 10px;}
.big .btWish, .big .btWishon { position: absolute; height: 17px !important; bottom: -2px; right: 40px; z-index: 20 !important; }
.bigon .btWish, .bigon .btWishon { position: absolute; height: 17px !important; bottom: -2px; right: 40px; z-index: 20 !important; }

#tdright-all {
	width: 922px;
}

#tdright-all ul {
	clear: both;
	width: 922px;
}

#tdright-all ul .small {
	float: left;
	list-style-type: none;
	padding: 0 15px 0 0;
	position: relative;
}

#tdright-all ul .smallon {
	float: left;
	list-style-type: none;
	padding: 0 15px 0 0;
	position: relative;
}


#tdright ul .smallon {
	float: left;
	list-style-type: none;
	padding: 0 30px 0 0;
	position: relative;
}


#tdright {
	width: 570px;
}

#tdright ul {
	clear: both;
	width:570px;
}

#tdright ul .small {
	float: left;
	list-style-type: none;
	padding: 0 25px 0 0;
	position: relative;
}

#tdright ul .smallon {
	float: left;
	list-style-type: none;
	padding: 0 25px 0 0;
	position: relative;
}

.small a, .smallon a {
	display: block;
	width: 165px;
}

.small .ref { position: absolute; top: 0; left: 0; color: #FFFFFF; }
.small .description { text-indent: 9px; background: url(../img/bg_text_indent_off.gif) 0 5px no-repeat; height: 50px; }
.small .price { position: absolute; bottom: 5px; left: 0; font-weight: bold; font-family: Verdana; font-size: 10px;}
.small .btWish, .small .btWishon { position: absolute; width: 68px !important; height: 17px !important; bottom: 2px; left: 95px; z-index: 20 !important; }

.smallon .ref { position: absolute; top: 0; left: 0; color: #000000; }
.smallon .description { text-indent: 9px; background: url(../img/bg_text_indent_on.gif) 0 5px no-repeat; color: #000000; height: 50px; }
.smallon .price { position: absolute; bottom: 5px; left: 0; font-weight: bold; color: #000000; font-family: Verdana; font-size: 10px; }
.smallon .btWish, .smallon .btWishon { position: absolute; width: 68px !important; height: 17px !important; bottom: 2px; left: 95px; z-index: 20 !important; }

/*---------------------------------------------------*/
/*-- navigation catégories --*/
/*---------------------------------------------------*/
#navcat {
	margin-top: 58px;
}

#navcat td {
	border-left: 1px solid #e5e5e5;
	padding-right: 7px;
}

#navcat h3 {
	padding: 0 0 5px 7px;
	margin: 0;
	font-weight: bold;
	font-size: 11px;
}

#navcat ul {
	padding: 0 0 0 7px;
}

#navcat ul li {
	float: left;
	list-style-type: none;
	width: 30px;
	background: url(../img/bt_cat_off.gif) no-repeat;
}

#navcat ul li a {
	display: block;
	width: 29px;
	height: 4px;
}

#navcat ul li a:hover, #navcat ul li .selected {
	background: url(../img/bt_cat_on.gif) no-repeat;
}

#container-all {
	width: 922px;
	margin: auto;
}

#scrollpos { 
	position:absolute;
	right:0;
	top:0;
	width:11px;
	z-index:200;
}
div#scrollbar { 
	position:absolute;
	left:0;
	top:0;
	width:11px;
	height:380px; 
	z-index:1;
}
div#track { 
	position:absolute;
	left:0;
	top:0px;
	width:11px;
	height:380px;
	background: #f6f6f6;
	z-index:1;
}
div#dragBar {
	position:absolute;
	left: 0; top: 0;
	width:11px; height:116px;
	z-index:1;
	background: #999999 url(../img/scroll_bottom.gif) no-repeat center bottom;
}

