body {
/*	font-family: trebuchet ms, verdana, arial, tahoma;Verdana*/
	font-family: Verdana;
	font-size: 90%;
	color: #800509;
	background-color: white;
/*	line-height: 180%;*/
	margin: 0;
	padding: 0;
	text-align: center;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 0px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #625250;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

.price{font-size:11px; color:#B30D1C;font:Lucida Calligraphy;}
.prodprice{font-size:11px; color:#B30D1C;font:Lucida Calligraphy;}
.proddescription{font-size:10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:#44479F;}
.tab12{font-size:12px; color:#B30D1C;}
.tit10{font-size:10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:#44479F;}
.smalltext{font-size:10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:#44479F;}
.tab10{font-size:10px; color:#755A5C;font:Lucida Calligraphy;}
.liengris10{font-size:10px;color:#BFBFBF;}
a.liengris10:active, a.liengris10:link, a.liengris10:visited {text-decoration:none;color:#BFBFBF;}
a.liengris10:hover {text-decoration:underline;color:#BFBFBF;}
#txtblk{font-size:9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:##cccccc;}

table.mincart{
	BACKGROUND: #FFFFFF;
	border: 1px solid #D9D5CE;
	/*color: #800509;	
	font-family: Verdana;
	font-size: 80%;*/

}

td.mincart{
	BACKGROUND: #FDF7E4;
	border: 0px;
/*	font-family: Verdana;
	font-size: 80%;
	color: #800509;	*/
}

table.bijoux_fantaisie{
	BACKGROUND: #FFFFFF;
	border: 1px solid #D9D5CE;
	font-family: Verdana;
	font-size: 80%;
	color: #800509;	
}

td.bijoux_fantaisie{
	BACKGROUND: #FDF7E4;
	border: 1px solid #800509;
	font-family: Verdana;
	font-size: 80%;
	color: #800509;	
}


table.cobtbl{
	BACKGROUND: #FFFFFF;
	border: 1px solid #D9D5CE;
	font-family: Verdana;
	font-size: 80%;
	color: #800509;

}

td.cobhl{
	BACKGROUND: #F1F1F1;
	border: 0px solid #800509;
	font-family: Verdana;
	color: #800509;
}

td.cobll{
	BACKGROUND: #FDF8EE;
	border: 0px solid #800509;
	font-family: Verdana;
	color: #800509;
}


table.avis{
	BACKGROUND: #FDF7E4;
	/*border: 1px solid #D9D5CE;*/
	font-family: Verdana;
	font-size: 80%;
	color: #800509;	
}

td.avis{
	BACKGROUND: #FDF7E4;
	/*border: 1px solid #D9D5CE;*/
	font-family: Verdana;
	font-size: 90%;
	color: #800509;	
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 95%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden;  /*no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 80%;
	float: left;
}


#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#8F1F11;
	/*5b8fbe;*/
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

 #menu-top a:hover { 
 	background-position:0% -42px;
}
 #menu-top a:hover span {
 	background-position:100% -42px;
	color:#898888;
}

#wrapper-header {
	background: transparent url('images/bg.gif') top center repeat-x;
}

#menuhaut a {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #ffffff;
}

#menuhaut a:hover {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #FEDD9A;
}

#barre-recherche {
	width: 75%;
	position: absolute;
	left: 5%;
	float: right;
	background: transparent url('images/fond_recherche.gif') top left repeat-x;
/*	background: #898888;*/
	text-align: right;
}

#header {
	background: #ffffff url('images/banner_bijou.jpg') no-repeat center top;
}

#wrapper-header2 {
	background: transparent url('images/bg01-red-left.gif') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('images/bg01-red-right.gif') top right no-repeat;
}



#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 96px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}

#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 35px 5px 14px;
	min-height: 548;
	text-align:left;
}

#content2 {
	background: transparent;
	padding: 16px 0px 5px 10px;
/*	min-width: 130px;*/
/*	text-align:left;*/
	align:center;	
	max-width: 60%;
	font-size: 85%;
/*	padding: 0;*/
	margin: 0;
	height: 100%;
	
}

#contenthomepage{
	position:absolute;
	background: transparent;
	padding: 16px 0px 5px 10px;
	align:center;
	font-size: 85%;
	margin: 0;
	height: 100%;
	width: 100%;
	left: 180px;
	top: 175px;

	
}

#content3 {
	float:right;
	width: 140px;
	margin-top:60px;
	font-size: 75%;
	visibility:visible;
	position: relative;
	z-index:1;

}

