body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, blockquote, tr { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ol,ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
img { border:0; }
a { outline:none; }
html { background:#d2d2ff; font-family:Arial, Verdana, Tahoma, sans-serif; font-size:12px; color:#000000; }
body { position:relative; margin:0 auto; width:960px; }

/* HEADER */
#header { position:relative; height:75px; margin:0 auto; width:960px; background:#d2d2ff url(img/instruments-quality-control.gif) 580px 52px no-repeat; }
#logo { position:absolute; top:26px; left:0px; background:url(img/metil-industrie.gif) left top no-repeat; width:250px; height:41px; text-indent:-5000px; }
#logo:hover, #logo:active, #logo:focus { background:url(img/metil-industrie.gif) left bottom no-repeat; }
#nl { position:absolute; top:46px; left:934px; background:url(img/nl.gif) left top no-repeat; width:26px; height:26px; text-indent:-5000px; }
#nl:hover, #nl:active, #nl:focus { background:url(img/nl.gif) left bottom no-repeat; }
#en { position:absolute; top:46px; left:908px; background:url(img/en.gif) left top no-repeat; width:26px; height:26px; text-indent:-5000px; }
#en:hover, #en:active, #en:focus { background:url(img/en.gif) left bottom no-repeat; }
#fr { position:absolute; top:46px; left:934px; background:url(img/fr.gif) left top no-repeat; width:26px; height:26px; text-indent:-5000px; }
#fr:hover, #fr:active, #fr:focus { background:url(img/fr.gif) left bottom no-repeat; }
#fren { position:absolute; top:46px; left:908px; background:url(img/fr.gif) left top no-repeat; width:26px; height:26px; text-indent:-5000px; }
#fren:hover, #fr:active, #fr:focus { background:url(img/fr.gif) left bottom no-repeat; }
#navrapide { position:absolute; top:5px; left:560px; text-align:right; }
.listederoulante { color:#000000; font-size:11px; width:400px; background:#e6e6f5; border:0; height:18px; }

/* CONTENU */
#contenu { position:relative; margin:0 auto; width:960px; background:#ffffff; }

/* ARTICLE */
#article { left:220px; width:740px; padding:15px 20px 20px 25px; background:url(img/flecheorangehaut.gif) left top no-repeat; }  /* Mettre à jour tableie6 */
#localisation { width:695px; text-align:right; font-size:11px; }
#localisation li { display:inline; }
.localisation { color:#000099; text-decoration:underline; }
.localisation:hover, .localisation:active, .localisation:focus { color:#ff6a00; text-decoration:none; }
.localisationover { color:#000099; text-decoration:none; }
.localisationover:hover, .localisationover:active, .localisationover:focus { color:#000099; text-decoration:none; }
#backhome { position:absolute; top:50px; left:685px; display:block; height:21px; width:26px; background: url(img/backhome.gif) top left no-repeat; text-indent:-5000px; text-decoration:none; }
#backhome:hover { background: url(img/backhome.gif) bottom left no-repeat; }
#article h1 { margin:20px 0 10px -15px; padding:0 0 0 15px; width:650px; background:url(img/flecheh1.gif) 0px 2px no-repeat; font-size:16px; letter-spacing:1px; font-weight:bold; }
#article h2 { clear:both; margin:15px 0 0 0; width:675px; background:#000099; padding:2px 5px 2px 15px; font-size:14px; color:#ffffff; }
#descendrepage { width:695px; font-size:12px; margin:7px 0 0 0; height:25px; }
#descendrepage a { color:#ff6a00; text-decoration:underline; }
#descendrepage a:hover, #descendrepage a:active, #descendrepage a:focus { color:#000099; text-decoration:none; }
#descendrepagesousrubr { line-height:25px; background:#e6e6f5; text-align:center; }
#descendrepagesousrubr a { color:#ff6a00; text-decoration:underline; }
#descendrepagesousrubr a:hover, #descendrepagesousrubr a:active, #descendrepagesousrubr a:focus { color:#000099; text-decoration:none; }
.clic { font-size:11px; color:#9d9d9d; }
.donnees { font-size:11px; color:#9d9d9d; }
.texte01 { font-size:13px; }
.texte02 { font-size:12px; }
.homologation { font-size:12px; }
.borderimage { border:2px solid #ffffff; display:block; width:120px; }
.borderimage:hover, .borderimage:active, .borderimage:focus { border:2px solid #ff6a00; }
.borderimagerubrique { border:2px solid #ffffff; display:block; width:120px; margin:10px 10px 10px 10px; }
.borderimagerubrique:hover, .borderimage:active, .borderimage:focus { border:2px solid #ff6a00; }
.liens { font-size:14px; color:#ff6a00; text-decoration:underline; background:url(img/flecheproduits.gif) left top no-repeat; padding:0 0 0 22px; }
.liens:hover, .liens:active, .liens:focus { color:#000099; text-decoration: none; background:url(img/flecheproduits.gif) left bottom no-repeat; }
.lienssimple { font-size:12px; color:#ff6a00; text-decoration:underline; }
.lienssimple:hover, .lienssimple:active, .lienssimple:focus { color:#000099; text-decoration: none; }
.lienssimpleover { color:#000099; text-decoration: none; }
.liensss { color:#000099; text-decoration:none; line-height:20px; }
.liensss:hover, .liensss:active, .liensss:focus { color:#ff6a00; text-decoration: underline; }
.infosproduits { background:#e6e6f5; width:545px; height:20px; }
.liensindexbalance { font-size:18px; color:#ff6a00; text-decoration:underline; background:#e6e6f5; text-decoration: none; }
.liensindexbalance:hover, .liensindexbalance:active, .liensindexbalance:focus { color:#ffffff; text-decoration: none; background:#000099; }

.borderimagecrosslinking { border:2px solid #ffffff; }
.borderimagecrosslinking:hover, .borderimage:active, .borderimage:focus { border:2px solid #ff6a00; }
.borderimagegallerie { border:5px solid #E6E6F5; float:left;margin:0 5px 0 0 }
.borderimagegallerie:hover, .borderimage:active, .borderimage:focus { border:5px solid #ff6a00; }

.texteblanc { FONT-SIZE: 12px; COLOR: #ffffff; text-align: justify; }
.lienscarte { FONT-SIZE: 12px; COLOR: #e87b14; TEXT-DECORATION: none }
.lienscarte:hover { FONT-SIZE: 12px; COLOR: #000099; TEXT-DECORATION: none }
.titre01 { FONT-SIZE: 13px; COLOR: #e87b14; }
.titrecatprod { FONT-SIZE: 14px; COLOR: #e87b14; TEXT-DECORATION: none }
.titrecatprod:hover { FONT-SIZE: 14px; COLOR: #000099; TEXT-DECORATION: none }
.titrecatprodpetit { FONT-SIZE: 11px; COLOR: #e87b14; TEXT-DECORATION: none }
.navprod { FONT-SIZE: 14px; COLOR: #e87b14; TEXT-DECORATION: underline }
.navprod:hover { FONT-SIZE: 14px; COLOR: #000099; TEXT-DECORATION: none }
.box {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; background-color: #FFFFFF;	border: 1px solid #000000; }
.common2 { FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none }
#applicationspeciales { margin-top: 0px; list-style:disc; padding:0 0 0 20px; margin:0 0 0 15px; }
.prix { text-align: right; color:#000099; FONT-WEIGHT: bold; font-style : italic; }

.refkern { background:#e6e6f5; margin:1px; padding:2px 5px 2px 5px; }
.refkernalpha { margin:10px 0 10px 0; }
.refkernalpha li { display:inline; margin:10px 0 10px 0; }
.refkernalpha li a { padding:0 5px 0 4px; }



/* ASIDE */
#aside { left:0; width:220px; font-size:13px; }
#sousnav { width:220px; background:#ffb366; padding:2px 0 5px 0; }
#sousnav ul { margin:0 0 0 25px; list-style:url(img/puce-sousnav2.gif) outside; }
#sousnav li { padding:2px 0 0 0; }
#soussousnav { width:190px; background:#ffb366; padding:2px 0 5px 0; }
#soussousnav ul { margin:0 0 0 25px; list-style:url(img/puce-sousnav2.gif) outside; }
#soussousnav li { padding:2px 0 0 0; }


.survol1 { display:block; width:220px; margin:1px 0 0 0; color:#ffffff; background:#000099; text-decoration:none; }
.survol1:hover, .survol1:active, .survol1:focus { background:#ff6a00; }
.survol1 span { display:block; padding:2px 5px 2px 12px; }
.survol2 { display:block; width:220px; margin:1px 0 0 0; color:#000099; background:url(img/a-fond-nav-clair.gif) left top repeat-y; text-decoration:none; }
.survol2:hover, .survol2:active, .survol2:focus { color:#ffffff; background:#000099; }
.survol2 span { display:block; padding:2px 5px 2px 12px; }
.survol3 { width:200px; color:#000099; text-decoration:none; }
.survol3:hover, .survol3:active, .survol3:focus { color:#ffffff; }
.survol3over { color:#ffffff; text-decoration:none; }
.survol4 { display:block; width:220px; margin:1px 0 0 0; color:#ffffff; background:#ff6a00; text-decoration:none; }
.survol4:hover, .survol4:active, .survol4:focus { color:#ffffff; background:#000099; }
.survol4 span { display:block; padding:2px 5px 2px 12px; }
.survol4over { color:#ffffff; background:#000099; }
.survol5 { display:block; width:220px; margin:1px 0 0 0; color:#ffffff; background:#ff6a00; text-decoration:none; }
.survol5 span { display:block; padding:2px 5px 2px 12px; }
.asideinfos { color:#000099; text-decoration:underline; }
.asideinfos:hover, .asideinfos:active, .asideinfos:focus { color:#ff6a00; text-decoration:none; }
#iso { display:block; margin:10px 0 0 0; padding:8px 5px 10px 12px; width:220px; color:#000099; font-weight:bold; background:url(img/a-fond-nav-clair.gif) left top repeat-y; }
#slogan { display:block; margin:10px 0 0 0; padding:8px 5px 10px 12px; width:220px; color:#000099; font-weight:bold; background:url(img/a-fond-nav-clair.gif) left top repeat-y; }
#slogan p { width:195px; }
#ups { display:block; margin:10px 0 0 0; padding:8px 5px 10px 12px; width:220px; color:#000099; font-weight:bold; background:url(img/a-fond-nav-clair.gif) left top repeat-y; }
#ups img { float:left; margin:0 8px 5px 0; }
#ups p { clear:both; width:201px; }
.submitups { height:19px; width:30px; color:#000000; background:#ffffff; border:1px solid #000000; }
.inputups { width:120px; height:17px; border:1px solid #000000; background:#ffffff; }
#enautreslangues { display:block; margin:10px 0 0 0; padding:8px 5px 10px 12px; width:220px; color:#000099; font-weight:bold; background:url(img/a-fond-nav-clair.gif) left top repeat-y; }
#enautreslangues p { clear:both; width:201px; }

/* BOTTOM */
#bottom { position:relative; margin:0 auto; width:960px; text-align:center; }
#adresse { background:#000099; padding:5px 5px 5px 5px; margin:0 0 5px 0; color:#ffffff; font-size:12px; }
#adresse a { color:#ffffff; text-decoration:none; }
#adresse a:hover, #adresse a:active, #adresse a:focus { text-decoration:underline; }
#vignettesbottom { background:url(img/vignettes-bottom.jpg) left top no-repeat; width:960px; height:92px; text-indent:-5555px; }
#bottom blockquote { text-indent:-5555px; }
#sousbottom { padding:3px 0 5px 0; color:#000099; font-size:11px; }
#sousbottom a { color:#000099; text-decoration:underline; }
#sousbottom a:hover, #sousbottom a:active, #sousbottom a:focus { text-decoration:none; }

/* =si_clear_children */
.pc,.sc { position:absolute; top:0; left:0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* CHOIX RAPIDE BALANCES */
.cachediv { display:none; height:1px; margin-top:-1px; position:absolute; }
.deployer { background:url(img/fleche-deployer.gif) 0px 4px no-repeat; padding:0 0 0 15px; }
.masquer { color:#000099; text-decoration:none; }
.masquer:hover, .masquer:active, .masquer:focus { padding:0 5px 0 0; color:#ff6a00; text-decoration: underline; }

/* JQUERY LIGHTBOX PLUGIN - This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) and adapted to me for use like a plugin from jQuery.
@name jquery-lightbox-0.5.css / @author Leandro Vieira Pinho - http://leandrovieira.com / @version 0.5 / @date April 11, 2008 / @category jQuery plugin / @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) / @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US / @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }


/* ETIQUETTE DEVIS - COMMANDE */
a.etiquette { position:relative; text-decoration:none; }
a.etiquette div { display:none; text-decoration:none; }
a.etiquette:hover div { display:block; z-index:100; position:absolute; top:-50px; left:-66px; }
.etiquettebloc { width: 155px; }
.etiquettebloc .etiquettebloccontent { padding:5px; border: 1px solid #000099; background:#d2d2ff; color:#000099; text-align:center; }
.etiquettebloc .etiquetteblocbottom { height:7px; background:url(img/tinytip.gif) top center no-repeat; }