/***************************************************************************
 *				style.css
 *				---------
 *	Cree le		: 16 Mai 2007
 *	Derniere modif.	: 26 Octobre 2007
 *	Auteur		: Agence ici - Asselin Benoit
 *	Site		: http://www.agenceici.com/
 *
 ***************************************************************************/



html, body { height: 100%; background: #444; }
html, body, h1, h2, h3, h4, table, th, td, ul, li, div, p, span, form, input, textarea, select { font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; padding: 0px; margin: 0px; }
ul, li { list-style: none; }
a { color: blue; text-decoration: none; cursor: pointer; }
a:hover { color: #D30F11; }
img { border: 0px none; }

.clear { clear: left; }

table.container { width: 100%; background: #CBBEAC url('../images/interface/background-yaollong.gif') right 0px repeat-y; }
tr.body { }
tr.foot { }
tr.body td { vertical-align: top; }


div.container { position: relative; background: #CBBEAC url('../images/interface/background-yaollong.gif') right 100px repeat-y; margin: 0px auto; width: 900px; min-height: 100%; }

div.head { background: url('../images/interface/banner-yaollong.jpg') no-repeat; height: 100px; }
div.head h1.title a { display: block; width: 900px; height: 70px; }
div.head h1.title span { display: none; }
div.head h2.domaine { display: none; }
div.head ul.menu { margin-left: 80px; }
div.head ul.menu li { float: left; border-left: 1px solid black; margin-top: 3px; }
div.head ul.menu li a { padding: 0px 6px; }
div.head ul.menu li span { font-size: 10pt; }
div.head ul.menu li.first { border: 0px none; }
div.head a { color: black; }
div.head a:hover { color: #D30F11; }

div.head .search { position: absolute; right: 10px; top: 72px; padding-right: 25px; height: 19px; }
div.head .search label { color: #6D6D6D; }
div.head .search #search-q { padding: 0px; margin: 0px; border: 1px solid #7C7C7C; width: 90px; height: 15px; }
div.head .search #search-ok { position: absolute; display: block; width: 18px; height: 16px; right: 0; top: 1px; cursor: pointer; }
div.head .search #search-submit { display: none; }



td.menu { background: url('../images/interface/menu-repeat.gif') 0px 120px no-repeat; width: 150px; }
div.menu { background: url('../images/interface/menu-lang-enquiry-cart.gif') no-repeat; width: 150px; }
div.menu .languages { text-align: center; height: 35px; margin-right: 15px; }
div.menu .enquiry-cart { position: relative; height: 65px; margin-right: 15px; }
div.menu .enquiry-cart a { color: #72685E; }
div.menu .enquiry-cart a span { color: #D70E11; /*font-weight: bold;*/ }
div.menu .enquiry-cart div { text-align: center; }
div.menu .enquiry-cart .label { position: absolute; left: 0; top: 9px; width: 75px; }
div.menu .enquiry-cart .items { position: absolute; left: 0; top: 35px; width: 75px; }
div.menu .enquiry-cart .picto { position: absolute; right: 0; top: 3px; width: 59px; height: 58px; }
div.menu .enquiry-cart .picto a { display: block; width: 59px; height: 58px; background: url('../images/interface/enquiry-cart.gif') 7px center no-repeat; }
div.menu .enquiry-cart .picto a.anime { background: url('../images/interface/enquiry-cart-anim.gif') no-repeat; }
div.menu #enquiry-cart-form { display: none; }
div.menu .categories { margin: 5px 15px 50px 0px; }
div.menu .categories a { color: black; font-size: 10pt; }
div.menu .categories li { border-bottom: 1px solid #AE9B89; }
div.menu .categories li a { display: block; background: url('../images/interface/arrow-right.gif') 2px 3px no-repeat; width: 120px; padding: 2px 0px 2px 15px ; }
div.menu .categories li a:hover { background-color: #C0B19D; color: #D30F11; }
div.menu .categories li.normal .sub-category { display: none; }

div.menu .categories li.active a { display: block; background: #C0B19D url('../images/interface/arrow-down.gif') 2px 2px no-repeat; color: #D30F11; width: 120px; padding: 2px 0px 2px 15px ; }
div.menu .categories li.active .sub-category { display: block; }
div.menu .categories .sub-category li { border: 0px none; }
div.menu .categories .sub-category li a { background: #AD9885; color: black; font-size: 9pt; }
div.menu .categories .sub-category li a:hover { background: #AD9885; color: #D30F11; }
div.menu .categories .sub-category li.active a { color: #D30F11; }


#fade { width: 620px; margin: 0px auto 10px auto; }
#fade li { display: block; width: 148px; height: 148px; float: left; padding-bottom: 1px; padding-right: 1px; }
#fade a { display: block; position: absolute; width: 148px; height: 148px; }
#fade a span { display: none; }
#fade a img { display: block; width: 148px; height: 148px; border: 0px none; }

.news { margin-top: 10px; }
.news li { display: block; position: relative; width: 201px; float: left; margin: 10px 0px; }
.news li.pos-1, .news li.pos-2 { margin-right: 30px; }
.news li.pos-1 { clear: left; }
.news .type { display: block; background: url('../images/interface/news-type.png'); width: 201px; height: 18px; padding-top: 2px; font-size: 10pt; font-weight: bold; text-align: center; }
.news .images { display: block; position: relative; width: 199px; height: 148px; padding: 1px; background: url('../images/interface/news-images.gif') no-repeat; } /* background-color: #ACA59F; */ 
.news .images img { display: block; }
.news .images a { display: block; position: absolute; }
.news .images a.image-0 { left: 1px; top: 1px; }
.news .images a.image-1 { left: 150px; top: 1px; z-index: 10; }
.news .images a.image-2 { left: 150px; top: 50px; border-top: 1px solid #ACA59F; border-bottom: 1px solid #ACA59F; z-index: 20; }
.news .images a.image-3 { left: 150px; bottom: 1px; z-index: 10; }
.news .title-1 { background: url('../images/interface/news-background.png'); padding: 2px 0px 1px 3px; border-left: 1px solid #ACA59F; border-right: 1px solid #ACA59F; }
.news .title-2 { background: #E12422 url('../images/interface/news-title-2.gif') repeat-x; padding: 1px 0px 1px 3px; border-left: 1px solid #ACA59F; border-right: 1px solid #ACA59F; color: white; }
.news .text { background: url('../images/interface/news-background.png'); height: 130px; padding: 2px 3px 2px 3px; border: 1px solid #ACA59F; border-top: 0px none; overflow: auto; text-align: justify; }

.fixe { padding: 10px; background: #ddd5cb url('../images/interface/fixe_dragon.gif') 350px 20px no-repeat; width: 640px; }
.fixe h2 { margin: 10px 0px; text-align: justify; font-weight: bold; color: #D70E11; letter-spacing: 1px; }
.fixe p { margin: 20px 0px; text-align: justify; }
.fixe img { float: left; margin: 0px 10px 10px 0px; }


td.page { width: 750px; padding: 20px 30px; }
td.page .navigation-top { position: relative; width: 660px; height: 21px; margin-bottom: 10px; }
td.page .navigation-top img { display: block; background: url('../images/interface/navigation-top.png') no-repeat; position: absolute; top: 0; left: 0; width: 660px; height: 21px; }
td.page .navigation-top p { position: absolute; left: 5px; top: 2px; text-align: left; color: #54504F; font-size: 10pt; }
td.page .navigation-top a { color: #54504F; font-size: 10pt; }
td.page .navigation-top a span { color: #D30F11; font-size: 10pt; }
td.page .navigation-top a:hover { color: #D30F11; }

td.page .navigation-bottom { position: relative; width: 660px; height: 21px; margin-top: 10px; }
td.page .navigation-bottom img { display: block; background: url('../images/interface/navigation-bottom.png') no-repeat; position: absolute; top: 0; left: 0; width: 660px; height: 21px; }
td.page .navigation-bottom p { position: absolute; right: 5px; top: 2px; text-align: right; color: #54504F; font-size: 10pt; }
td.page .navigation-bottom a { color: #54504F; font-size: 10pt; }
td.page .navigation-bottom a span { color: #D30F11; text-decoration: underline; font-size: 10pt; }
td.page .navigation-bottom a:hover { color: #D30F11; }


td.page table.list { width: 100%; }

td.page ul.categories { }

td.page ul.products { }
td.page ul.products li { position: relative; background: url('../images/interface/products-border.gif') no-repeat; width: 148px; height: 169px; padding: 1px; float: left; margin: 10px 20px 10px 0px; }
td.page ul.products img { display: block; border: 0px none; }
td.page ul.products .enquiry-cart { display: block; position: absolute; width: 22px; height: 22px; left: 0; bottom: 0; }
td.page ul.products .reference { position: absolute; left: 25px; bottom: 4px; font-size: 10pt; color: black; }
td.page ul.products .new { display: block; position: absolute; background: url('../images/interface/products-new.gif'); width: 30px; height: 13px; right: 4px; bottom: 4px; text-align: right; font-size: 3pt; }


td.page div.product { position: relative; width: 678px; height: 450px; }
td.page div.product div.max { position: absolute; background: url('../images/interface/product-max.gif'); width: 340px; height: 361px; left: 0; top: 15px; padding: 1px; }
td.page div.product div.max .enquiry-cart { display: block; position: absolute; width: 22px; height: 22px; left: 0; bottom: 0; }
td.page div.product div.max .reference { position: absolute; left: 26px; bottom: 4px; font-size: 10pt; color: black; }
td.page div.product ul.min { position: absolute; left: 2px; bottom: 11px; width: 342px; }
td.page div.product ul.min li { float: left; padding: 2px; margin-right: 3px; cursor: pointer; }
td.page div.product ul.min li.normal { background: url('../images/interface/product-min-normal.gif') no-repeat; }
td.page div.product ul.min li.active { background: url('../images/interface/product-min-active.gif') no-repeat; }
td.page div.product table.retail { position: absolute; width: 340px; top: 0px; right: 0px; }
td.page div.product table.retail td.top-left { background: url('../images/interface/product-retail-background-t1.png'); width: 18px; }
td.page div.product table.retail td.top-center { background: url('../images/interface/product-retail-background-t2.png'); width: 303px; height: 16px; }
td.page div.product table.retail td.top-right { background: url('../images/interface/product-retail-background-t3.png'); width: 19px; }
td.page div.product table.retail td.left { background: url('../images/interface/product-retail-background-l.png'); width: 18px; }
td.page div.product table.retail td.page { background: #A3A3A3 url('../images/interface/product-gradiant.jpg') repeat-x; width: 303px; padding: 0; }
td.page div.product table.retail td.right { background: url('../images/interface/product-retail-background-r.png'); width: 19px; }
td.page div.product table.retail td.bottom-left { background: url('../images/interface/product-retail-background-b1.png'); width: 18px; }
td.page div.product table.retail td.bottom-center { background: url('../images/interface/product-retail-background-b2.png'); width: 303px; height: 17px; }
td.page div.product table.retail td.bottom-right { background: url('../images/interface/product-retail-background-b3.png'); width: 19px; }

td.page div.product table.retail .top1 { background: #D1CECD url('../images/interface/product-retail-top1.gif') repeat-x; border-bottom: 2px solid #ACA59F; height: 16px; padding: 2px 0px 0px 8px; font-size: 10pt; }
td.page div.product table.retail .top2 { background: #E12424 url('../images/interface/product-retail-top2.gif') repeat-x; height: 13px; color: white; font-size: 8pt; padding: 1px 0px 0px 8px; }
td.page div.product table.retail .description { border-bottom: 1px solid #ACA59F; background: url('../images'); color: white; font-size: 8pt; padding: 5px 5px; }
td.page div.product table.retail .dimension { border-bottom: 1px solid #ACA59F; background: #9C9C9C url('../images/interface/product-retail-size1.gif') repeat-x; height: 15px; font-size: 8pt; padding: 3px 0px 0px 8px; }
td.page div.product table.retail .accessory { border-bottom: 1px solid #ACA59F; color: white; font-size: 8pt; padding: 5px 5px; }
td.page div.product table.retail .packing { border-bottom: 1px solid #ACA59F; color: white; font-size: 8pt; padding: 5px 5px; }
td.page div.product table.retail .finish { border-bottom: 1px solid #ACA59F; background: white; }
td.page div.product table.retail .finish .ul { position: relative; overflow: auto; height: 200px; }
td.page div.product table.retail .finish .li { position: relative; height: 44px; }
td.page div.product table.retail .finish .hide-1 { position: absolute; background: url('../images/interface/product-retail-finish1.png'); width: 100%; height: 44px; left: 0; top: 0; }
td.page div.product table.retail .finish .hide-2 { position: absolute; background: url('../images/interface/product-retail-finish2.png'); width: 100%; height: 44px; left: 0; top: 0; }
td.page div.product table.retail .finish .name { position: absolute; top: 12px; left: 50px; font-size: 10pt; width: 200px; }
td.page div.product table.retail .finish .checkbox { position: absolute; top: 12px; right: 20px; }
td.page div.product table.retail .carton-size { background: #A3A398 url('../images/interface/product-retail-size21.gif') repeat-x; height: 17px; font-size: 8pt; padding: 3px 0px 0px 8px; }
td.page div.product table.retail .others { background: #ACA59F url('../images/interface/product-retail-size22.gif') repeat-x; color: #494041; font-size: 8pt; font-weight: bold; padding: 5px 0px 5px 8px; }
td.page div.product table.retail .enquiry { background: url('../images/interface/product-retail-bottom.gif'); height: 29px; }
td.page div.product table.retail .enquiry .fix { position: relative; height: 29px; }
td.page div.product table.retail .enquiry .doc { display: block; position: absolute; background: url('../images/interface/product-retail-doc.gif'); top: 5px; left: 5px; width: 56px; height: 20px; }
td.page div.product table.retail .enquiry .doc span { display: none; }
td.page div.product table.retail .enquiry .new { display: block; position: absolute; background: url('../images/interface/product-retail-new.gif'); top: 7px; left: 70px; width: 32px; height: 15px; font-size: 5pt; }
td.page div.product table.retail .enquiry .enquiry-cart { display: block; position: absolute; background: url('../images/interface/product-retail-add.gif') right 0px no-repeat; padding: 2px 27px 0 0; right: 5px; top: 5px; width: 150px; height: 21px; text-align: right; color: #696363; font-size: 11pt; }

td.page form.contact { }
td.page form.contact .enquiry-cart { }
td.page form.contact .enquiry-cart .product { position: relative; background: url('../images/interface/enquiry-cart-product.gif'); width: 659px; height: 52px; margin: 2px 0px; }
td.page form.contact .enquiry-cart .product .image { position: absolute; left: 1px; top: 1px; }
td.page form.contact .enquiry-cart .product .name { position: absolute; left: 57px; top: 2px; font-size: 10pt; }
td.page form.contact .enquiry-cart .product .reference { position: absolute; left: 275px; top: 2px; font-size: 10pt; color: white; }
td.page form.contact .enquiry-cart .product .delete { position: absolute; right: 0px; top: 3px; font-weight: bold; color: black; font-size: 8pt; text-align: right; width: 100px; height: 15px; padding-right: 25px; background: url('../images/interface/transparent.gif'); }
td.page form.contact .enquiry-cart .product .finish { padding: 27px 0px 0px 57px; color: #3A3939; }
td.page form.contact .continue { text-align: right; padding: 10px; width: 640px; }
td.page form.contact .continue input { width: 180px; background: #D70E11; color: white; }

td.page form.contact .catalogs { margin-top: 20px; width: 660px; }
td.page form.contact .catalogs .title { background: url('../images/interface/contact-gradiant.png') no-repeat; padding: 2px 0px 0px 5px; width: 420px; height: 17px; color: #54504F; font-size: 10pt; }
td.page form.contact .catalogs .input { border: 1px solid #ACA59F; background: white; padding: 5px 10px; line-height: 25px; font-size: 10pt; }
td.page form.contact .catalogs .input li { float: left; margin-right: 10px; }
td.page form.contact .catalogs .input br { clear: left; }

td.page form.contact .informations { margin: 20px 0px 0px 0px; }
td.page form.contact .informations .title { background: url('../images/interface/contact-gradiant.png') no-repeat; padding: 2px 0px 0px 5px; width: 420px; height: 17px; color: #54504F; font-size: 10pt; }
td.page form.contact .informations .input { border: 1px solid #ACA59F; background: white; width: 660px; }
td.page form.contact .informations .input td { padding: 5px; border-bottom: 1px solid #ACA59F; }
td.page form.contact .informations .input td.submit { border: 0px none; text-align: center; }
td.page form.contact .informations .input input.text,
td.page form.contact .informations .input input.submit { width: 180px; }
td.page form.contact .informations .input input.submit { background: #D70E11; color: white; }
td.page form.contact .informations .input textarea { width: 90%; } 
td.page form.contact .informations .input span { color: red; }
td.page form.contact .informations .input label { color: #54504F; }
td.page form.contact .informations .input .required { color: #54504F; border: 0px none; }

td.page .thanks { border: 1px solid #ACA59F; background: white; width: 630px; margin: 15px 0px; padding: 15px; text-align: center; }


td.page .error { margin: 20px; text-align: center; font-style: italic; font-size: 20pt; }
td.page .address,
td.page .copyright { font-size: 7.5pt; color: #353431; text-align: center; }
td.page .copyright { padding-top: 10px; }
td.page .address a { color: #353431; }
td.page .address a:hover { color: #D30F11; }
td.page .address a span { display: none; }