/* 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;
}

#background_fix{
	z-index: 1;
	background: url(../img/products/bg_products3.jpg) top left no-repeat;
	height: 604px
}
/* Top */
.ContentTop{
	width:986px;
	height:96px;
	padding: 0 0 0 14px;
}
.ContentLeftDiv{
	float: left;
	width: 500px;
	margin-left: 5px;
}

.ListFeatures{
	height:290px; 
}

.rightborder{
	border-right: 1px solid #B5B5B5;
	float: left;
}


h1 .title{
	font-size: 27px;
	margin-right: 44px;
}

h1 .title2{
	font-size: 26px;
	line-height: 57px
}
html>body h1 .title2{
	line-height: 34px
}

.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;
}
.product_color{
	float: left;
	width: 130px;
	padding-left: 2px
}

.producttypebox{
	margin: 0 0 50px 3px;
}
.prodimg img{
	float: right;
}

html>body .prodimg img{
	float: left;
	margin-top:23px;

}
.ContentLeftDiv .column1 ul.listimg li{
	margin-bottom: 10px;
}

.listimg img{
	border:solid 1px black;
}
.ContentLeftDiv ul.listimg{
	margin-top: -6px;
}
html>body .ContentLeftDiv ul.listimg{
	margin-top: -24px;
}
.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;
}
.rubrique a:hover{
	text-decoration: none;
	color: black;
	font-size: 11px;
}
html>body .rubrique{
	margin-left: 0px;
}
/* Fin Top */

/* Middle */
.list_top{
	margin:0 10px 80px 0;
}
.list_bottom{
	margin-right: 10px;
}
.list_bottom ul{
	margin-right: 10px;
}
.list_top li, .list_bottom li{
	text-align: right;
	margin-bottom: 3px;
}
.list_top li a{
	color:black;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}
.list_top li a:hover{
	color:#71C100;
	font-size:12px;
}
.list_bottom li a{
	font-size:11px;
	text-decoration: underline;
}
.list_bottom li a:hover{
	font-size:11px;
	text-decoration: none;
}
ul.list_top li .selected{
	color:#FF0700;
	font-size: 12px;
}
ul.list_top li .noselected{
	font-size: 12px;
	color:black;
}

#testli
{
	display:inline;height:auto;
}

#bt_buynow{
	margin:20px 0 20px;
	text-align:center;
	border:2px solid #000000; 
	background-color: black;
	text-decoration:none;
	display:block;
	padding:4px 3px 4px 3px;
	float:right;
	/*background-color: #3D3D3D;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;	
	font-family: Arial;*/
}

#bt_buynow a{
	background-color: black; 	
	color:white; 
	text-decoration:none;
	font-size:12px;
	font-weight:bold;		
}

#bt_buynow a:hover{
	color:#73C300;
	font-size: 12px;
	text-decoration: none;
}

.TDListTop{
	width: 120px;
}

#iproducts{
	float: left;
	position:absolute;
	width:100px;
	height:auto;
	z-index:1;
}
html>body #iproducts{
	left: 640px;
	position:absolute;
	width:100px;
	height:auto;
	z-index:1;
}

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

.ContentRightFrame{
	height: 325px;	
}

#scrollbox2 p{
	padding-left: 14px;
	background: url(../img/common/puce_carree_rouge.gif) no-repeat 1px 5px;
}

#scrollbox2 a{
	font-size: 12px;
	text-decoration: underline;
}
#scrollbox2 a:hover{
	font-size: 12px;
	text-decoration: none;
}
#scrollbox3 a{
	font-size: 12px;
	text-decoration: none;
}
#scrollbox3 a:hover{
	text-decoration: underline;
}
#scrollbox2 h1{
	font-size: 23px;
	margin-bottom: 10px;
}
 
.productvisu{
	vertical-align: top;
	text-align: center;
	padding: 0 30px 0 30px;
	
}

.productdesc{
	vertical-align: top;
}

.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;
}
 
/* 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;
}

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;
}

 /* Fin Bottom */
 
  /* Début iFrame */
  #scrollbox{
	margin-left: 10px;
	width:980px;
	height:190px;
	overflow-x: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;
}
html>body #scrollbox{
	overflow: auto;
}

#scrollbox2, #scrollbox3, #scrollbox4{
	margin-left: 10px;
	width:329px;
	height:290px;
	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;
}

html>body #scrollbox2, #scrollbox3{
	width:332px;
	overflow: auto;
}

#scrollbox2{
	padding-right:10px;
}
#scrollbox2 li a{
	padding-left: 14px;
	background: url(../img/common/puce_carree_black.gif) no-repeat 1px 5px;
}
#scrollbox2 li a:hover{
	padding-left: 14px;
	background: url(../img/common/puce_carree_verte.gif) no-repeat 1px 5px;
	color:#71C100;
}

#scrollbox3 h1{
	font-size: 15px;
}
#scrollbox3 .accessory{
	font-size:13px;
}

#scrollbox3 p a{
	color:black;
	text-decoration: underline;
}
.imgleft{
	float: left;
	margin: 0 5px 5px 0;
	border:1px solid black;
}
.accessory{
	margin: 0 0 20px 0;
}

.imgleftborder{
	float: left;
	border:1px solid black;
	margin: 0 5px 5px 0;
}


#scrollbox4{
	margin-left: 10px;
	width:350px;
	height:290px;
	overflow-y: auto;
}
html>body #scrollbox4{
	overflow: auto;
}
.rien{
}
#scrollbox4 .redresult{
	font-weight: bold;
	color: #FF0A03;
}
#scrollbox4 .printresult{
	font-size: 12px;
	padding-left: 200px;
}
#scrollbox4 a{
	text-decoration: underline;
}

#scrollbox4 a:hover{
	text-decoration: none;
}
#scrollbox4 TD p.bold{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#scrollbox4 TD p.nomarge{
	margin-bottom: 10px;
	padding: 0;
}

#iproducts .btvalid{
	font-size: 11px;
	font-weight: bold;
	padding: 1px;
	background-color: black;
	color: #71C100;
	border:0;
	margin: 0 0 2px 5px;
	cursor: pointer;
}
 /* Fin iFrame */
 
 /*Layer push */
 .pushproduct{
 	float:right;
	width:260px;
	height:80px;
	margin:35px 50px 0 0;
 }
 
 html>body .pushproduct{
 	margin:32px 100px 0 0;
 }
 
 .pushproduct_left{
 	float:left;
	width:80px;
	height:70px;
	border-right:1px solid #B5B5B5;
	padding:5px;
 }
 
  .pushproduct_right{
 	float:left;
	width:120px;
	height:70px;
	padding:5px;
 }
 .pushproduct a{
 text-decoration: underline;
 }
 .pushproduct a:hover{
 	 text-decoration: none;
 }
 /*Fin Layer */
 
 /*Google maps*/
 #mapwindow a{
	text-decoration: underline;
}

#mapwindow a:hover{
	text-decoration: none;
}

#mapwindow p.bold{
	font-weight: bold;
	margin: 0;
	padding: 0;
} 

#mapwindow TD p.nomarge{
	margin-bottom: 10px;
	padding: 0;
}

#googlemap span{ 
    display:none; 
} 

#viewgoogleresults 
{
	padding-bottom:20px;
	padding-top:10px;
}
	
#viewgoogleresults a
{
	text-decoration:none;
	color:#71C100;
	font-weight:bold;
}

#viewgoogleresults a:hover
{
	color:#FF0A03;
}

#RetMixGeoLocUserControl1_txtAddress
{
	width:245px;
}