/******************************************************************/
/*GENERAL*/
html, body { padding: 0px; margin: 0px; height:100%; }
body { color: #666666; font-family: arial; font-size: 12px; background-image:url(../images/body-bg.png); background-repeat:repeat-x; background-position:left top; background-attachment:fixed; background-color:#002C41; }
form { margin:0px; padding:0px; }
a { text-decoration:none; color:#00607D; font-size: 12px;}
a:hover { text-decoration:underline; }
img { border:0px none;}
h1 { padding:0px; margin:0px; font-size: 14px; color:#00607D; font-weight:bold; line-height:18px; padding-top:10px; padding-bottom:5px; text-align:center; }
h2 { padding:0px; margin:0px; font-size: 13px; color:#00607D; font-weight:bold; padding-top:10px; padding-bottom:5px; border-bottom: 1px dotted #CCCCCC; }
h3, .contentheading {padding:0px; margin:0px; font-size: 12px; color:#00607D; font-weight:normal; padding-top:5px; padding-bottom:1px; }
h4 {padding:0px; margin:0px; font-size: 13px; color:#00607D; font-weight:bold; padding-top:10px; padding-bottom:5px; border-bottom: 1px dotted #CCCCCC;}
h5 {padding:0px; margin:0px; font-size: 12px; color:#00607D; font-weight:normal; padding-top:5px; padding-bottom:1px;}
.inputbox { border:1px solid #CCCCCC; color:#666666; }
.inputbox:hover { border:1px solid #00607D; color:#666666; }
.button { width:180px; height:28px; text-align:center; line-height:28px; font-size:12px; font-family:Arial;  border:none; font-weight:bold; color:#FFFFFF; background-image:url(../images/btn/bouton.png); background-repeat:no-repeat; background-position:left top;}
a.button { display:block; }
ul, li { padding:0px; margin:0px; list-style:inside; font-size: 12px; }
select { border:1px solid #CCCCCC; color:#666666; }
fieldset { border-left:0px none; border-right:0px none; border-bottom:0px none; }
hr { color: #EEEEEE; background-color: #EEEEEE; height: 1px; border: 0; padding:0px; margin:0px; }
div.sep	{ position:relative; float:left; width:38px; height:250px; background-image:url(../images/sep-verti.jpg); background-repeat:no-repeat; background-position:right top; }
div.sep-mini { position:relative; float:left; display:block; width:20px; height:140px; background-image:url(../images/sep-verti-mini.jpg); background-repeat:no-repeat; background-position:center bottom; }
.texte{ display:block; position:relative; padding-left:10px; padding-right:10px; }
p{padding:0px; margin:0px; padding-bottom:5px; padding-top:5px; font-size: 12px;}
table{font-size: 12px;}
.contentpaneopen { padding: 0px; margin:0px; border-top:}
.left { float:left; }
.right { float:right; }
/******************************************************************/
/*vmMainPage*/
#vmMainPage { position:relative; width:100%; }
/******************************************************************/
/*addtocart*/
.not-log { padding:10px; text-align:center; }
#add-to-cart-alert, #add-to-cart-alert2 { display:none; position:absolute; text-align:center; margin-top:-50px; width:160px; padding:10px; font-size:14px; background-color:#EEEEEE; border:1px solid #00607D; color:#00607D;}
#add-to-cart-alert { filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
#add-to-cart-alert2 { z-index:500; left:10px; top:60px; width:160px; }
.attrib, .qty { line-height: 20px; border-bottom:1px solid #CCCCCC; margin-bottom:5px;}
.attrib-bottom { border-bottom:1px solid #CCCCCC; padding-top:5px; margin-bottom:5px;}
.quantity_box {	vertical-align: middle; }
.add-to-cart { width:190px; height:60px; background-image: url(../images/add-to-cart.png); background-repeat: no-repeat; background-position: center; }
.quantity_box_button { vertical-align:middle; width:26px; height:25px; background-repeat: no-repeat; background-position: center; border:0px none; }
.quantity_box_button_down { background-image: url(../images/btn/btn-qty-down.png); }
.quantity_box_button_up { background-image: url(../images/btn/btn-qty-up.png); }
/******************************************************************/
/*EXPEDITION*/
.expe { width:600px; }
.expe th { text-align:left; }
.expe td { text-align:left; }
/******************************************************************/
/*REGISTER*/
.register { width:100%; margin:auto; }
.register span.r2c2 { padding:0px 20px 0px 20px; }
.register .inputbox { width:100%; }
.formLabel { float:left; width:200px; padding-top:8px; text-align:left; white-space: nowrap; clear: left; }
.formField { float:left; width:300px; padding-top:8px; }
.missing { color:red; }
#agreed_div { white-space: normal; }
/******************************************************************/
/*AVAILABILITY*/
.availability { position:relative; float:left; min-width:80px; height:30px; padding:5px 0px 0px 45px; font-size:12px; color:#3DA417; background-image:url(../images/livraison.jpg); background-repeat:no-repeat; background-position:left top;}
/******************************************************************/
/*MENU Onglet*/
.header-menu { position:absolute; top:100px; left:0px; position:relative; z-index:1; width:900px; margin-left:auto; margin-right:auto; padding:0px 10px 0px 10px; }
/*mainlevel*/
ul#mainlevel,
ul#mainlevel li.mainlevel { display:block; position:relative; float:left; padding:0px; margin:0px; list-style:none; }
ul#mainlevel {}
a.mainlevel { display:block; position:relative; z-index:2; padding-right:10px; background-image:url(../images/onglet2-off.png); background-repeat:no-repeat; background-position:right bottom; text-decoration:none; cursor:pointer; }
a.mainlevel:hover, a.mainlevel#active_menu { background-image:url(../images/onglet2-on.png); }
a.mainlevel span { display:block; width:130px; height:45px; line-height:35px; padding-left:10px; background-image:url(../images/onglet1-off.png); background-repeat:repeat-x; background-position:left bottom; text-align:center; font-size:14px; font-weight:bold; color:#005d7d; }
a.mainlevel:hover span, 
a.mainlevel#active_menu span { background-image:url(../images/onglet1-on.png); color:#FFFFFF; }
/*sublevel*/
.ul-sublevel,
.ul-sublevel li,
.ul-sublevel li ul { display:block; position:relative; float:left; width:150px; padding:0px; margin:0px; list-style:none; }
.ul-sublevel { position:absolute; z-index:-1; margin-top:-450px; padding-top:50px; padding-bottom:10px; background-image:url(../images/onglet-sublevel.png); background-repeat:no-repeat; background-position:left bottom; }
a.sublevel, a.sublevel span { display:block; position:relative; text-decoration:none; cursor:pointer; color:#005d7d;  }
a.sublevel:hover span, a.sublevel#active_menu span { background-color:#005d7d; color:#FFFFFF; }
a.sublevel span { padding:5px 0px 5px 5px; border-top:1px dotted #88D2EC; }
/******************************************************************/
/*HEADER*/
.header { position:fixed; z-index:2; top:0px; left:0px; width:100%; }
.header-inner { position:absolute; top:0px; left:0px; z-index:3; width:100%; background-image:url(../images/header-bg.png); background-repeat:repeat-x; background-position:left top; }
.header-right, .header-left, .header-center { position:relative; float:left; height:100px; vertical-align:bottom; width:33%; }
/******************************************************************/
/*LOGIN/LOUGOUT*/
.login-main { position:relative; float:right; width:270px; height:100px; text-align:left; }
.login-form { position:absolute; right:10px; bottom:0px; width:100%; height:45px; }
.login-input { width:115px; height:45px; text-align:center; vertical-align:bottom; background-image:url(../images/login-input.png); background-repeat:no-repeat; background-position:left bottom; font-size:11px; }
.login-input input.inputbox { width:95px; height:15px; line-height:15px; margin-bottom:14px; border:1px solid #FFFFFF; background-color:#FFFFFF; color:#808080; font-size:11px; }
.login-form span { display:block; position:relative; float:right; padding-top:15px; padding-right:10px; color:#FFFFFF; font-size:12px; }
.login-form input.logout { display:block; position:relative; float:right; width:115px; height:45px; padding-bottom:6px; background-image:url(../images/login-input.png); background-repeat:no-repeat; background-position:left bottom; border:0px none; color:#00607D; font-size:12px; }
.login input.button { width:36px; height:45px; background-image:url(../images/login-submit.png); background-repeat:no-repeat; background-position:left bottom; }
.login-option { position:relative; float:right; margin-top:-80px; padding:10px 0px 20px 20px; width:200px; background-image:url(../images/cart-bottom.png); background-repeat:no-repeat; background-position:left bottom; }
.login-option a { color:#FFFFFF; }
.login ul { display:block; }
/******************************************************************/
/*CART*/
/*TODO : position:fixed; à désactiver pour ie6*/
#cart { position:fixed; left:-5px; top:-5px; z-index:2; width:200px; cursor: move; vertical-align:middle; color:#FFFFFF; }
.vmCartModule { position: relative; float:left; width:100%; }
.vmCartModule span { display:block; position:relative; }
.vmCartModule span.sep { float:left; width:170px; margin:5px 0px 5px 0px; border-top:1px solid #88D2EC; }
.vmCartModule div.titre { position: relative; float:left; width:100%; height:37px; background-image:url(../images/cart-top.png); background-repeat:no-repeat; background-position:left top; }
.vmCartModule div.titre span { font-weight:bold; font-size:14px; padding: 15px 0px 0px 16px; }
.vmCartModule div.content { position: relative; float:left; width:100%; background-image:url(../images/cart-bottom.png); background-repeat:no-repeat; background-position:left bottom; }
.vmCartModule div.content div { position: relative; float:left; width:100%; }
.vmCartModule div.content span.total { float:left; cursor:auto; padding:0px 15px 20px 15px; }
.vmCartModule div.content span.detail { float:left; overflow:hidden; }
.vmCartModule div.content span.detail td { font-size:10px; }
.vmCartModule div.content span.detail td.titre { border-top:1px dotted #88D2EC; }
.vmCartModule div.content span.detail a { color:#FFFFFF; }
.vmCartModule div.content span.show-cart { position:relative; text-align:center; float:left; padding-left:12px; }
.vmCartModule div.content span.show-cart a { display:block; position:relative;  float:left; text-align:center; width:180px; height:35px; font-weight:bold; text-decoration:none; line-height:35px; background-image:url(../images/panier-off.png); background-repeat:no-repeat; background-position:left top;  }
.vmCartModule div.content span.show-cart a:hover { background-image:url(../images/panier-on.png); color:#FFFFFF;  }
.vmCartModule div.content span.empty { float:left; text-align:center; padding:0px 0px 15px 10px; }
.vmCartModule div.content span.saved-cart { float:left; width:100%; text-align:center; padding:5px 0px 0px 0px; }
/******************************************************************/
/*MAIN*/
.main { position:relative; z-index:1; width:920px; height:100%; margin-left:auto; margin-right:auto; padding-top:100px; }
/******************************************************************/
/*CONTENT*/
.content { width:920px; background-image:url(../images/content-inner.png); background-repeat:repeat-y; background-position:center top; }
.content-inner { width:100%; background-image:url(../images/content-footer.png); background-repeat:no-repeat; background-position:center bottom; }
.content-body { padding:45px 20px 30px 20px; min-height:400px; vertical-align:top; }
/******************************************************************/
/*FOOTER*/
.footer { width:920px; text-align:center; height:50px; font-size:10px; background-image:url(../images/footer.png); background-repeat:no-repeat; background-position:center bottom; }
.footer-left { position:relative; float:left; text-align:left; width:45%; padding-left:20px; }
.footer-left div.input1 { position:relative; float:left; width:145px; }
.footer-left div.input2 { position:relative; float:left; }
.footer-left div input.inputbox { width:135px; height:14px; line-height:14px; margin-top:10px; border:1px solid #FFFFFF; background-color:#FFFFFF; color:#808080; font-size:11px; }
.footer-right { position:relative; float:right; text-align:right; padding-right:20px; }
.footer-right div { position:relative; float:left; font-size:11px; line-height:40px;}
/******************************************************************/
/*LEGALS*/
.legals { position:relative; width:920px; font-size:10px; color:#FFFFFF; }
.legals-left { position:relative; float:left; padding-left:5px; width:70%; }
.legals-right { position:relative; float:right; padding-right:10px; width:25%; text-align:right; }
.legals-left span, .legals-left a { display:block; position:relative; float:left; margin:0px; padding: 0px; }
.legals-left a { color:#FFFFFF; padding-right:5px; padding-left:5px; font-size:10px;  }
.legals-left a#active_menufooter { text-decoration:underline; }
/******************************************************************/
/*CONTACT*/
.contact { display:block; position:relative; background-position:right top; background-repeat:no-repeat; }
.contact .inputbox { background: none; overflow:auto;}
/******************************************************************/
/*JF*/
.language { margin:0px; padding:0px; }
.language li { display:block; position:relative; float:left; list-style:none; margin-left:6px; }
.language li a { display:block; width:34px; height:40px; background-position:left top; background-repeat:no-repeat; }
.language li a.english { background-image:url(../images/btn/btn-en-off.png); }
.language li a.english:hover, .language li#active_language a.english { background-image:url(../images/btn/btn-en-on.png); }
.language li a.french { background-image:url(../images/btn/btn-fr-off.png); }
.language li a.french:hover, .language li#active_language a.french { background-image:url(../images/btn/btn-fr-on.png); }
.language li a.german { background-image:url(../images/btn/btn-de-off.png); }
.language li a.german:hover, .language li#active_language a.german { background-image:url(../images/btn/btn-de-on.png); }
/******************************************************************/
/*BROWSE*/
.browse	{ position:relative; float:left; width:100%; }
.browse span, .browse a	{ display:block; position:relative; }
.browse-product { position:relative; float:left; width:190px; height:270px; cursor:pointer;	}
.browse-product span {  cursor:pointer; }
.browse-product a:hover { color:#FB5500; text-decoration:none; }
.browse-product a.zoom { position:absolute; z-index:2; top:190px; left:150px; width:25px; height:20px; background-image:url(../images/zoom-off.gif); background-repeat:no-repeat;}
.browse-sep { display:block; position:relative; height:10px; }
.browse-product a.zoom:hover { background-image:url(../images/zoom-on.gif); }
.browse-product a:hover div.browse-desc { display:block; }
.browse-desc { 
	display:none; 
	position:absolute; 
	z-index:2; 
	top:5px; 
	left:14px; 
	color:#333333; 
	font-size:11px; 
	width:150px; 
	padding:5px; 
	border:1px solid #CCCCCC; 
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
.browse-image { margin:auto; width:150px; height:150px; background-repeat:no-repeat; background-position:center top; }
.browse-detail{ margin:auto; width:155px; line-height:30px; background-image:url(../images/btn/btn-blanc2.png); background-repeat:repeat-x; background-position:top; }
.browse-detail span { background-image:url(../images/btn/btn-blanc1.png); background-repeat:no-repeat; background-position:left top; }
.browse-detail span span { height:35px; text-align:center; font-weight:bold; background-image:url(../images/btn/btn-blanc3.png); background-repeat:no-repeat; background-position:right top; }
/******************************************************************/
/*CATEGORY*/
.category-desc { position:relative; float:left; }
.category-child { position:relative; float:left; width:100%; }
.category-child div.sep { position:relative; float:left; display:block; width:35px; height:160px; background-image:url(../images/sep-verti-mini.jpg); background-position:center bottom; background-repeat:no-repeat; }
.browse-category a { text-decoration:none; }
.browse-category { position:relative; float:left; cursor:pointer; }
.browse-category span.r2c2 { padding-left:8px; padding-right:8px; padding-top:0px; }
.browse-category a:hover span.r1c1-cat { background-image:url(../images/T1/r1c1-cat-on.png); }
/******************************************************************/
/*DOWNLOAD*/
.download { display:block; position:relative; float:left;}
.download h4 { margin-left:8px; margin-right:8px; margin-bottom:20px; }
.download a { display:block; position:relative; float:left; height:40px; padding:15px 0px 0px 45px; background-image:url(../images/icone-pdf.jpg); background-position:left top; background-repeat:no-repeat;}
/******************************************************************/
/*TABLO*/
.tablo { font-size:11px; }
.tablo .second { white-space: normal; }
.tablo input { margin:0px; padding:0px; }
.tablo tr { cursor:pointer; }
.tablo td { vertical-align:middle; height:20px; }
.tablo .first { color:#00607D; padding-left:4px; }
/******************************************************************/
/*TABLO2*/
.tablo2 { font-size:11px; }
.tablo2 td { vertical-align:middle; margin:5px; height:20px; border-bottom:1px dotted #DDDDDD; }
.tablo2 .first { color:#00607D; }
/******************************************************************/
/*T1*/
.r1c1, .r1c2, .r2c1, .r2c2, .r3c1, .r3c2, .r1c1-empty, .r1c2-empty, .r1c1-cat, .r1c2-cat { display:block; position:relative; }
.r1c1, .r1c1-empty, .r1c1-cat { background-image:url(../images/T1/r1c1.png); background-repeat:no-repeat; background-position:left top; }
.r1c2, .r1c2-empty, .r1c2-cat { background-image:url(../images/T1/r1c2.png); background-repeat:no-repeat; background-position:right top; padding:18px 0px 10px 15px; color:#FFFFFF; font-size: 12px; font-weight:bold; }
.r2c1 { background-image:url(../images/T1/r2c1.png); background-repeat:repeat-y; background-position:left; }
.r2c2 { background-image:url(../images/T1/r2c2.png); background-repeat:repeat-y; background-position:right; }
.r3c1 { background-image:url(../images/T1/r3c1.png); background-repeat:no-repeat; background-position:left bottom; text-align:right; }
.r3c2 { background-image:url(../images/T1/r3c2.png); background-repeat:no-repeat; background-position:right bottom; height:15px; min-width:15px; }
.r1c1-empty { background-image:url(../images/T1/r1c1-empty.png); }
.r1c2-empty { background-image:url(../images/T1/r1c2-empty.png); padding:0px; height:15px; }
.r1c1-cat { background-image:url(../images/T1/r1c1-cat.png); }
.r1c2-cat { background-image:url(../images/T1/r1c2-cat.png); padding-left:25px; }
.r1c2 a { color:#FFFFFF; }
/******************************************************************/
/*CATALOGUE*/
.catalogue { font-size:11px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:100%;}
.catalogue td { vertical-align:top; border-left:1px solid #CCCCCC; }
.catalogue tr:hover td{ background-color:#EEEEEE; }
.catalogue td.lib { width:170px; padding-left:5px; }
.catalogue td.ref { width:80px; }
.catalogue td.prix { width:50px; text-align:right; }
/******************************************************************/
/*BTN*/
.btn { display:block; position:relative; }
.btn span { background-image:url(../images/btn/btnBlanc2.png); background-repeat:repeat-x; background-position:top; display:block; position:relative; float:left; }
.btn span span { background-image:url(../images/btn/btnBlanc1.png); background-repeat:no-repeat; background-position:left top; padding-left:6px; }
.btn span span span { background-image:url(../images/btn/btnBlanc3.png); background-repeat:no-repeat; background-position:right top; padding-right:11px; line-height:28px; height:30px; text-align:center; }
.btn:hover { text-decoration:none; color:#FFFFFF; }
.btn:hover span { background-image:url(../images/btn/btnBleu2.png); }
.btn:hover span span { background-image:url(../images/btn/btnBleu1.png); }
.btn:hover span span span{ background-image:url(../images/btn/btnBleu3.png); }
/******************************************************************/
/*PRODUCT*/
.prod { width:880px; }
.prod h1 { font-size:22px; line-height:26px; font-weight:normal; text-align:left; }
.prod-top { padding-left:5px; padding-right:5px; }
.prod-left { width:430px; vertical-align:top; }
.prod-right { width:450px; vertical-align:top; padding-top:3px; }
.prod-bottom {}
.prod-s-desc h2 { font-size: 12px; color:#666666; font-weight:normal; padding-top:5px; padding-bottom:5px; border-bottom: 0px none;}
.prod-r1, .prod-r2, .prod-r3, .prod-r4, .prod-r5, .prod-desc { position:relative; float:left; width:420px; padding-left:15px; padding-right:15px; background-repeat:no-repeat; background-position:left top; }
.prod-r1 { height:15px; background-image:url(../images/prod-r1.png); }
.prod-r2 { background-image:url(../images/prod-r2.png); background-repeat:repeat-y; }
.prod-r3 { height:35px; line-height:35px; background-image:url(../images/prod-r3.png); text-align:right; }
.prod-r4 { background-image:url(../images/prod-r4.png); background-repeat:repeat-y; }
.prod-r5 { height:15px; background-image:url(../images/prod-r5.png); }
.prod-r3 a { display:block; position:relative; float:right; height:20px; line-height:20px; text-align:right; padding-right:25px; background-image:url(../images/question.gif); background-repeat:no-repeat; background-position:right top; }
/******************************************************************/
/* SLIMBOX.CSS */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(images/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(images/slimbox/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(images/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }