/* Feuille de style contenant les proprietes de style de la page products */

/* Structure */

body{
	background-color: #E3E4E6;
}
.bg{
	background: url(../img/products/bg_bottom.gif) repeat-y #E3E4E6;
}
.ContentLeft a{
	font-size: 12px;
	text-decoration: underline;
}
.ContentLeft a:hover{
	font-size: 12px;
	text-decoration: none;
}
#bg_visu_products{
	z-index: 2;
	width: 100%;
	position: absolute;
	top: 384px;
	left: 0;
	height: 135px;
	/*background: url(../img/services/bg_visu_books.gif) bottom right no-repeat;*/
}
#background_fix{
	z-index: 1;
	background: url(../img/common/bg_door.jpg) top left no-repeat;
	height: 704px
}
/* Top */
.ContentTop{
	width:986px;
	height:96px;
	padding: 0 0 0 14px;
}
.ContentLeft{
	margin-left: 15px;
}
.ContentLeft TD{
	vertical-align: top;
}
.ContentLeft TD.column1{
	width: 405px;
}
.ContentLeft TD.column2 a{
	font-size: 12px;
	text-decoration: underline;
}
.ContentLeft TD.column2 a:hover{
	font-size: 12px;
	text-decoration: none;
}
.ContentLeft TD.column2 label{
	font-weight: bold;
}
.ContentLeft TD.column2 select, .ContentLeft TD.column2 INPUT.productref{
	width: 190px;
	margin-top: 3px;	
	border:1px solid #999999;
	padding: 1px;
}
.prodsupform td select, .prodsupform td input{
	width: 190px;
	margin-top: 3px;	
	border:1px solid #999999;
	padding: 1px;
}
.prodsupform TD.or{
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	width: 45px;
}
.prodsupform td .btvalid{
	font-size: 11px;
	font-weight: bold;
	padding: 1px;
	background-color: black;
	color: #71C100;
	border:0;
	margin: 0 0 2px 5px;
	cursor: pointer;
	width: auto;
}
.prodsupform TR.line2 TD{
	padding-bottom: 20px;
}
h1 .title{
	font-size: 25px;
	margin-right: 44px;
}

h1 .title2{
	font-size: 50px;
}
.ContentLeft td.column1 p{
	font-size: 12px;
}
.ContentLeft h1.shoptitle1{
	margin-bottom: 15px;
}
.ContentLeft h2.shoptitle2{
	font-size: 11px;
	margin-bottom: 5px;
}
.producttoolbox{
	float: left;
	width: 112px;
	margin-top: 7px;
}

.producttoolbox a{
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-right: 1px;
	padding: 5px 0 5px 0;
	text-align: center;
	background-color: black;
	color: #71C100;
}

.producttypebox{
	width:auto;
	height:auto;
	margin: 0 0 50px 3px;
}
.ContentLeft .column1 ul.listimg li{
	margin-bottom: 10px;
}
.producttypebox p{
	float:left;
	font-size:11px;
	margin-left: 3px;
	text-transform:uppercase;
}

.producttypebox img{
	float:left;
	margin: 1px 6px 0 0;
}

.rubrique{
	margin-left: 15px;
}
.rubrique a{
	text-decoration: underline;
	color: black;
	font-size: 11px;
}
/* Fin Top */

/* Middle */
.ContentLeft ul.list_top{
	margin:0 10px 120px 0;
}
.ContentLeft ul.list_bottom{
	margin-right: 10px;
}
.ContentLeft ul.list_top li, .ContentLeft ul.list_bottom li{
	text-align: right;
	margin-bottom: 3px;
}
.ContentLeft ul.list_top li a{
	color:black;
	font-size:11px;
	font-weight: bold;
}
.ContentLeft ul.list_top li a:hover{
	text-decoration: underline;
}
.ContentLeft ul.list_bottom li a{
	color:black;
	font-size:11px;
	text-decoration: underline;
}

.ContentLeft ul.list_top li a.selected{
	color:#FF0700;
}
.ContentLeft h2.red{
	font-size: 21px;
	margin-bottom:10px;
}
.ContentLeft a.red{
	display:block;
	width: 80px;
	text-align: center;
	background-color: black;
	padding: 1px 0;
	color: #FF0700;
}

