/* timonerie.css */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #001337;
}
a {color: #91CBE7;}
a:hover {color: #BFEAFF;}
a img {border: 0;}
a, input {outline: none;}
p {margin: 1.5em 0;}
hr {display: none;}


/* header
------------------------------------------------------------ */
div#header {
	position: relative;
	margin: 0 auto;
	width: 968px;
	height: 242px;
	text-align: left;
	background: #093A76 url('/images/header-bg.jpg') 0 0 no-repeat;
}
div#header h1 {
	position: absolute;
	top: 12px;
	left: 39px;
	margin: 0;
	width: 366px;
	height: 0;
	padding-top: 118px;
	overflow: hidden;
}
body.fr div#header h1 {background: transparent url('/images/header-title-fr.jpg') 0 0 no-repeat;}
body.en div#header h1 {background: transparent url('/images/header-title-en.jpg') 0 0 no-repeat;}
ul#menu {
	position: absolute;
	bottom: 0;
	left: 158px;
	margin: 0;
	width: 810px;
	height: 42px;
	padding: 0;
	list-style: none;
}
ul#menu li {
	float: left;
	line-height: 42px;
	padding: 0 15px 0 17px;
	background: transparent url('/images/menu-sep.png') left center no-repeat;
}
ul#menu li.first {
	padding-left: 15px;
	background: none;	
}
ul#menu li a {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F0C97E;
	text-decoration: none;
	text-transform: uppercase;
}
ul#menu li a:hover {color: #FFEBA8;}
div#lang {
	position: absolute;
	right: 0;
	bottom: 13px;
}
div#lang a {margin-left: 3px;}


/* wrapper
------------------------------------------------------------ */
div#wrapper {
	margin: 0 auto;
	width: 968px;
	text-align: left;
	background: transparent url('/images/content-bg.jpg') 0 0 no-repeat;
}


/* sidebar
------------------------------------------------------------ */
div#sidebar {
	position: relative;
	display: inline;
	float: left;
	width: 200px;
	padding: 50px 10px 0 10px;
}
ul#subMenu, ul#subCat {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#subMenu li, ul#subCat li {
	padding: 0;
	line-height: 19px;
}
ul#subCat li {padding-left:15px;}
ul#subMenu li a, ul#subCat li a {
	padding-left: 10px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	background: transparent url('/images/submenu-ico.png') left center no-repeat;
}
form#searchForm {
	margin: 0 0 10px 0;
	padding: 0;
}
form#searchForm input {vertical-align: middle;}
input#searchField {
	margin-right: 5px;
	padding: 3px;
	width: 130px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #3E6FAD;
	background: #fff url('/images/search-bg.png') bottom left repeat-x;	
}


/* main
------------------------------------------------------------ */
div#content {
	position: relative;
	display: inline;
	float: right;
	width: 738px;
	padding: 0;
	padding: 20px 0 0 10px;
}
div#content h2 {
	font-weight: normal;
	font-size: 18px;
	color: #91CBE7;
	margin: 0;
}
div#content img {
	padding: 2px;
	border: 1px solid #245592;
}


#anim {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

/* footer
------------------------------------------------------------ */
div#footer {
	clear: both;
	padding: 30px 0 10px 0;
	color: #3E6FAD;
	width: 100%;
	text-align: center;
	background: #001337 url('/images/footer-bg.png') 0 20px no-repeat;	
}
div#footer p {margin: 0;}





div#nav {
	position: relative;
	margin-top: -20px;
	padding: 0 10px;
	height: 23px;
	line-height: 23px;
	background: transparent url(/images/nav-bg.png) 0 0 no-repeat;
}
div#nav span {color: #F4EAD5;}
div#nav a {
	color: #F9F4EA;
	text-decoration: none;
}
div#nav a:hover {color:#fff;}



