/****************************************
**	website: 	www.USBANDCO.com
**	version: 	0.1 
**	media:		screen
**	date:		22/12/2008
**  colors:		bleu: #0093D2 / a:hover[fond bleu] : #bfecff
				noir: #1b1b1b
				blanc: #fefefe
*****************************************/
/*--------------------------------------------------------------
	0=RESET
	1=GENERAL
		2.0=typo
		2.1=links
		2.2=lists
	2=PAGE STRUCTURE
	3=SANDBOX
	4=PAGE COMPONENTS
    5=HACKS
---------------------------------------------------------------*/
/*--------------------------------------------------------------
	0=RESET
---------------------------------------------------------------*/
html, body, form, fieldset, table, tr, td, caption, img, span { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1.5; }
h1, h2, h3, h4, h5, h6, p, a, small, big, pre, strong, b, blockquote, ul, ol, dl, dt, dd, address { margin: 0; padding: 0; }
li, dd, blockquote { margin-left: 1.5em; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
/*tables still need 'cellspacing="0"' in the markup*/
table { border-spacing: 0; /*make the table visible*/ }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
form input { font-size: inherit; vertical-align: middle; }
img, iframe, object { border: 0 none; }
textarea { border: 1px solid #1b1b1b; }
/*--------------------------------------------------------------
	1=GENERAL
---------------------------------------------------------------*/
body { color: #1b1b1b; font-family: Helvetica, Arial, sans-serif; font-size: 75%; background: #fefefe url(../../images/bg-body.png) repeat-x 0 0;}
.hide { display: none; }
.bd { border: 1px solid red; }
.bg { background: #ccc; }
.bg1 { background: #ccffff; }
.bg2 { background: #ccff00; }
.bg3 { background: #ffff00; }
/*
	2.0=typo (12px/18px : line-height x 1.5)
---------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #1b1b1b; }
h6 { margin: .5em 0; }
h1 { font-size: 2.5em; line-height: 0.6em; margin-bottom: 0.6em; }
.content-title h1 { font-size: 2em; line-height: 1; margin: 5px 0.75em 0 0; padding-bottom:10px }
.content-title h1 a { color:#1b1b1b }
.content-title h1 a:hover { text-decoration:none }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em; }
.small11 { font-size: 0.916667em; line-height: 1.636364em; }
.small10 { font-size: 0.833333em; line-height: 1.8em; }
/*
	2.1=links
---------------------------------------------------------------*/
a:link, a:visited, a:active { color: #0093D2; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
/*
	2.1=lists
---------------------------------------------------------------*/
li ul, li ol { margin: .15em 1.5em; font-size: 95%; color: #404040; }
ul, ol { margin: .5em 1em 1em 1em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
/*--------------------------------------------------------------
	2=PAGE STRUCTURE
---------------------------------------------------------------*/
div.message {width:950px;margin:0 auto;text-align:center;position:relative }
div.message img {display:block;position:absolute;top:150px;right:0px}
#header-top { height:29px; width:958px; margin:0 auto; background: transparent url(../../images/bg-header-top.png) no-repeat right top; }
#header {width:958px; height:119px; margin:0 auto; text-align:center; background: transparent url(../../images/bg-nav.png) no-repeat right bottom; padding-top:0 }
.main { width:950px; margin:0 auto; }
.content { float:right; width:720px }
#pub { width:720px; height:310px; background:#fefefe url(../../images/bg-pub.jpg) no-repeat 0 0; margin-top:3px }
#buy { width:720px; height:346px; background:#fefefe url(../../images/bg-buy.png) no-repeat 0 0; }
#extra { width:720px; }
#extra .com { width:280px; background:#fefefe url(../../images/bg-xtra-right.png) no-repeat 0 0; float:right; margin-top:10px }
#extra .top { width:410px; height:340px; background:#fefefe url(../../images/bg-top.png) no-repeat 0 0; float:left; margin:10px 0 2px 0 }
#extra .sworn { width:410px; background:#fefefe url(../../images/bg-xtra-bottom.png) no-repeat 0 0; float:left; margin-top:10px }
#footer { clear:both; padding-top:1em; }
#col { float:left; width:200px; padding:0 0 0 4px; margin:0; }
.cart { float:left; }
/*--------------------------------------------------------------
        3=SANDBOX
---------------------------------------------------------------*/
#extra:after, #extra ul.top li:after, .cart-elements div:after, .product-head:after, .catalog-item-head ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#extra, #extra ul.top li, .cart-elements div, .product-head, .catalog-item-head ul { display: inline-block; }
#extra, #extra ul.top li, .cart-elements div, .product-head, .catalog-item-head ul { display: block; }
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container { display: inline-block; }
* html .clearfix, * html .container { height: 1%; }
.clearfix, .container { display: block; }

.push {padding-left:50px}

.links-1 a { padding:3px 5px; background:#5E5F5F url(../../images/bg-bt-1.png) repeat-x 0 0; margin:0 0 0 5px; color:#fefefe }
/*ie7*/html>body .links-1 a { *line-height:2.5em;
}
body .links-1 a:hover {text-decoration:none}
.links-1-1 { padding:3px 5px; background:#5E5F5F url(..../../images/bg-bt-1.png) repeat-x 0 0; margin:0; color:#fefefe; text-decoration:none; border:1px solid #666 }
.links-2 a {font-size:110%}
.links-2 a, .links-2 a.command { padding:5px 7px; background:#333 url(../../images/ic-arrow-orang.png) no-repeat 0 6px; margin:0 0 0 5px; color:#fefefe ;padding-left:25px;}
.links-2 span a { padding:5px 7px; background:#666; margin:0 0 0 5px; color:#fefefe }
.links-2 a:hover, .links-2 a.arrow:hover {background:#FF8700 url(../../images/ic-arrow-blue.png) no-repeat 0 6px;text-decoration:none;} 
.links-2 a.command:hover {background:#FF8700 url(../../images/ic-arrow-orang.png) no-repeat 0 6px;text-decoration:none;}
/*ie7*/html>body .links-2 a { *line-height:2.5em;
}
.links-2 a.arrow {background:#666 url(../../images/ic-arrow-blue.png) no-repeat 0 6px;padding-left:30px;}

div.content .links-3 a { padding:5px 7px; background:#0093d2; margin:0 0 0 5px; color:#fefefe; }
div.content .links-3 a:hover {background:#FF8700;text-decoration:none} 
/*ie7*/html>body .links-3 a { *line-height:2.5em;
}
div.content .links-4 {margin:0 auto;text-align:center}
div.content .links-4 a { padding:5px 7px; background:#0093d2; margin:0 0 0 5px; color:#fefefe;font-size:150% }
div.content .links-4 a:hover {background:#FF8700;text-decoration:none} 
/*ie7*/html>body .links-4 a { *line-height:2.5em;
}
ul.product-page-menu { padding-left:10px }
a.link-sample, a.link-mail, a.link-print { padding-left:50px; display:block; height:30px }
a.link-sample { background:transparent url(../../images/ic-sample.png) no-repeat 0 3px; }
a.link-mail { background:transparent url(../../images/ic-mail2.png) no-repeat 0 0; }
a.link-print { background:transparent url(../../images/ic-print.png) no-repeat 0 0; }

div.content  a.linkbutton_borderg {background:#0093D2;padding:5px;color:#fff;font-weight:bold;font-size:105%}
body a.linkbutton_borderg:hover {background:#FF8700;text-decoration:none}
/*--------------------------------------------------------------
        4=PAGE COMPONENTS
---------------------------------------------------------------
/*
	        4...=header-top
---------------------------------------------------------------*/
#header-top span { display:block; float:right; color:#1b1b1b }
#header-top span { width:195px }
#header-top div { float:left; padding-right:30px }
#header-top select { margin:3px 0 0 250px }
#header-top img { margin:5px 0 0 0; vertical-align:top }
#header-top a { font-size: 0.9em; }
#header-top a.callback, #header-top a.mail { color:#1b1b1b; padding:5px 0 0 28px; display:block; float:left; height:25px }
#header-top a.callback { background:transparent url(../../images/ic-callback.gif) no-repeat 0 2px }
#header-top a.mail { background:transparent url(../../images/ic-mail.gif) no-repeat 0 2px; padding-right:25px;padding-left:28px }
#header-top input[type=text] { width:155px;  text-indent:3px; font-size:11px; margin:3px 0 0 0px; height:14px; vertical-align:top; padding:1px 0 0 0; }
/*ie7 */ html>body #header-top input[type=text] { *width:155px;*margin:2px 0 0 0;*height:16px;}
#header-top input[type=image] { padding-top:3px }
/*ie7 */ html>body #header-top input[type=image] { *padding-top:4px;
*vertical-align:top
}
/*
	        4.1=header
---------------------------------------------------------------*/
#header ul { float:right; margin:0; width:740px; height:105px; }
#header ul li {display:block;  margin:6px 0 0 20px; float:left; }
/*ie7*/ html>body #header ul li {*margin-top:8px}
#header ul li b a { text-align:center; background:transparent url(../../images/ic-arw-nav.png) no-repeat 0 2px; padding-left:10px; font-size:0.9em }
#header ul li b a { color:#fefefe }
#header ul li b a:hover { color:#BCECFF; text-decoration:none }
#header span { float:left; display:block; padding-left:4px; height:119px; width:204px }
#header span a { margin:0; display:block; float:left; width:199px; height:83px }
/*ie7*/ html>body #header span a {*height:84px}
#header span b.call { display:block; float:left; margin:0; height:34px; width:204px; background:#fefefe url(../../images/bg-call.png) no-repeat 0 0; }
#header span b.call img {padding-top:10px}
#header span b.call span.de { font-weight:bold; letter-spacing:1px; padding:1px 0 0 0; font-size:17px }
/*ie7*/ html>body #header span b.call span.de { *padding:1px 0 0 0;
}
#header span b.call span.de img { vertical-align:middle; float:left; padding:9px 0 0 10px }
#header span b.call span.de b { display:block; float:left }
/*
	        4.2=pub
---------------------------------------------------------------*/
#pub h1 { margin: 0 0 0 .5em; padding-top:.5em; font: bold 1.8em/1.5 Helvetica, Arial, sans-serif; color:#0B294F }
#pub dl dt { margin:.5em 0 0 .5em; color:#0093D2; font:bold 1.1em Helvetica, Arial, sans-serif;}
#pub dl dd { margin:0 0 0 1em; font-size:0.9em; line-height:1.5em; color:#00435B; text-align:justify;}
#pub dl { float:left; width:60%; margin:0 0 0 .5em }
#pub dl a { color:#00435B; }
#pub dl a:hover { text-decoration:none; border-bottom:1px solid #00435B }
/*
	        4.2=buy
---------------------------------------------------------------*/
#buy dl.buy-last { float:right }
#buy dl { float:left; width:240px; height:346px; margin:0; position:relative; }
#buy dl dt { height:30px }
#buy dl dt { margin:0; font-size:1em; line-height:1.9em; text-align:center }
#buy dl dt b { text-align:center; color:#fefefe; }
#buy dl dd { margin:0; }
#buy dl dd h2 { color:#fefefe; font: bold 1em/2em Helvetica, Arial, sans-serif; margin:0 0 0 .75em; height:26px }
#buy dl dd.img { padding:5px 0 0 10px; width:105px; float:left }
#buy dl dd.title { float:left; width:105px; height:100px; margin-left:1em }
#buy dl dd.title h3 { font: bold 1em/1.25em Helvetica, Arial, sans-serif; margin:2em 0 0 0 }
#buy dl dd.comment { float:left; font: 0.9em/1.5em Helvetica, Arial, sans-serif; margin:.5em 1.5em 0; position:relative; height:65px }
#buy dl dd.comment a { position:absolute; bottom:0; right:0 }
#buy dl dd.xtra { float:left; width:100px; margin:1.5em 9px 0 9px; font:bold 0.8em/1.15em Helvetica, Arial, sans-serif; text-align:center }
#buy dl dd.xtra span { display:block; height:100px }
/*
	        4.3=extra
---------------------------------------------------------------*/
#extra ul { margin:0 }
#extra ul.com li { margin:0; text-align:justify; font-size:1em; margin:0 1em 0 1em; }
#extra ul.com img { float:left; padding-right: .75em }
#extra ul.com li b { display:block; margin:1em 0 .5em }
#extra ul.top li { margin:0 0 0 90px; width:320px; height:105px; }
#extra ul.top li span.img { width:125px; display:block; float:left; }
#extra ul.top li img { padding:10px 0 0 10px }
#extra ul.top li p { width:190px; float:left; font: 0.9em/1.35em Helvetica, Arial, sans-serif; margin:1em 0 0 0; display:block; float:left; }
#extra ul.top li p a { font-weight:bold }
#extra ul.sworn li { margin:6px 1em 0 0; text-align:justify; padding-left:80px; line-height:1.4em }
#extra ul.sworn li { background: transparent url(../../images/bg-sworn-up.png) no-repeat 5px 5px }
#extra ul.sworn li b:first-child { color:#333 }
#extra ul.sworn li b { text-align:left; color:#666 }
ul.sworn blockquote { margin:0; display:inline; color:#333 }
#extra ul li.title { height:30px; margin:0 0 0 1em; background:none; padding:0; font-size:1em; }
#extra ul.top li.title { height:25px; }
#extra ul li.title h3 { font-size:1em; margin:0; color:#fefefe; line-height:1.85em; font-weight:bold }
/*
	        4...=footer
---------------------------------------------------------------*/
#footer p { background:#E8F3F7; color:#4d4d4d; text-align:center; font: 0.8em/1.25em Helvetica, Arial, sans-serif; padding:.75em 1em 1em; margin:0 }
#footer b { margin:0 0 .5em }
#footer span { text-align:center; display:block; color:#808080 }
#footer a { margin:0; font: 0.85em/0.8em Helvetica, Arial, sans-serif; text-align:center; }
/*
	        4...=col
---------------------------------------------------------------*/
#col dl.safe { width:200px; height:254px; background:transparent url(../../images/1036/bg-garanties.png) no-repeat 0 0; margin:0; float:left; }
#col dl.safe dd, #col dl dt { margin:0 }
#col dl.safe dt { padding-bottom:25px; margin-top:35px; text-indent:15px; color:#fff; font-size:1.2em; line-height:0 }
#col dl.safe dd a { display:block; text-align:left; height:30px; font: bold 0.9em/1.1em Helvetica, Arial, sans-serif; color:#fff; padding:0 0 0 50px; margin-right:10px }
p.cart-title { display:block; width:200px; height:25px; background:#808080 url(../../images/bg-panier.png) no-repeat 0 0; text-indent:40px; color:#fff; line-height:1.9em; margin:1px 0 0 0 }
div.cart-elements { background: #ACDEF5 url(../../images/bg-panier-bottom.png) no-repeat bottom left; margin-bottom:10px; padding-bottom:1px }
/*ie7*/ html>body div.cart-elements { *padding-bottom:7px
}
div.cart-elements span { display:block; width:54px; float:left; background:#fefefe; border:3px solid #B3E8FF; text-align:center }
div.cart-elements table td { padding:5px }
div.cart-elements table td b { padding-left:10px; display:block; float:left; width:120px; font-weight:normal }
div.cart-elements table td b a { font-size:120% }
div.cart-elements table td a img { padding:5px; vertical-align:bottom; float:left; text-align:center; margin:0 auto }
.cart-elements div { width:200px; margin:10px 0 }
div.cart-elements a.cart-elements-cart, div.cart-elements a.cart-elements-clear { display:block; border:1px solid #CAEFFF; text-align:center; background:#5E5F5F url(../../images/bg-bt-1.png) repeat-x top left; color:#eee; padding:4px 5px; font-size:95%; line-height:1; }
div.cart-elements a.cart-elements-cart { float:right; margin-right:7px; }
div.cart-elements a.cart-elements-clear { float:left; margin-left:7px; }
div.cart-elements a.cart-elements-cart:hover, div.cart-elements a.cart-elements-clear:hover { color:#ccc; text-decoration:none }
#col ul.download { margin:0; float:left}
#col ul.download li { margin:0 ;}
#col ul.download li.catalogue { margin:0 ;background:#fefefe url(../../images/bg-download.png) repeat-x 0 0;}
#col ul.download li.catalogue span { display:block; width:200px; height:50px; margin:0; background: #333 url(../../images/catalogue.png) no-repeat 0 0; float:left }
#col ul.download li.catalogue a { color:#fff; padding:0.5em 1em 0 3em; margin:0 }
#col ul.download li a, #col a.guide, #col a.contact { float:left; display:block }
#col ul.download li a img { float:left }
#col ul.download li.samples { margin:0; display:block; float:left; width:200px; height:70px; background: #fefefe url(../../images/bg-sample.png) no-repeat 0 0; margin-top:10px; }
#col ul.download li.samples a { padding:10px 0 0 50px; margin:0 .5em 0 0; color:#eee; font:bold 1em/1.4em helvetica, Arial, sans-serif }
#col ul.download li.samples a:hover, #col a.guide:hover, #col a.contact:hover { color:#BFECFF; text-decoration:none }
#col a.guide, #col a.contact { width:160px; height:26px; background: #fefefe url(../../images/bg-arrow.png) no-repeat 0 0; margin-top:10px; padding-left:40px; color:#eee; font:bold 0.9em/2.3em helvetica, Arial, sans-serif }
#col dl.buying { background:#fefefe url(../../images/bg-buying.png) no-repeat 0 0; width:200px; height:222px; margin:10px 0 0 0; float:left }
#col dl.buying dt { padding:0 0 10px 40px; font-size:0.9em; line-height:2em; color:#eee }
#col dl.buying dd { display:block; float:left; background: transparent url(../../images/ic-arw-fff.png) no-repeat 0 3px; padding-left:15px; font-size:0.9em; width:150px }
#col dl.buying dd a { color:#1b1b1b; }
#col ul.tagcloud { display:block; width:200px; margin:0; padding:10px 0; font-size:100%; line-height:1.65em; text-align:justify; float:left }
/*ie7*/ html>body #col ul.tagcloud { *line-height:1.80em;
}
#col ul.tagcloud li { display:inline; margin:0 }
#col ul.tagcloud li a { color:#393939 }
a.TagCloud_1, a.TagCloud_2 { font-size: 75%; }
a.TagCloud_3, a.TagCloud_4 { font-size: 90%; }
a.TagCloud_5, a.TagCloud_6 { font-size: 120%; }
a.TagCloud_7, a.TagCloud_8 { font-size: 140%; }
a.TagCloud_9, a.TagCloud_10 { font-size: 160%; }

/*BlogCtrl*/
#col dl.Blog { background:#fefefe url(../../images/bg-Blog.png) no-repeat 0 0; width:200px; height:166px; margin:10px 0 0 0; float:left }
#col dl.Blog dt { padding:0 0 10px 40px; font-size:0.9em; line-height:2em; color:#eee }
#col dl.Blog dt a { color:#eee }
#col dl.Blog dd { display:block; float:left; background: transparent url(../../images/ic-arw-fff.png) no-repeat 0 3px; padding-left:15px; font-size:0.9em; width:150px }
#col dl.Blog dd a { color:#1b1b1b; }

/*
	        4.1= cart CartCtrl CartDetailsCtrl.ascx
---------------------------------------------------------------*/
#cart .links-1, #cart .links-2 { float:right; padding-top:10px }
/*ie7*/html>body #cart .links-1 { *padding-top:0
}
.content-title b { font-size:95%; color:#666 }
.product-pagination { text-align:right; width:100% }
.product-pagination b { }
.estimate-summary-table { border:1px solid #0093D2; background:#eee; padding:5px }
.estimate-summary-header { background:#0093D2; color:#fefefe; }
table.estimate-summary-table td { padding:5px; border-top:1px solid #0093D2; text-align:left }
table.estimate-summary-table td.estimate-summary-header, table.estimate-summary-table td.estimate-summary-footer, table.estimate-summary-table td.estimate-summary-item {text-align:center}

.pdct-1 { padding:10px; text-align:center }
div.total { float:right }
div.total table td { padding:5px }
/*
	        4.1= catalog
---------------------------------------------------------------*/
.catg-head h1 {line-height:1em;padding-top:7px;margin-bottom:.25em;font-size:170%}
.catg-head {font-size:0.95em}
.catg-head img {float:right;padding-left:10px}

.catalog-item {padding-top:25px}

#m_imgCat { float:right; padding-top:7px }
#mLblText2 { float:right; color:#666 }
#mLblText1 ul, #mLblText1 li, #mLblText1 li a { margin:0; color:#333 }
table.catalogue { margin-top:15px }
td#c43 table td { padding:0 5px }
td#c43 h2 { margin:0; background:#0093D2 url(../../images/bg-ttl-1.png) repeat-x bottom left }
td#c43 h2 a { color:#fefefe; width:100% }
td.catalog-pdct-title a:hover { text-decoration:none }
td.catalog-pdct-title b a { color:#555; font-weight:normal }
td.catalog-pdct-title h2 { font-size:140%; background:#0093D2 url(../../images/bg-ttl-1.png) repeat-x bottom left; margin:0 }
div.content td.catalog-pdct-title h2 a { color:#fff; font-weight:bold }
.product-ref { padding:0 0 0 5px }
ul.infos-produit {float:right}
ul.infos-produit, ul.symbols, ul.infos-produit li, ul.symbols li {margin:0}
ul.symbols li {padding:5px 0;text-align:center}

.catalog-item-head div.catalog-item-img  {float:left;padding:10px;}
.catalog-item-head ul  {float:right;margin:10px 0 0 0;width:25%}
.catalog-item-head ul li {display:block;margin:0; text-align:center;}
.catalog-item-head ul li.button {margin:0 auto;text-align:center;padding:10px 0}
.catalog-item-head span {margin:0;padding:0;text-align:left;}
/*
	        4.1= EstimateCtrl
---------------------------------------------------------------*/
table.product-finalize { font-size:150%; text-align:center; margin:0 auto }
table.product-finalize a { text-align:center }
/*
	        4.1= ProductItem
---------------------------------------------------------------*/
div.product-head { border:1px solid #ccc; margin-top:7px }
.product-page h1 { padding:10px 10px 0; color:#333 }
.product-page em { font-size:90%; padding: 0 0 0 10px; color:#333 }
span.catalog-price-1 { font-size:120%; color:#666; font-weight:bold; line-height:1.6em; padding:0 }
span.catalog-price-2 { font-size:170%; color:#0093D2;padding:0}
span.productitem-price { display:block; float:right; width:25%; text-align:right; padding-right:10px }
span.productitem-price span.catalog-price-2 { text-align:right }
.product-description { text-align:justify }
.product-page .links-2 { font-size:150%; text-align:center; letter-spacing:1px }
.product-page-menu li { margin:0; text-align:left; padding:0; }
table.fare-grid { border:1px solid #0093D2; border-collapse:collapse }
td.fghead { text-align:center; padding:5px }
/* Quantite */
td.fgqty { padding:5px; text-align:center; background-color:#eee; color: 666; font-weight: bold; border:1px solid #0093D2; border-width:1px 0 }
/* Prix */
td.fgprice { padding:5px; background-color:white; text-align:center; border: 1px solid #0093D2; border-width:0 1px }
td.altfgprice { padding:5px; background-color:#E6E6E6; text-align:center; border: 1px solid #0093D2; }
/* Quantite minimale */
td.fgreqqty { padding:5px; background-color:#cccccc; text-align:center; }
table.apercu {padding:0;border-top:1px solid #ccc}
table.apercu table td {border:1px solid #ccc;padding:3px;}
/********************************************************************
**	Tableau des variations
*/
.variation { }
.varval { padding:2px; text-align:center; vertical-align:center; background-color:white; border:1px solid #0093D2; }
.varvalenabled { padding:2px; text-align:center; vertical-align:center; background-color:#0093D2; }
.varvaldisabled { padding:2px; text-align:center; vertical-align:center; background-color:#E6E6E6; }
.vartitle { padding:2px; height:16px; font-weight: bold; background-color:white; color:black; text-align:center; vertical-align:center; border: 1px solid #0093D2; }
.vartb { border:1px solid #999; margin:0px; width:47px }
/* Info/guide
--------------------------------------------------------------------------*/
.subcontainer { width:720px; }
.subcontainer H1 { line-height:2em; margin-top:7px }
.subcontainer H1, .subcontainer H2 { background:#0093D2; color:#fff; text-align:center }
.subcontainer p { text-align:justify }
.navcontainer { float:left; margin:1em 2em }
.navlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; width: 300px; }
.navlist li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid gray; }
.navlist li a { text-decoration: none; }

/* PAGES FROIDES / nos_garanties
--------------------------------------------------------------------------*/
.cold h2{border:1px solid #ccc;margin-top:10px;padding:5px 0 5px 10px;color:#333;}
.cold ul {margin:0 0 15px 0}

/* PAGES FROIDES / nos_garanties
--------------------------------------------------------------------------*/
.order h1 {line-height:2em}

/* popup
--------------------------------------------------------------------------*/
.popup .popup-head {width:100%;height:53px;background:#fefefe url(../../images/bg-popup-head.png) repeat-x 0 0;position:relative}
.popup .popup-head div {padding-top:15px;text-align:center}
.popup .popup-head div img{vertical-align:middle;margin:0 .5em}
.popup .popup-head div a, .popup .popup-head div span{font-size:120%;margin:0 .2em;font-weight:bold}
.popup .popup-head a#m_lnkPrint {position:absolute;display:block;top:15px;left:15px}
.popup .popup-head a#m_lnkClose {position:absolute;display:block;top:15px;right:15px}
.popup img#m_productZoomCtrl_m_imgZoom {text-align:center;margin:0 auto}

/* Print
--------------------------------------------------------------------------*/
body.mail div.head {margin:25px 0 25px 25px}
body.mail div.head span {float:right;display:block;margin:0 25px 0 0}
body.mail div.head img{vertical-align:middle}
body.mail .print-main {margin: 0 25px}
body.mail .print-main img {padding:0 25px 0 0}