/* CSS Document */
html { margin: 0; padding: 0; height: 100%;}
body { background: #000000; margin:0px; padding:0px;}
table { border:0px; margin:0px; padding:0px; }
img { border:0px;}
#catalogue { position:relative;}
#catalogue #menuleft { position:absolute; top:0px; width:140px; height:344px; }
#catalogue #menuleftlist { position:absolute; top:330px; width:140px; }
/*MENU INDEX*/
#menuleft { width:140px; height:365px; }
#menuleft ul { margin:0px; padding:0px; list-style-type:none; }
#menuleft ul li { margin:0px 0px 7px 0px; width:140px; height:19px; padding:2px 0px 0px 0px; }
#menuleft ul li a { color:#000000; text-decoration:none; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; display:block;}
#menuleft ul li.item0{ background:#fff5b7}
#menuleft ul li.item1{ background:#fdec7d}
#menuleft ul li.item2{ background:#fdce42}
#menuleft ul li.item3{ background:#fab500}
#menuleft ul li.item4{ background:#e98e00}
#menuleft ul li.item5{ background:#d26808}
#menuleft ul li.item6{ background:#9e4f0c}
/*MENU LIST-DETAIL*/
#menuleftlist { width:140px; }
#menuleftlist ul { margin:0px; padding:0px; list-style-type:none; }
#menuleftlist ul li { margin:0px 0px 7px 0px; width:140px; height:19px; padding:2px 0px 0px 0px; }
#menuleftlist ul li a { color:#000000; text-decoration:none; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; display:block;}
#menuleftlist ul li.item0{ background:#fff5b7}
#menuleftlist ul li.item1{ background:#fdec7d}
#menuleftlist ul li.item2{ background:#fdce42}
#menuleftlist ul li.item3{ background:#fab500}
#menuleftlist ul li.item4{ background:#e98e00}
#menuleftlist ul li.item5{ background:#d26808}
#menuleftlist ul li.item6{ background:#9e4f0c}
/*PAGE INDEX*/
#indexillu { position:absolute; top:0px; left:147px; }
#indexilluleft { position:relative; top:377px; left:0px; }
/*PAGE GLANCE*/
#glancemenu { position:absolute; left:0px;}
#glancedetail { position:absolute; left:147px; top:0px;}
#img1 { position:absolute; left:0px; top:0px; }
#img2 { position:absolute; left:204px; top:0px;}
#img3 { position:absolute; left:412px; top:0px;}
#img4 { position:absolute; left:0px; top:260px;}
#img5 { position:absolute; left:204px; top:260px;}
#img6 { position:absolute; left:412px; top:260px; width:200px; height:255px; background:#444346;}
#glancetexte { position:absolute; color:#FFFFFF; left:770px; top:140px; width:140px; height:290px; font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
#txt0 { position:absolute; left:0px; top:0px; width:140px; display:visible; }
#txt1 { position:absolute; left:0px; top:0px; width:140px; display:none; }
#txt2 { position:absolute; left:0px; top:0px; width:140px; display:none; }
#txt3 { position:absolute; left:0px; top:0px; width:140px; display:none; }
#txt4 { position:absolute; left:0px; top:0px; width:140px; display:none; }
#txt5 { position:absolute; left:0px; top:0px; width:140px; display:none; }
#txt6 { position:absolute; left:0px; top:0px; width:140px; display:none; }
/*PAGE LISTE*/
#list { position:relative; left:145px; border:solid #3e3e40 13px; width:735px; font:normal 9px Arial; color:#FFFFFF; margin:0px; padding:-2px -2px -2px -2px ; }
#illu { position:absolute; left:0px; top:0px; }
/*PAGE DETAIL*/
#detailmenu { position:absolute; left:0px; }
#detail { position:relative; left:147px; border:solid #3e3e40 13px; width:735px; height:488px; font:normal 9px Arial; color:#FFFFFF; margin:0px; padding:-2px -2px -2px -2px ; }
#illu { position:absolute; left:0px; }
#detail #packshot { position:absolute; left:0px; background:#FFFFFF; width:400px; height:488px; }
#color { position:absolute; left:180px; top:425px; }
#color td { font:normal 11px Arial, Helvetica, sans-serif; color:#000000 }
#colornamepro { position:absolute; left:320px; top:430px; color:#000000; font:bold 11px Arial, Helvetica, sans-serif; width:100px; height:25px; }
#coloressential { position:relative; left:10px; top:20px; }
#coloressential td { font:normal 11px Arial, Helvetica, sans-serif; color:#000000 }
#colorname { position:absolute; left:310px; top:277px; color:#000000; font:bold 11px Arial, Helvetica, sans-serif; }
#desc { position:absolute; left:407px; width:253px; height:418px; background:#FFFFFF url(../images/bc_logo.gif) 10px 0px no-repeat; color:#000000; overflow:auto; padding:70px 0px 0px 0px; }
#desc #detail0 { position:relative; left:12px; width:220px; margin:-10px 0px 0px 0px; padding:0px 0px 5px 0px; }
#desc #detail0 h1 { font:bold 14px Arial, Helvetica, sans-serif; margin:0px; }
#desc #detail1 { position:relative; left:12px; width:220px; padding:5px 0px 5px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#desc #detail2 { position:relative; left:12px; width:220px; padding:5px 0px 5px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#desc #detail3 { position:relative; left:12px; width:220px; padding:5px 0px 5px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#desc #detail4 { position:relative; left:12px; width:220px; padding:5px 0px 5px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#desc #detail4 a { font:normal 1em Arial, Helvetica, sans-serif; color:#000000; }
#descpro { position:absolute; left:407px; width:253px; height:418px; background:#FFFFFF url(../images/bcpro_logo.gif) 10px 0px no-repeat; color:#000000; overflow:auto; padding:70px 0px 0px 0px; }
#descpro #detail0 { position:relative; left:12px; width:220px; margin:-10px 0px 0px 0px; padding:0px 0px 5px 0px; }
#descpro #detail0 h1 { font:bold 14px Arial, Helvetica, sans-serif; margin:0px; }
#descpro #detail1 { position:relative; left:12px; width:220px; padding:10px 0px 10px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#descpro #detail2 { position:relative; left:12px; width:220px; padding:10px 0px 10px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#descpro #detail3 { position:relative; left:12px; width:220px; padding:5px 0px 5px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#descpro #detail4 { position:relative; left:12px; width:220px; padding:5px 0px 5px 0px;font:normal 1em Arial, Helvetica, sans-serif; color:#000000; border-top: dashed 1px #000000; }
#descpro #detail4 a { font:normal 1em Arial, Helvetica, sans-serif; color:#000000; }
#bande { position:absolute; left:668px; width:65px; height:488px; overflow:auto; }
/*DIVERS*/
.glance { border:solid #3e3e40 13px; width:718px; height:514px; font:normal 9px Arial; color:#FFFFFF; margin:0px; padding:-2px -2px -2px -2px ; }
.glanceimg { border-bottom:solid #3e3e40 13px; border-right:solid #3e3e40 13px; }
.glanceimg2 { border-bottom:solid #3e3e40 13px; border-right:solid #3e3e40 13px; border-left:solid #3e3e40 13px; }
.glanceimg3 { border:solid #3e3e40 13px; }
#tableaumesure{ }
#sendtoafriend{ }
#sendtoafriend td{font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0px 0px 0px 5px }
#sendtoafriend input, textarea{font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 5px; margin:2px 0px 2px 5px }
#message{ text-align:center; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:100px 0px 0px 5px }
#message a { text-align:center; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:100px 0px 0px 5px }