body {
margin: 0;/* sans marges, la page sera collée aux bords */
padding: 0;
font-size: 12px; /* on définit la taille de police de base dans la page */
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
text-align: center;
BACKGROUND-IMAGE:  url(/images/back.gif);

           scrollbar-3d-light-color:#999999;
           scrollbar-arrow-color:#640000;
           scrollbar-base-color:black;
           scrollbar-dark-shadow-color:#333333;
           scrollbar-face-color:#dcdcdc;
           scrollbar-highlight-color:#999999;
           scrollbar-shadow-color:black;
}

.principal {
margin: 0 auto;
width: 980px;
text-align: left;
background-color: #FFFFFF;
border: 1px solid #060C6F;
/*
 margin-left: auto;
 margin-right: auto;
 width: 70%;
 background-color: #FFFFFF;
 text-align: left;
 */
}
.head1 {
background-image: url('/images/bandeau.jpg');
width: 980px;
height: 160px;
}

.head2 {
width: 980px;
height: 36px;
} 

/* catMenu (menu des rubriques du catalogues)
------------------------------------------------------------ */
ul#titleMenu {
	float: center;
	/*text-transform: uppercase;*/
	margin: 0;
	padding: 0;
	width: 250px;
	list-style: none;
}
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;
}


.logo {
float: right; /* alignement du logo à droite */
margin-right: 0px;  /* placement du logo dans son conteneur, head1 */
margin-top: 0px;
border: 0;
}



h1 {
    color:#FFFFFF;
    font-size:110%;
    padding-top: 5px;
    padding-left: 5px;
}


h2	{
font-size: 100%;
text-align: right;
}
ul,li {
/*list-style-type: none; /* pour ne pas avoir de puces */
margin: 15;
padding:0;
line-height: 25px; /* interligne */
font-weight: bold;
color: #626c8a;
text-decoration: none;
link-decoration: none;
}
.menuhaut {
float: right; /* on aligne le menu vertical à droite de son conteneur, head3 */
width: 980px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #626c8a;

}

.menuhaut a {
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 20px; /* espacement entre chaque sous-menu */
}

.roueMenu { /* on définit un conteneur pour le menu */
position: relative;
/*margin-top: 10px;*/
width: 250px;
/*border: 1px solid #060C6F;*/
/*background-image: url(/images/h1.gif);*/
background-repeat: no-repeat; 
font-family: verdana, arial; 
color: #626c8a;
text-align: left;
clear:both;
}
.roueMenu a {
font-size: 13px;
font-weight: bold;
color: #626c8a;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 5px; /* espacement entre chaque sous-menu */
}


div.homeContent {
	display: inline;
	float:center;
	width: 682px;
	padding-left: 25px;
	float: left;
	text-align: center;
}

.roueAccueilConteneur { /* on définit un conteneur pour le menu */

	display: inline;
	vertical-align: bottom;
	float: left;
	padding: 0 10px 10px 10px;
	margin :  5px 5px 5px 5px;
	width: 180px;
	border: 1px solid #060C6F;
	/*
position: relative;
margin-top: 30px;
width: 180px;
border: 1px solid #060C6F;
background-image: url(/images/h1.gif);
background-repeat: no-repeat; */
font-family: verdana, arial;
}


.roueAccueil { /* on définit un conteneur pour le menu */

position: relative;
/*margin-top: 30px; */
width: 180px;
height: 60px;
/*border: 1px solid #060C6F;*/
background-image: url(/images/h1.gif);
background-repeat: no-repeat; 
font-family: verdana, arial;
}


.roueAccueil a {
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 3px; /* espacement entre chaque sous-menu */
}


div#main {
	position: relative;
	float: left;
	width: 980px;
	padding: 5px 5px;
	
	background: transparent url('/images/content-bg.png') 0 0 repeat-y;
}
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: 10px;
	width: 700px;
	}
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;
}


form#search {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}
form#search input, form#search img {vertical-align: middle;}
input#searchField {
	margin: 0;
	padding: 5px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #556F78;
	border: 0;
	border-bottom: 1px solid #DCD5CB;
	background: #fff url('/images/search-field-bg.png') 0 0 repeat-x;	
}
input#query {
  margin: 0;
  padding: 5px;
  width: 140px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #556F78;
  border: 0;
  border-bottom: 1px solid #DCD5CB;
  background: #fff url('/images/search-field-bg.png') 0 0 repeat-x; 
}
input#searchButton {
vertical-align: middle;
  border-bottom: 1px solid #DCD5CB;
}


.nomProduct {
position: absolute;
float: center; /* on place le bloc gauche à gauche en position absolue */
margin-top: 10px;
width: 560px;
background-color: #626c8a;

}
.foot {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #060C6F;

background-color: #626c8a;
}

.foot a {
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 5px; /* espacement entre chaque sous-menu */


} 
.categoriesAccueil {
	FONT-SIZE: 11px; COLOR: #485478; FONT-FAMILY: Arial, Helvetica, sans-serif
}

A:active {
	COLOR: #ffcc00
}
A:hover {
	COLOR: #ff9900
}


/* itemList
------------------------------ */
div.itemList {
	display: inline;
	float:center;
	width: 682px; /* 700-18*/
	padding-left: 18px;
	float: left;
}
div.item {
	display: inline;
	vertical-align: bottom;
	float: left;
	padding: 0 10px 20px 10px;
	width: 185px; /* 146 -> 2|1|150|1|2 */
	
}

div.item a.itemImg {
	display: block;
	padding: 1px;
	width: 150px;
	border: 2px solid #DCD5CB;
	border-color: #DCD5CB;
	background-color: #DCD5CB;
}
a img {border:0;}

/*
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 */

ul#menuPath {
	margin: 0 0 20px 0;
	padding: 0;
	width: 245px;
	height: 23px;
	list-style: none;
	background-color: #626c8a;
}


ul#menuPath 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#menuPath li.first {padding-left: 10px; background: none;}
ul#menuPath li a {
	padding-bottom: 1px;
	color: #fff;
}
ul#menuPath li a:hover {border-bottom: 1px solid #556F78;}

ul#navPath {
	margin: 0 0 20px 0;
	padding: 0;
	width: 700px;
	height: 23px;
	list-style: none;
	
background-color: #626c8a;
}
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;}




ul#subCatList li {
	display: inline;
	list-style: none;
	float: center;
	padding: 0 5px 0 11px;
	line-height: 23px;
	font-size: 12px;
}
ul#subCatList li a {
	padding-bottom: 1px;
	color: #626c8a;
}
ul#subCatList 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;
}


/* sidebar
------------------------------ */
div#sidebar {
  margin: 0 0 0 5px;
}
ul#jzCatMenu {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#jzCatMenu li {
  padding: 0 0 0 11px;
  line-height: 22px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
  font-weight: bold;
  background: transparent url('../images/sidebar-menu-icon.png') 0 7px no-repeat;
}
ul#jzCatMenu li a {color: #D1A35E;}
ul#jzCatMenu li a:hover {color: #A5775B;}