#content3_inv {
	float:right;
	width: 140px;
	margin-top:60px;
	font-size: 75%;
	visibility:hidden;
}

#content4 {
	position: absolute;
	left: 200px;
	top: 1100px;
	
/*	background: transparent;*/
/*	float: left;*/
/*	padding: 0px 755px 5px 10px;*/
/*	min-width: 500px;*/
}

#content5 {
	background: transparent;
	padding: 18px 0px 30px 140px;
	min-width: 130px;
}

#content6 {
	position:absolute;
	top:725px; 
	left:111px;
	width: 140px;
	font-size: 75%;
}

#spacer {
	clear: both;
}

table {
	border-width:0px;
	background-color:#FFFFFF;
}

td {
	border-width:0px;
	background-color:#FFFFFF;
	font-size: 11px;
	font-family : Verdana;
}

P {
	font-size: 12px;
	font-family : Verdana;
	background-color: #FFFFFF;	
	}

input, textarea, select {
	font-family: Verdana;
	font-size:10px;
	color:#47535C;
	background-color:#F7F7F7;
}

input[type=submit]:hover {
/*    background : #598F9A;*/
    background : #FFFFFF;
    color : #000000;
}


#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	background: transparent url('images/menu.gif') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	/*color: #5b8fbe;*/
	color: #BE5B64;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	clear: both;
	margin: 5px 0px 0px 17px;
	background-color: #FDF7E4;
	border: 1px solid #ccc;
	font-size: 75%;
	border-bottom: 0;
	
}

h2 { font-size: 110%; }
h3 { font-size: 80%; }
h4 { font-size: 60%; }
h5 {
	font-size: 100%;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	/*color: #BE5B64;*/
	font-weight: bold;
}
h6 {
	font-size: 110%;
	margin: 0 7em 0.3em 0;
	padding: 0px 3px;
	color: #5b8fbe;
	font-weight: bold;
	border: 1px solid #ccc;
	border-left: 0;
	border-top: 0;
    background : #FFFFFF;
	text-align:right;	
}

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

table.quote {
  float: left;
  padding: 8px 0 0 8px;
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #FDF7E4 url(images/quote_top.gif) no-repeat top right;
  border-left: 2px solid #9A2013;
}


table.quote span.bottom {
  float: right;
  width: 20px;
  background: url(images/quote_bottom.gif) no-repeat bottom right;
}


p.quote {
  float: left;
  padding: 8px 0 0 8px;
  margin: 5px 0 20px 5px !important;
  margin: 5px 0 10px 3px;
  background: #FDF7E4 url(images/quote_top.gif) no-repeat top right;
  border-left: 2px solid #9A2013;
}

p.quote span.bottom {
  float: right;
  width: 20px;
  background: url(images/quote_bottom.gif) no-repeat bottom right;
}

td.quote {
background: #FDF7E4;
}
	
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 145px;
padding: 0px;
	float:left;
	margin-left: 0px; 
	margin-top: 18px; 
	margin-right: 10px; 

}

#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:144px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 75%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #8F1F11;
width:145px;
background-color:#FDF7E4;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color:#F1F1F1;
font-weight:bold;
}	





	#contentContainer{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
	}
	#contentContainer p,#contentContainer h1{
		margin-top:0px;
	}
	
	#imageSlideshowHolder{
		margin:5px;	/* "Air" */
		float:right; /* Floating gallery at the right side of other web page content */		
		width:151px;	/* Image width */
		height:100px;	/* Image height */
		
		position:relative;	/* Don't remove this line */
	}

	/* Don't change these values */
	#imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}