body { margin: 0; padding: 0; background: #5D789B url(../img/fond.jpg) 0% 100% no-repeat; height: 100%; font-family: Arial; }
img { border: none; }

#menu { font-family: Arial; font-weight: bold; font-size: 10px; color: white; z-index: 110; position: absolute; top: 13px; left: 16px; }
#menu a { color: white; text-decoration: none; }
#menu a:hover { text-decoration: underline; }

#center { position: absolute; left: 2%; top: 30%; }

#contact { position: absolute; left: 2%; top: 15%; }
#panier { position: absolute; left: 2%; top: 15%; }
#cont_fl { position: absolute; left: 45px; top: 21px; z-index: 15; }
#flOnglBI { position: absolute; left: 13px; top: -53px; z-index: 10; }

#reference { position: absolute; left: 2%; top: 15%; }

#bglcol { width: 139px; height: 334px; background: #B0B1B2; filter:alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:.3; }
#leftcol img { cursor: pointer; }
#vign1 { position: absolute; left: 14px; top: 32px; }
#vign2 { position: absolute; left: 14px; top: 123px; }
#vign3 { position: absolute; left: 14px; top: 214px; }

#menu1 { position: absolute; left: 14px; top: 16px; }
#menu2 { position: absolute; left: 14px; top: 77px; }
#menu3 { position: absolute; left: 14px; top: 138px; }
#menu4 { position: absolute; left: 14px; top: 199px; }
#menu5 { position: absolute; left: 14px; top: 260px; }


#bgcen { width: 806px; height: 334px; background: #B0B1B2; filter:alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:.3; }
/*#barcen { position: absolute; left: 4px; top: 123px; width: 798px; height: 84px; background: #30475D; filter:alpha(Opacity=00); -moz-opacity:0.0; opacity:0.0; -khtml-opacity:.0; z-index: 10 } */
#barcen { position: absolute; left: 4px; top: 141px; width: 798px; height: 52px; }
#barcen_fl { position: absolute; left: 4px; top: 141px; width: 798px; height: 52px; }
#enter_fl { position: absolute; left: 4px; top: 193px; width: 796px; height: 136px; }
#sel_fl { position: absolute; left: 5px; top: 5px; width: 796px; height: 136px; }
#ogl_fl { position: absolute; width: 811px; height: 100px; left: 168px; top: -67px; }
#descr_fl { position: absolute; width: 811px; left: 168px; top: 33px; z-index: 20; }


#bgPannObj { width: 961px; height: 134px; background: #B0B1B2; filter:alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:.3; }
.vignObj { position: absolute; top: 21px; width: 60px; height: 93px; z-index: 10; cursor: pointer; }

/********************************** les scrolls ******************************************/
/* scroll descr */
#encadrDescrBlock { position: absolute; top: 53px; width: 393px; height: 115px; border-left: solid 1px #d1d6df; border-top: solid 1px #d1d6df; border-bottom: solid 1px #d1d6df; padding: 0; margin: 0; }
#descrBlock { color: white; font-family: arial; font-size: 12px; float: left; width: 373px; height: 100px; padding: 5px; overflow: hidden; }
#descrBlock br { line-height: 2px; }
/* wrap to make sure that image area is clickable */
/* #wrap { position: absolute; right: -7px; top: 0; width: 15px; height: 115px; background: transparent url(../img/scrollFdVert.png) no-repeat bottom left; } */
#hidewrap { position: absolute; right: -7px; top: 0; width: 15px; height: 115px; background: #B0B1B2; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:.5; }
/* top image of track */
/* #track-top { position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: transparent url(../img/scrollTop.png) no-repeat top left; } */
/* vertical track */
#track {position: absolute; top: 0; left: 0; width: 15px; height: 115px; }
/* vertical track handle */
#handle { width: 15px; height: 54px; }

/* scroll docs */
#encadrDocsBlock { position: absolute; top: 203px; width: 393px; height: 116px; border-left: solid 1px #d1d6df; border-top: solid 1px #d1d6df; border-bottom: solid 1px #d1d6df; padding: 0; margin: 0; }
#listDocsBlock { color: white; font-family: arial; font-size: 12px; float: left; width: 373px; height: 100px; padding: 5px; overflow: hidden; }
#listDocsBlock a { color: white; }
#hidewrap2 { position: absolute; right: -7px; top: 0; width: 15px; height: 116px; background: #B0B1B2; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:.5; }
#track2 { position: absolute; top: 0; left: 0; width: 15px; height: 116px; }
#handle2 { width: 15px; height: 54px; }

/* scroll options */
#encadrOptions { position: absolute; top: 33px; left: 643px; width: 145px; height: 290px; border-left: solid 1px #d1d6df; border-top: solid 1px #d1d6df; border-bottom: solid 1px #d1d6df; padding: 0; margin: 0; text-align: center; }
#fenoptions { color: white; font-family: arial; font-size: 12px; float: left; width: 125px; height: 274px; padding: 5px; overflow: hidden; text-align: center; }
#fenoptions a { color: white; }
#hidewrap3 { position: absolute; right: -7px; top: 0; width: 15px; height: 290px; background: #B0B1B2; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:.5; }
#track3 { position: absolute; top: 0; left: 0; width: 15px; height: 290px; }
#handle3 { width: 15px; height: 54px; }

/* scroll panier */
#encadrBasket { position: absolute; top: 109px; left: 56px; width: 882px; height: 359px; border-left: solid 1px #d1d6df; border-top: solid 1px #d1d6df; border-bottom: solid 1px #d1d6df; padding: 0; margin: 0; z-index: 5; }
#fenbasket { color: white; font-family: arial; font-size: 12px; float: left; width: 862px; height: 343px; padding: 5px; overflow: hidden; }
#fenbasket a { color: white; }
#hidewrap4 { position: absolute; right: -7px; top: 0; width: 15px; height: 359px; background: #B0B1B2; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:.5; }
#track4 { position: absolute; top: 0; left: 0; width: 15px; height: 359px; }
#handle4 { width: 15px; height: 54px; }

/* scroll panier */
#encadrRef { position: absolute; top: 109px; left: 56px; width: 882px; height: 399px; border-left: solid 1px #d1d6df; border-top: solid 1px #d1d6df; border-bottom: solid 1px #d1d6df; padding: 0; margin: 0; z-index: 5; }
#fenref { color: white; font-family: arial; font-size: 12px; float: left; width: 862px; height: 383px; padding: 5px; overflow: hidden; }
#fenref a { color: white; }
#hidewrap5 { position: absolute; right: -7px; top: 0; width: 15px; height: 399px; background: #B0B1B2; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:.5; }
#track5 { position: absolute; top: 0; left: 0; width: 15px; height: 399px; }
#handle5 { width: 15px; height: 54px; }

/********************************** fin scrolls ******************************************/

#bask_fl { position: absolute; top: -90px; left: 920px; width: 50px; height: 50px; z-index: 150 }

/*#cache { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background: #5D789B; z-index: 150; filter: alpha(Opacity=75); -moz-opacity: 0.75; opacity: 0.75; -khtml-opacity: .75; }*/
#cache { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background: #5D789B; z-index: 150; }
#fenZoomObj { display: none; position: absolute; z-index: 151; border: 2px solid #30475D; background: #5D789B; padding: 0 5px 0 5px; top: 50px; left: 50px; }
#imgobj { position: absolute; width: 180px; height: 200px; top: 43px; left: 32px; text-align: center; }
#cacheimgobj { position: absolute; width: 180px; height: 200px; top: 43px; left: 32px; background: #A1ACBE; }
#navimg { position: absolute; top: 250px; left: 33px; color: #fff; font-size: 13px; }
#navimg a { font-weight: bold; color: #fff; }
#navzoom { height: 20px; font-size: 13px; text-align: right; color: #fff; }
#navzoom a { font-weight: bold; color: #fff; }
#menuimg { position: relative; top: 20px; left: 33px; color: #fff; font-size: 13px; }
#menuimg a { font-weight: bold; color: #fff; }

#refcen { width: 800px; height: 600px; background: #B0B1B2; filter:alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:.3; }
#cencont { background: #B0B1B2; filter:alpha(Opacity=30); -moz-opacity:0.30; opacity:0.30; -khtml-opacity:.30; }
#tabBasket { width: 700px; margin-left: 70px; }
#tabBasket td { border-bottom: 1px solid #d1d6df; }