/* tetelin.css */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #F4EAD5;
}
a {color:#CF2D1B;}
a:hover {color: #FF0000;}
a img {border: 0;	text-align:center;}
a, input {outline: none;}
p {margin: 1em 0;}
hr {display: none;}

/* header
------------------------------------------------------------ */
div#header {
	position: relative;
	height: 131px;	
	background: transparent url(/images/header-bg.png) 0 0 repeat-x;
}
div#header h1 {
	position: absolute;
	top: 18px;
	left: 20px;
	margin: 0;
	height: 0;
	padding-top: 75px;
	overflow: hidden;
	font-size: 1px;
}
body.fr div#header h1 {width: 292px;background: transparent url(/images/header-title-fr.png) 0 0 no-repeat;}
body.en div#header h1 {width: 244px;background: transparent url(/images/header-title-en.png) 0 0 no-repeat;}
#anim {
	position: absolute;
	top: 0;
	right: 0;
	width: 450px;
	height: 100px;
}
ul#menu {
	margin: 0 auto;
	width: 778px; /* 968 - 190 */
	padding: 100px 0 0 190px;
	list-style: none;
	text-align: left;
}
ul#menu li {
	float: left;
	padding: 0 10px 0 11px;
	line-height: 30px;
	background: transparent url(/images/menu-sep.png) left center no-repeat;
}
ul#menu li.nosep {
	background: none;
	padding-left: 0;
}
ul#menu li a {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #9A0000;
}
ul#menu li a:hover {color: #CF2D1B;}


/* wrapper
------------------------------------------------------------ */
div#wrapper {
	margin: 0 auto;
	width: 968px;
}


/* sidebar
------------------------------------------------------------ */
div#sidebar {
	display: inline;
	float: left;
	margin-top: 10px;
	width: 170px;
	text-align: left;
}
div#lang {
	margin-bottom: 8px;
	height: 32px;
	text-align: center;
}
div#lang a {margin: 0 3px;}
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 #E4D7BC;	
}
ul#cat-list {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
	line-height: 19px;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	background: transparent url(/images/cat-list-bg.png) 0 0 no-repeat;
}
ul#cat-list li a {text-decoration: none;}


/* content
------------------------------------------------------------ */
div#content {
	float: right;
	margin: 20px 0;
	width: 778px;
	text-align: left;
}
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
(246px[li width] + 20px[li margin]) x 3 = 798 <= 778 [content width] */
ul#item-list {
	float: left;
	margin: 10px -10px;
	padding: 0;
	list-style: none;
	text-align:center;
}
ul#item-list li {
	display: inline;
	float: left;
	padding: 10px;
	width: 246px; /* 244px[image width] + 2px[image border] */
	text-align: center;
	font-weight: bold;
	color: black;
	font-family: Bold, 13Px, Georgia, "Times New Roman", Times;
}

ul#item-list a:link{text-decoration:none;color:black;}
ul#item-list a:hover{text-decoration:none;color:black;}
ul#item-list a:visited{text-decoration:none;color:black;}

.itemListImg {
	position: relative;
 	float: left;
 	width: 246px;
 	height: 246px;
	overflow: hidden;
 	text-align: center;
}

ul#item-list li a img {
	position: absolute;
	bottom: 0;
	left: auto;
	right: auto;
	background-color: #fff;
	border: 1px solid #E4D7BC;
	text-align:center;
}


ul#item-list li span {
	float: left;
	width: 246px;
	height: 35px;
	padding-top: 5px;
	overflow: hidden;	
}

span.sold {
	z-index: 999;
	position: absolute;
	bottom: 10px;
	left: 0;
	height: 21px;
	width: 246px;
	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;}

span.reserved {
	z-index: 999;
	position: absolute;
	bottom: 10px;
	left: 0;
	height: 21px;
	width: 246px;
	padding: 0;
	float: left;	
}
body.en span.reserved {background: transparent url(/images/reserved-en.png) center bottom no-repeat;}
body.fr span.reserved {background: transparent url(/images/reserved-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#prev {width: 98px;}
body.fr ul#item-menu li#back {width: 74px;}
body.fr ul#item-menu li#next {width: 77px;}
body.en ul#item-menu li#prev {width: 85px;}
body.en ul#item-menu li#back {width: 57px;}
body.en ul#item-menu li#next {width: 53px;}
body.fr ul#item-menu li#prev a {width: 98px; background-image:url(/images/item-menu-fr-prev.png);}
body.fr ul#item-menu li#back a {width: 74px; background-image:url(/images/item-menu-fr-back.png);}
body.fr ul#item-menu li#next a {width: 77px; background-image:url(/images/item-menu-fr-next.png);}
body.en ul#item-menu li#prev a {width: 85px; background-image:url(/images/item-menu-en-prev.png);}
body.en ul#item-menu li#back a {width: 57px; background-image:url(/images/item-menu-en-back.png);}
body.en ul#item-menu li#next a {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: 20px 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;
	background: transparent url(/images/item-icon-price.png) 0 0 no-repeat;
}
li.itemDataStatue {
	margin-left: 20px;
	padding-left: 42px;
}
.ids1 {background: transparent url(/images/item-icon-statue1.png) 0 0 no-repeat;} /* in stock */
.ids2 {background: transparent url(/images/item-icon-statue2.png) 0 0 no-repeat;} /* reserved */
.ids3 {background: transparent url(/images/item-icon-statue3.png) 0 0 no-repeat;} /* sold */
#item-desc {margin: 0;}
div#thumbs {
	margin: 10px -10px; 
 	width: 366px; /* (100 + 2) x 3 + 60 */ 
}
.itemImgXS {
	position: relative;
 	float: left;
 	margin: 10px;
 	width: 100px;
 	height: 100px;
 	/*overflow: hidden;*/
	text-align:center;
}
.itemImgXS img {
/*	position: absolute;
	bottom: 0;
	left: auto;
	right:auto;*/
	text-align:center;
 	border: 1px solid #E4D7BC; 
 	background-color: #fff;
}