* { margin: 0; padding: 0; }

body {
	
	font: 70% Verdana, Tahoma, sans-serif;
	color: #010101;
	background: #FFF url(../images/body.gif) repeat-y;
}

body { behavior:url("/css/csshover.htc"); }

#wrapper { position: relative; width: 850px; }

a { color: #c48b47; }
a:focus { outline: none; }

/* Utilites */

h1 {display: none;}
strong, b {font-weight: bold; color: #ca8b46; }
em, i {font-style: italic;}
small {display: block;}
img, fieldset {border: 0;}

/* ie5 table font size hack */
td, th {
	font-size: .75em;
	font-s\ize: 1em;
	vertical-align: top;
}

.hidden { display: none; }
.visible { display: block; }
.no-back { background: none!important; }

.img-repl { text-indent: -666px; overflow: hidden; display: block; }
.columns { overflow: hidden; zoom: 1; margin-bottom: 1em; }

.w-5  { width: 5%;  }
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }

.f-left { float: left; }
.f-right { float: right; }

.a-left { text-align: left!important; }
.a-right { text-align: right!important; }
.a-center { text-align: center!important; }
.a-middle, .a-middle td { vertical-align: middle; }

.col-2 { float: left; width: 47%; padding-right: 2%; }

input { vertical-align: middle; }

/* Layout */

#header {
	position: relative;
	height: 87px;
	width: 850px;
}
#header-out { border-bottom: 2px solid #c48b47; }

#logo { 
	position: absolute;
	top: 0px; left: 0;
	width: 175px; height: 87px;
	background: url(../images/logo.gif) no-repeat;
}
#header-toolbar {
	float: right;
	right: 1px; bottom: 6px;
	font-size: .9em;
	padding-top: 60px;
}

.custom-form {
	float: left;
	position: relative;
	top: 4px;
	padding-right: 5px;
}
.custom-form-text {
	padding: 0 2px;
	height: 14px; he\ight: 12px; width: 87px;
	font-size: 9px;
	line-height: 9px;
	border: 1px solid #828282; border-width: 1px 0 1px 1px;
	//padding-top: 4px; //he\ight: 8px;
}
.custom-form-button {
	width: 21px; height: 14px;
	border: 1px solid #828282;
	cursor: pointer;
	background: #c48b47 url(../images/search-form-button.gif) no-repeat center center;
}

#header-navigation a { padding: 0 9px; }

#langues { overflow: hidden; zoom: 1; }
#langues a { padding: 0 1px; position: relative; top: 4px; }
#langues a img { border: 1px solid #c48b47; }


#col-left {
	position: absolute;
	left: 0; top: height: 87px;
	width: 175px;
	background: #e8e8e8;
	z-index: 60;
}

.col-content { padding: 18px 10px; }

#menu {
	background: #9c9c9c;
	width: 175px;
}
#menu li {
	padding-left: 10px;
	display: block; zoom: 1; position: relative;
	background: #9c9c9c url(../images/menu-li-2.gif) no-repeat left top;
	list-style: none;
}
#menu li a {
	color: #fff;
	text-decoration: none;
	display: block; zoom: 1; position: relative;
	padding-left: 14px; padding-bottom: 14px; padding-top: 6px;
	background: url(../images/search-form-button.gif) no-repeat left 9px;
}

#menu li:hover { background-color: #a89680; }
#menu a:hover, #menu a.active { color: #000; background: url(../images/black-arrow.gif) no-repeat left 9px; }

#menu li ul {
	display: none; position: absolute;
	top: 0; left: 165px;
	padding-left: 10px;
	width: 165px;
	background: #9c9c9c url(../images/menu-li.gif) repeat-x left top;
}

#menu li ul li { background: #9c9c9c url(../images/menu-li.gif) repeat-x left top; }

#menu li:hover ul ul,
#menu li:hover ul li:hover ul ul { display: none; }

#menu li:hover ul,
#menu li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul { display: block; }

* html #menu li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }

#menu ul ul { left: 155px; }

#content {
	float: left;
	padding-left: 195px; padding-top: 5px; display: inline;
	min-height: 700px; // _height: 700px; // width: 832px; w\idth: 637px;
	background: url(../images/content.jpg) no-repeat right bottom;
	z-index: 50;
	position: relative;
}

.flash { margin-left: 175px; width: 675px; zoom: 1; height: 147px; }

#footer { clear: both; width: 806px; padding: 2px 22px; border-top: 1px solid #c48b47; position: relative; z-index: 90; }

#login-form { position: absolute; top: 10%; left: 50%; margin: 0 0 0 -150px; width: 300px; padding: 10px; background: #E8E8E8; border: 2px solid #c48b47; z-index: 100; }
#login-form-close { position: absolute; right: 5px; top: 5px; text-decoration: none; padding: 1px 5px 3px 5px; border: 1px solid #c48b47; }