a.green
{
	z-index:100;
	display: block;
	width: 80px;
	text-align: center;
	background-color: black;
	padding: 2px 0;
	color: #71C100;
	text-decoration: none;
	font-weight: bold;

}
a.green:hover
{
	z-index:100;
	text-align: center;
	background-color: black;
	padding: 2px 0;
	color: #FF0700;
	text-decoration: none;
	font-weight: bold;
}

#iproducts{
	float: left;
	width:339px;
	height:auto;
	z-index:1;
}

#ishop{
	float: left;
	width:339px;
	height:auto;
	z-index:1;
}

.ContentMiddle{
	height:202px;
	background: url(../img/quickfinder/bg_top2.gif) bottom left no-repeat;
}

.ContentRightFrame{
	height: 325px;	
}



/* 
.allproducts{
	width: auto;
	border-bottom:15px hidden;
	padding:0;
}
 */
 
.productvisu{
	vertical-align: top;
	text-align: center;
	padding: 0 30px 0 30px;
}

.productdesc{
	vertical-align: top;
/* 	background: url(../img/quickfinder/separproduct.gif) right top no-repeat; */
}

.productname{
	margin-top:10px;
	font-size: 15px;
	font-weight: bold;
}

.productdesc ul{
	width:140px;
/* 	padding-left:16px; */
	padding-right: 10px;
}

html>body .productdesc ul{
	padding-left:13px;
}

/* 
.productdesc li{
	list-style: url(../img/common/black_arrow.gif);
}
 */
 
/* Fin Middle */

/* Bottom */
.ContentBottom{
	width:1000px;
	height:161px;
	padding-top: 20px;
	background: url(../img/quickfinder/bg_middle.gif) top left no-repeat;
}

.quickfindlastlist{
	float:left;
	padding-left:5px;
}

.quickfindlist{
	float:left;
	width: 243px;
	padding-left:10px;
}

.quickfindlist li, .quickfindlastlist li{
	margin-bottom: 3px;
}

.quickfindlist li.parent, .quickfindlastlist li.parent, #scrollbox2 .allproducts2 a{
	padding-left: 14px;
	background: url(../img/common/puce_carree_rouge.gif) no-repeat 1px 5px;
}
.quickfindlist li.parent2, .quickfindlastlist li.parent2{
	padding-left: 14px;
	background: url(../img/common/puce_carree_verte.gif) no-repeat 1px 5px;
}

.quickfindlist a, .quickfindlastlist a{
	color: black;
	font-weight: bold;
}
p.bold{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#scrollbox4 TD p.nomarge{
	margin-bottom: 10px;
	padding: 0;
}
a.currentfamilly{
	color:black;
}

.quickfindlist li.navfamilly{
	padding-left: 14px;
	background: url(../img/common/puce_tri_rouge.gif) no-repeat 0 5px;
}

.quickfindlist li.navfamilly2{
	padding-left: 14px;
	background: url(../img/common/puce_tri_verte.gif) no-repeat 0 5px;	
}


.navfamilly li, .navfamilly2 li{
	margin: 0;
}

.navfamilly li a, .navfamilly2 li a{
	padding-left: 12px;
	font-size: 11px;
	font-weight:normal;
	color: black;
	text-decoration: underline;
	background: url(../img/common/pict_list.gif) no-repeat;
}

body>html .navfamilly li a, .navfamilly2 li a{
	list-style: url(../img/common/pict_list.gif) inside;
}

.quickfindlist a.red, .quickfindlastlist a.red{
	color: #FF0700;
	text-decoration: none;
}


/* 
.currentprd{
	background: url(../img/common/black_arrow.gif) 0 3px no-repeat;
	padding-left: 12px;
	font-weight:normal;
}
	
body>html .currentprd{
 	list-style: url(../img/common/black_arrow.gif) inside;
}
 */
 
 /* Fin Bottom */
 
  /* Début iFrame */

 #scrollbox, #scrollbox2, #scrollbox3, #scrollbox4{
 	overflow-y:scroll;
	SCROLLBAR-FACE-COLOR: white; 
	SCROLLBAR-HIGHLIGHT-COLOR: white; 
	SCROLLBAR-SHADOW-COLOR: white;
	SCROLLBAR-3DLIGHT-COLOR: black; 
	SCROLLBAR-ARROW-COLOR: black; 
	SCROLLBAR-TRACK-COLOR: black;
	SCROLLBAR-DARKSHADOW-COLOR: black; 
	SCROLLBAR-BASE-COLOR: white; 	
 }
  
  #scrollbox{
	margin-left: 10px;
	width:980px;
	height:190px;
}
html>body #scrollbox{
	overflow: auto;
}
.rien{
}
#scrollbox2, #scrollbox3{
	margin-left: 10px;
	width:339px;
	height:290px;
}
html>body #scrollbox2, #scrollbox3{
	overflow: auto;
}
.rien{
}
#scrollbox4{
	margin-left: 10px;
	width:285px;
	height:290px;
}
html>body #scrollbox4{
	overflow: auto;
}
.rien{
}