/* item-list 
------------------------------------------------------------ */
/* formule pour changer la largeur des thumbs
(226px[li width] + 20px[li margin]) x 3 = 738 <= [content width]
*/
ul#item-list {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#item-list li {
	display: inline;
	float: left;
	padding: 10px;
	width: 226px; /* 220px[image width] + 6px[image border] */
	text-align: center;
}
.itemListImg {
	position: relative;
 	float: left;
 	width: 226px;
 	height: 226px;
	overflow: hidden;
 	text-align: center;
}
ul#item-list li a img {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2px;
	border: 1px solid #245592;
}
ul#item-list li span {
	float: left;
	width: 226px;
	height: 35px;
	padding-top: 5px;
	overflow: hidden;
}
span.sold {
	z-index: 999;
	position: absolute;
	bottom: 10px;
	left: 0;
	height: 21px;
	width: 226px;
	padding: 0;
	float: left;	
}
body.en span.sold {background: transparent url(/images/sold-en.png) center bottom no-repeat;}
body.fr span.sold {background: transparent url(/images/sold-fr.png) center bottom no-repeat;}

/* footer
------------------------------------------------------------ */
div#footer {
	clear: both;
	padding-top: 10px;
	text-align: center;
	font-size: 11px;
}


/* item-header 
------------------------------------------------------------ */
div#item-header {
	position: relative;
	height: 40px;	
	background: transparent url(/images/item-header-bg.png) 0 0 repeat-x;
}
div#item-header h1 {
	position: absolute;
	top: 10px;
	left: 20px;
	margin: 0;
	padding-top: 25px;
	width: 179px;
	height: 0;
	overflow: hidden;
	font-size: 1px;
	background: transparent url(/images/item-header-title.png) 0 0 no-repeat;
}
#item-header-pic {
	position: absolute;
	top: 0;
	right: 0;
}
ul#item-menu {
	position: relative;
	z-index: 9999;
	margin: 0 auto;
	padding: 7px 0 0 0;
	height: 26px; 
	list-style: none;
	text-align: left;
}
body.fr ul#item-menu{width: 489px;} /* 279 (98 + 74 + 77 + 30) + 210 */ 
body.en ul#item-menu {width: 435px;} /* 225 (85 + 57 + 53 + 30) + 210 */
ul#item-menu li {
	float: left;
	margin: 0 5px;
}
ul#item-menu li a {
	display: block;
	height: 0;
	padding-top: 26px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 1px;
}
body.fr ul#item-menu li a#prev {width: 98px; background-image: url(/images/item-menu-fr-prev.png);}
body.fr ul#item-menu li a#back {width: 74px; background-image: url(/images/item-menu-fr-back.png);}
body.fr ul#item-menu li a#next {width: 77px; background-image: url(/images/item-menu-fr-next.png);}
body.en ul#item-menu li a#prev {width: 85px; background-image: url(/images/item-menu-en-prev.png);}
body.en ul#item-menu li a#back {width: 57px; background-image: url(/images/item-menu-en-back.png);}
body.en ul#item-menu li a#next {width: 53px; background-image: url(/images/item-menu-en-next.png);}
ul#item-menu li a:hover {background-position: 0 -26px;}
ul#item-menu li#info a {
	padding-top: 0;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	color: #F8F0E6;
	font-weight: bold;
}


/* item
------------------------------------------------------------ */
div#item {
	margin: 0 auto;
	width: 968px;
	text-align: left;
}
#itemImgWrapper {
	float: left;
	margin: 10px 0 0 0;
	/*background-color: #fff;
	border: 1px solid #E4D7BC;*/
}
div#item-sidebar {
	float: right;
	margin-top: 20px;
	width: 346px;
}
div#item-sidebar h2 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #A5775B;
}
ul.itemData {
	margin: 10px 0;
	padding: 0;
	height: 23px;
	list-style: none;
}
ul.itemData li {
	float: left;
	line-height: 23px;
}
li.itemDataPrice {
	font-weight: bold;
	padding-left: 26px;
/* i	background: transparent url(/images/item-icon-price.png) 0 0 no-repeat; */
}
li.itemDataStatue {
	margin-left: 20px;
	padding-left: 42px;
}

#item-desc {margin: 0;}
div#thumbs {
	/*margin: 10px -10px;*/ 
 	width: 366px; /* (100 + 2) x 3 + 60 */ 
}
.itemImgXS {
	position: relative;
 	float: left;
	margin: 5px;
/*	margin: 10px 0 0 0;*/
/* 	padding-left: 6px;
 	width: 90px;
 	height: 90px;*/
 	overflow: hidden;
}
.itemImgXS img {
	/*position: absolute;*/
	/*bottom: 0;
	left: 0;*/
 	/*border: 1px solid #E4D7BC; 
 	background-color: #fff;*/
}