.local-nav { clear: both; }
.local-nav a { text-decoration: none; }
.ln-prev { padding-left: 12px; padding-right: 4px; background: url(../images/prev-arrow.gif) no-repeat left center; }
.ln-next { padding-right: 12px; background: url(../images/black-arrow.gif) no-repeat right center; }

/* Content */

.breadcrumbs {
	margin-bottom: .7em; padding-bottom: 1px;
	background: url(../images/h2-custom.gif) repeat-x left bottom;
	font-size: .9em;
}
.breadcrumbs a { text-decoration: none; }
.breadcrumbs .breadcrumbs-links a {
	padding: 0 3px 0 11px;
	background: url(../images/black-arrow.gif) no-repeat left 3px;
}
.breadcrumbs .breadcrumbs-links a.home {
	padding-left: 0;
	background: none;
}
.breadcrumbs p { margin-bottom: 2px!important; }

#content h2 {
	font: normal 18px Arial;
	color: #c4791f;
	margin-bottom: .6em;
	clear: both;
}

#content .columns h2 { background: #fff; }
#content div.h2-custom {
	background: url(../images/h2-custom.gif) repeat-x left 16px;
	overflow: hidden; zoom: 1;
}
#content div.h2-custom h2 { float: left; margin: 0; }

#content h3 { font-size: 11px; color: #ca8b46; margin-bottom: 1em; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }

#content ul, .col-content ul { margin-left: 2em; line-height: 1.3em; }
#content ul li, .col-content ul li { margin-bottom: .2em; }

.col-content ul { margin-left: 1em; }

#content ol { margin-left: 3em; line-height: 1.3em; }
#content ol li { margin-bottom: .2em; }

pre, code { font: 1.2em/1.7 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }

p { overflow: hidden; }

#content p, .col-content p, #content ul, .col-content ul, #content ol, #content table, blockquote, pre, .columns, #content img { margin-bottom: 1em; }
/*	Tables
------------------------------ */

#content table { border-collapse: collapse; width: 100%; border: 1px solid #ccc; }
#content th { background: #f4f4f4; padding: 2px 3px; }
#content td {border-color: #ccc; padding: 2px 3px;}


#content table[border="0"] {border: 0;}
#content table.noborder {border: 0;}

.right-block {
	width: 120px;
	margin: 0 0 1em 1em;
}

.right-block ul { margin-left: 0!important; }
.right-block ul li { list-style: none; padding-left: 11px; background: url(../images/block-right-li.gif) no-repeat left 8px; }
.right-block img { float: none; }

ul.products-list {
	margin-left: 0!important;
	font: normal 14px Arial;
	color: #c4791f;
}

ul.products-list li {
	width: 222px;
	margin-bottom: 1px; padding: 2px 0px 2px 5px;
	list-style: none;
	background: #ececec url(../images/black-arrow.gif) no-repeat 206px 8px;
}

ul.products-list a {
	padding-right: 22px;
	text-decoration: none;
	color: #c4791f;
	display: block; zoom: 1;
}

/* Text align & Float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

.no-margin { margin: 0!important; }
.no-back { background: none!important; }


/* Content Form
------------------------------ */

input { vertical-align: middle }

#content form { padding: .5em 0; width: 400px; }
	#login-form form, .col-2 form { width: auto!important; }
#content fieldset { margin-bottom: 1em; border: none; }
#content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

#content .f-row { overflow: hidden; margin-bottom: .5em; }
#content label {  }
#content .i-text { border: 1px solid #828282; padding: 1px; margin-top: 3px;  }
#content .i-button { border: 1px solid #828282; color: #fff; font-size: .9em; padding: 1px; background: #c48b47; cursor: pointer; }

.f-actions { padding-top: 1em; border-top: 0px solid #ccc; }

.error { border: 1px solid red; padding: 3px; background: #ffb7b7; }

/* Logos */

.logos a { display: block; margin-bottom: 10px; }

/* News Item */

.item { overflow: hidden; zoom: 1; }
.item h3 { margin-bottom: 0!important; }
.item-content { padding: 10px 0 1em 100px }
.item-image { float: left; top: 10px; position: relative; }
.item-short-text { padding: 4px 0; }

/* Product Page */

.product-images { float: left; width: 91px; }
.product-images img { padding-top: 0; }
.product-right-col { float: right; width: 182px; }
.product-description { margin: 0 210px 2em 100px; }

/* Pagination */

.pagination { overflow: hidden; width: 100%; }
.pagination a { text-decoration: none; float: left; }
.pagination a.p-prev { padding: 0 5px 0 12px; background: url(../images/icon-prev.gif) no-repeat left 3px; }
.pagination a.p-next { padding: 0 12px 0 5px; background: url(../images/icon-next.gif) no-repeat right 3px; }


#content table {
	behavior: expression(function(o){
		if (o.border == "0")
			o.className += " noborder"
		o.runtimeStyle.behavior = "none";
	}(this))
}