/* --- new ---- */
BODY {background: #ababab;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#000000;padding:0px;margin:0px;overflow:hidden;background-image: url(../pics/aluminium.jpg);background-repeat:repeat-x}
#BandeCreuse {position:absolute;z-index:1; top: 530px; left:0px; width: 100%; height:10px;background-image: url(../pics/bandeCreuse.png);opacity: 0.60; filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;background-repeat:repeat-x;}

#logo,#logoIE,#logoOn,#logoOnIE {position:absolute;z-index:10; top: 133px; left:370px; width: 280px; height:280px;}
#logo {background-image: url(../pics/logo-off.png);}
#logoIE {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/logo-off.png', sizingMethod='scale');}
#logoOn {visibility:hidden;background-image: url(../pics/logo-on.png);}
#logoOnIE {visibility:hidden;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/logo-on.png', sizingMethod='scale');}

#taglineen,#taglineenIE, #taglinefr,#taglinefrIE {position:absolute;z-index:1; top: 64px; left:333px; width: 351px; height:45px;}
#taglineen {background-image: url(../pics/en-tagLine.png);}
#taglineenIE {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/en-tagLine.png', sizingMethod='scale');}
#taglinefr {background-image: url(../pics/fr-tagLine.png);}
#taglinefrIE {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/fr-tagLine.png', sizingMethod='scale');}

#blocLogo,#blocLogoIE {position:absolute;z-index:1; top: 20px; left:292px; width: 425px; height:57px;}
#blocLogo{background-image: url(../pics/blocLogo.png);}
#blocLogoIE {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/blocLogo.png', sizingMethod='scale');}

#rectangleCreux, #rectangleCreuxIE, #rcdiv {top: 145px; left:30px; width: 950px; height:258px;}
#rcdiv {position:absolute;visibility:hidden;z-index:1;}
#rectangleCreux {background-image: url(../pics/rectangleCreux.png);}
#rectangleCreuxIE {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/rectangleCreux.png', sizingMethod='scale')); }

#productPhoto, #productDetail {vertical-align: middle;position:absolute; z-index:2; top: 180px; left:55px; width: 300px; height:197px;background-color:transparent;overflow:hidden; font-family: Verdana; color: #000000; font-weight: bold; font-size: 13px;}
#productDetail {text-align:justify;left:660px;width:290px;overflow-x:hidden; overflow-y:hidden;font-weight:normal;font-family: Verdana;font-size: 12px;}
#enchantier {position:absolute;left: 280px; top:420px;font-family:Verdana;font-size:13px;color:#000000;}
#distributeur {position:absolute;left: 360px; top:543px;font-family:Verdana;font-size:13px;color:#000044;z-index:103;}
#shows {position:absolute;left: 50px; top:40px;font-family:Verdana;font-size:13px;color:#000044;z-index:103;}

DIV.pave, DIV.paveCompany  {z-index:5;text-align:center;position:absolute;border: #D0D0C0 solid 1px; background: #999988; width:70px;height:70px; top: 440px; left: 35px; opacity: 0.40; filter: alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;background-repeat:no-repeat;}
#ombrePave, #ombrePaveIE {visibility:hidden;position:absolute;top: 432px; left: 27px; opacity: 0.60; filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;background-repeat:no-repeat;width:100px;height:100px; z-index:4;}
#ombrePave {background-image: url(../pics/ombrePave.png);}
#ombrePaveIE {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/ombrePave.png', sizingMethod='scale'); }
DIV.paveCompany  {top: 20px; left: 750px;}

DIV.hidden {display: none;}
#click {font-weight:normal;font-style:italic;font-family:Verdana;font-size:11px;color:#553300;}

#adresse, #adresseDistributeur {font-size:11px; color:#000000; position:absolute; top: 300px; left: 400px;z-index:104}
#adresseDistributeur {left: 660px;}
#distributeur {font-size:14px; color:#0000AA; }
#distributeur A {font-size:14px; color:#0000AA; }

#contactForm {background-color:transparent; color: #000000;filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;}
#contactform {position:absolute;top:150px;left: 155px; width: 730px;z-index:10;}
#contactform table {font-size:10px;font-family:Verdana; color: #000000;}
#contactform A {color:#000066;}
#contactform FORM, #contactform HR {margin:5 0 0 0;}

DIV.padding {padding:5px;}
#company, #company table {font-family: Verdana; color: #000000; font-size: 12px; }
#company { position:absolute;top:150px;left: 145px; height:245px; width: 785px;z-index:10;overflow-x:hiden; overflow-y: auto;}

#specs, #desc {border: 0 solid black;position:absolute;top:150px;left: 145px; height:245px; width: 250px;z-index:10;overflow-x:hiden; overflow-y: auto;}
#desc {width: 550px;left: 405px;text-align:justify;}

#links {position:absolute;top:560px;left:730px; text-align: right; width:250px;height: 20px;z-index:102;background-repeat:no-repeat;}

#contact, #home, #pdf {position:absolute;top:20px;left:40px; width:48px;height: 30px;z-index:20;background-repeat:no-repeat;}
#contact { background-image:url(../pics/contact_rolloff.gif); }
#home { background-image:url(../pics/home_rolloff.png); left: 890px;}
#pdf { background-image:url(../pics/pdf_rolloff.png); left: 710px;}

/* ---------- photos galerie --------------*/
#galerie {top: 410px; overflow-x:auto;white-space:nowrap; overflow-y:hidden; left: 40px; width: 900px; height: 150px; position: absolute;z-index:100;visibility: visible;}
img.galerie  {cursor:pointer; height:130px; border: inset 2px #C0C0C0;}
#zoom {background-image:url(../pics/aluminium.jpg); overflow:auto; visibility:hidden;position: absolute;top: 60px;height: 535px; width: 1000px; left:5px;z-index:101;border: 4px inset #C0C0C0;}

/* --- old ---- */
IMG.product {opacity: 0.40; filter: alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;background: transparent;border-width: 2px; border-color: #000000; border-style: dashed;position: absolute; }
A, A:link, A:visited, A:active, A.caption  { color: #333333; text-decoration: none; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold }
A.caption, A.caption:link, A.caption:visited, A.caption:active  { color:#5f5827; }
A:hover { color:#666666; text-decoration: underline; }
A.caption:hover { color:#CFC867; }
DIV.separator {overflow:hidden;position: absolute; margin: 0px; padding: 0px; height: 2px; left: 70px; top: 65px; width: 800px; background-color: #5F5827;}
DIV.block, DIV.description { position: absolute;margin: 0px; padding: 5px;text-align:justify;}
DIV.description {display: none; top: 160px; height: 200px; width: 300px; left: 100px; background-position: center center; background-repeat: no-repeat; background-color: #222222; background-image: url(../pics/description.jpg); padding: 0px; z-index:3;opacity: 0.60; filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;}
.close {text-align: center; width: 100%;color: #999999;PADDING: 0 0 0 0; margin: 2 2 2 2;}
.photos {position:absolute;left: 65%; width: 160; top: 200px; height:360; background: transparent;text-align: center;display: none;overflow: auto}
IMG.snapshots {width: 50%; margin: 5px; margin-bottom: 0px;}

TD.specs {}
TD.specHeader {background-color: #CFC867; color: #858149; font-size: 12px; font-weight:bold;}
TD.row1 {background-color: #DEDEDE; color: #000000;font-size: 12px; }
TD.row0 {color: #000000;font-size: 12px; }
P.Popup { padding: 5 5 5 5; font-size: 12px; text-align: center; border-width: 1px; border-style: dotted; border-color: #DEDED0; width: 97%;}

/* --------------- links colors overrides -------------------*/
.block A, .description .close A {color: #999999;}
#ranges A {color: #DDDDDD;}
#ranges A:hover  {color: #BFB857;}
#home A {color: #BFB857;}

/* --------------- flags -------------------*/
#flagfr,#flagen,#flagfrIE,#flagenIE {position:absolute; left:95%; top:22px;height:36px;width:36px;z-index:1000;}
.flagfr-rolloff {background-image: url(../pics/fr-flag32-rolloff.png);}
.flagen-rolloff {background-image: url(../pics/en-flag32-rolloff.png);}
.flagfrIE-rolloff {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/fr-flag32-rolloff.png', sizingMethod='scale');}
.flagenIE-rolloff {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/en-flag32-rolloff.png', sizingMethod='scale');}
.flagfr-rollon {background-image: url(../pics/fr-flag32-rollon.png);}
.flagen-rollon {background-image: url(../pics/en-flag32-rollon.png);}
.flagfrIE-rollon {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/fr-flag32-rollon.png', sizingMethod='scale');}
.flagenIE-rollon {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/en-flag32-rollon.png', sizingMethod='scale');}