#scrollbox4 .redresult{
	font-weight: bold;
	color: #FF0A03;
}
#scrollbox4 p{
	
}

#scrollbox3 h1{
	font-size: 15px;
}
#scrollbox3 .accessory{
	font-size:13px;
}
.accessory img{
	padding-top:3px;
}
#scrollbox3 p a{
	color:black;
	text-decoration: underline;
}
#scrollbox3 p{
	color:#7d7d7d;
}
.imgleft{
	float: left;
	margin: 0 5px 5px 0;
}
.accessory{
	margin: 10px 0 20px 0;
}

#scrollbox6 TD p.bold{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#scrollbox6 TD p.nomarge{
	margin-bottom: 10px;
	padding: 0;
}

 #scrollbox6 .redresult{
	font-weight: bold;
	color: #FF0A03;
}
#scrollbox6 TD p.bold{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#scrollbox6 TD p.nomarge{
	margin-bottom: 10px;
	padding: 0;
}
#scrollbox6{
 	overflow-y:auto;
	SCROLLBAR-FACE-COLOR: white; 
	SCROLLBAR-HIGHLIGHT-COLOR: white; 
	SCROLLBAR-SHADOW-COLOR: white;
	SCROLLBAR-3DLIGHT-COLOR: black; 
	SCROLLBAR-ARROW-COLOR: black; 
	SCROLLBAR-TRACK-COLOR: black;
	SCROLLBAR-DARKSHADOW-COLOR: black; 
	SCROLLBAR-BASE-COLOR: white; 	
 }
 
#scrollbox6{
	width:562px;
	height:290px;
	overflow-y: auto;
}

html>body #scrollbox6{
	overflow: auto;
}
.rien{
}
#scrollbox6 li a{
	padding-left: 14px;
	background: url(../img/common/puce_carree_black.gif) no-repeat 1px 5px;
	text-decoration: none;
}
#scrollbox6 li a:hover{
	padding-left: 14px;
	background: url(../img/common/puce_carree_verte.gif) no-repeat 1px 5px;
	color:#71C100;
}

/* EVITE LE SCROLL SUR MOZILLA */
#scrollbox6 p, #scrollbox6 ul{
	float:left;
	width:542px;
}
/* FIN EVITE LE SCROLL SUR MOZILLA */


#scrollbox6 p a{
	text-decoration: underline;
}
#scrollbox6 p a:hover{
	text-decoration: none;
}
 /* Fin iFrame */
 .positiontab{
 	overflow-y:auto;
	SCROLLBAR-FACE-COLOR: white; 
	SCROLLBAR-HIGHLIGHT-COLOR: white; 
	SCROLLBAR-SHADOW-COLOR: white;
	SCROLLBAR-3DLIGHT-COLOR: black; 
	SCROLLBAR-ARROW-COLOR: black; 
	SCROLLBAR-TRACK-COLOR: black;
	SCROLLBAR-DARKSHADOW-COLOR: black; 
	SCROLLBAR-BASE-COLOR: white; 	
}
.positiontab{
	height: 107px;
}
html>body .positiontab{
	overflow: auto;	
}
.tabcontent td{
	vertical-align: top;
}
.entete td, .easysearch td{
	vertical-align: middle;
}
.entete{
	margin-bottom: 10px;
	width: 530px;
	background-color: white;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;	
}
.entete td.column1, .entete td.column2{
	padding: 5px;
}
.easysearch{
	width: 530px;
	border-collapse: collapse;
}
.easysearch th{
	background-color: #A0A7AD;
	padding: 5px;
}
.easysearch td{
	border: 1px solid #A0A7AD;
	padding: 5px;
}
.easysearch td a{
	text-decoration: none;
}
.easysearch td a:hover{
	text-decoration: underline;
}
.easysearch td.column1{
	width: 10px;
}
.easysearch td.column2{
	width: 550px;
}