/* main.css */
/* (need home.css, stylea.css or styleb.css) */

/* rouget-de-lisle.css */

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222;
	text-align: center;
	background: #fff url('/images/bg-med.jpg') top center no-repeat;
}
a { 
	font-weight: bold;
	color: #BB4444;
	text-decoration: none;
}
a:hover {color: #ee1111;}
a img { border: 0;}
a, input {outline: none;}
p {margin: 1em 0;}
hr {display: none;}


/* wrapper
------------------------------------------------------------ */
div#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}


/* header
------------------------------------------------------------ */
div#header {
	position: relative;
	height: 205px;
}
.home div#header {height: 162px;}
div#header h1  {
	position: absolute;
	top: 54px;
	left: 283px;
	margin: 0;
	width: 378px;
	height: 0;
	padding-top: 108px;
	overflow: hidden;
	background: transparent url('/images/header-title.png') 0 0 no-repeat;
}
div#lang {
	position: absolute;
	right: 180px;
	top: 50px;
}
div#lang a {margin-left: 3px;}
div#headerMenu {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 5px;
	width: 960px;
	text-align: center;
}
form#searchForm {
	margin: 0;
	padding: 10px 0;
}
form#searchForm input {vertical-align: middle;}
input#searchField {
	margin-right: 5px;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color: #556677;
	background: #fff url('img/search-field-bg.png') 0 0 repeat-x;
	border: 0;
	border-bottom: 1px solid #D3D5D7;	
}

/* main
------------------------------------------------------------ */
div#main {
	position: relative;
	float: left;
	width: 960px;
	padding: 30px 0;
}
.home div#main {padding: 10px 0;}
div#main h2 {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #992222;
}
div#content {
	display: inline;
	float: right;
	margin-right: 30px;
	width: 650px;
}
div#content h2 {text-align: left;}
div#sidebar {
	float: left;
	width: 250px;
}
div#sidebar.pics a {
	float: right;
	margin: 10px 0;
}
div#sidebar.pics img, img.pic {
	padding: 1px;
	background-color: #fff;
	border: 1px solid #DAD4CD;
}
div#anim {
	margin: 0 auto;
	text-align: center;
}

/* catMenu (menu des rubriques du catalogues)
------------------------------------------------------------ */
ul#catMenu {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	list-style: none;
}
.home ul#catMenu {
	float: none;
	position: absolute;
	top: 130px;
	right: 710px;
} 
ul#catMenu li {
	padding: 0.3em 0;
	font-size: 13px;
	text-align: right;
}
.toggler, .cat {
	padding-bottom: 0.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #992222;
	cursor: pointer;
}
ul#catMenu li ul.subCat {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#catMenu li ul.subCat li {
	padding: 0 0 0.2em 0;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}


/* footer
------------------------------------------------------------ */
div#footer {
	clear: both;
	padding-bottom: 20px;
	text-align: center;
	font-size: 11px;
	color: #AB8168;
}
div#footer p {margin: 0.75em 0 0 0;}


/* menu
------------------------------------------------------------ */
ul.menu {
	display: inline;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
	background: transparent url('/images/menu-bg.png') bottom left repeat-x;
}
ul.menu li {
	display: inline;
	padding: 0 0 0 15px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url('/images/menu-sep.png') 3px 6px no-repeat;
}
ul.menu li.first {
	padding-left: 0;
	background: none;
}

/*stylea.css*/
ul#navPath {
	margin: 0 0 20px 0;
	padding: 0;
	height: 23px;
	list-style: none;
	background: transparent url('../images/main-navpath-bg.png') 0 0 no-repeat;
}
ul#navPath li {
	float: left;
	padding: 0 5px 0 11px;
	line-height: 23px;
	font-size: 12px;
	background: transparent url('../images/main-navpath-icon.png') 0 8px no-repeat;
}
ul#navPath li.first {padding-left: 10px; background: none;}
ul#navPath li a {
	padding-bottom: 1px;
	color: #fff;
}
ul#navPath li a:hover {border-bottom: 1px solid #556F78;}

/* UPDATE NAV start here */
ul.nav {
	display: inline;
	float: left;
	margin: 0 30px 10px 30px;
	padding: 0;
	list-style: none;
}
ul.nav li {
	display: inline;
	float: left;
	height: 28px;
	line-height: 28px;
}
ul.nav li a {
	font-size: 12px;
	color: #44A0C2;
	font-weight: bold;
}
ul.nav li a:hover {border-bottom: 1px solid #D1A35E;}
ul.nav li.navPrev {
	margin-right: 20px;
	padding-left: 13px;
	background: transparent url('../images/nav-prev.png') 0 50% no-repeat;
}
ul.nav li.navPrev2 {
  margin-right: 20px;
  padding-left: 13px;
  width: 75px;
  background: transparent;
}
ul.nav li.navNext {
	padding-right: 13px;
	background: transparent url('../images/nav-next.png') 100% 50% no-repeat;
}
ul.nav li.navItemSlideshow {
	float: right;
	padding-left: 31px;
	background: transparent url('../images/nav-item-slideshow.png') 0 0 no-repeat;
}
/* UPDATE NAV end here */


/* itemList
------------------------------ */
div.itemList {
	display: inline;
	width: 682px; /* 700-18*/
	padding-left: 18px;
	float: left;
}
div.item {
	display: inline;
	float: left;
	padding: 0 10px 20px 10px;
	width: 146px; /* 146 -> 2|1|140|1|2 */
}
div.item a.itemImg {
	display: block;
	padding: 1px;
	width: 140px;
	height: 105px;
	border: 2px solid #DCD5CB;
	background-color: #DCD5CB;
}
div.item a:hover.itemImg {border-color: #D1A35E;}
div.item h4 {
	margin: 0;
	padding: 5px 0 2px 0;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #44A0C2;
}
div.item h4 a {color: #44A0C2;}
div.item h4 a:hover {border-bottom: 1px solid #D1A35E;}
ul.itemData {
	margin: 0;
	padding: 0;
	height: 28px;
	list-style: none;
	background: transparent url('../images/itemlist-data-bg.png') left bottom repeat-x;
}
ul.itemData li {
	margin-top: 5px;
	line-height: 18px;
	font-size: 11px;
}
li.itemDataPrice {
	display: inline;
	float: left;
	margin-left: 7px;
	padding-left: 19px;
	font-weight: bold;
	background: transparent url('../images/itemlist-data-icon-price.png') left center no-repeat;
}
li.itemDataStatue {
	display: inline;
	float: right;
	margin-right: 3px; 
	padding-top: 18px;
	height: 0;
	width: 33px;
	overflow: hidden;
}
li.ids1 {background: transparent url('../images/itemlist-data-icon-statue1.png') 0 0 no-repeat;} /* in stock */
li.ids2 {background: transparent url('../images/itemlist-data-icon-statue2.png') 0 0 no-repeat;} /* reserved */
li.ids3 {background: transparent url('../images/itemlist-data-icon-statue3.png') 0 0 no-repeat;} /* sold */