html, body {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	background: #062A47 url('../images/bg.gif') repeat-x 0% 0%;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

html > body {
	width: auto;
	height: auto;
}

h1 {
	font-size:16px;
}

h2 {font-size:15px;}

h3 {font-size:14px;}

p {
	margin: 15px 10px;
	line-height: 14px;
	padding: 0;
}

label {
	float: left;
	clear: left;
	width: 190px;
	line-height:20px;
}
img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

a {	color: #FFF;}
a:hover {text-decoration: none;}

h1#title {
	width: 223px;
	height: 53px;
	text-indent: -1000px;
	overflow: hidden;
	background: url('../images/logo.gif');
	margin:0;
	padding: 0;
	position: absolute;
	top:0;
	left:0;
}

div#catalogue {
	position:relative;
	width:100%;
	min-height:350px;
  	height:auto !important;
  	height:350px;
}

div#userBarre {
	background: #dcdcdc;
	color: #333;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	padding: 6px 2px;
	width:878px;
}

div#userBarre a {
	color: #333;
	font-weight: bolder;	
}

div#page {
	background: #021323;
	border: 1px solid #FFF;
	width: 850px;
	padding:16px;	
}
div#global {
	width: 884px;
	margin: 30px auto 0 auto;
}

div#produit {
	/*position: absolute;*/
	width:480px;
	text-align:justify;
	/*margin-top:16px;
	margin-left:16px;*/
}

div#produit h3 {
	margin:0;
	padding-left:8px;
	font-size:24px;
	font-weight:normal;
	font-variant : small-caps;
	text-align:left;
}

div#produit p strong {
	font-variant : small-caps;
	font-size:12px;
}

div#sidebar {
	position: absolute;
	top: 8px;
	right: 16px;
	width: 250px;
}

div#taille {
	background: #062a47;
	border:solid 1px #fff;
	margin:16px 15px;
	padding: 8px;
	clear:both;
}

div#prix {
	background: #062a47;
	border:solid 1px #fff;
	padding:16px 16px 16px 8px;
	text-align:right;
	width:120px;
	font-size:20px;
	float:right;
	margin-top: 8px;
	margin-right:8px;
}

div#mignature {width:450px; margin:16px 15px;}
div#mignature div{ 	width: 150px; float: left;}

div#autreProduit {margin: 16px 12px;}
div#autreProduit div{margin-right:16px; text-align:center; float:left;}

div#footer {text-align:center; font-size:10px; clear:both; margin: 8px 0;}
div#footer p {margin:2px 0; padding:0; word-spacing:1px; }

div#header{width:100%; height:53px;position:relative; margin-bottom:10px;}

ul#menu {
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;
	list-style-type:none;
	}

ul#menu li {
	display:block;
	float:left;
	margin: 0 4px;
	padding: 8px 0;
}

ul#menu li a {
	border: solid 1px #fff;
	color: #fff;
	padding:6px 12px;
	text-decoration:none;
}
ul#menu li.home a {background: #564E24;}
ul#menu li.collection a {background: #0b351d;}
ul#menu li.ecommerce a {background: #062a47;}
ul#menu li.partie a {background: #551b53;}
ul#menu li.contact a {background: #86340f;margin-right:0;}
ul#menu li.contact {margin-right: 0;}

ul#menu li a:hover {
	background:#dcdcdc;
	color:#333;
}

/***************** CATALOGUE **************************/
div#listeCategorie {
	position: absolute;
	top: 0px;
	left: 0px;
	width:180px;
	background: #062a47;
	border:solid 1px #fff;
}

div#listeCategorie h3 {
	margin: 8px;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #ffffff;
}

div#listeCategorie ul {
	margin-top: 4px;
	margin-bottom: 16px;
	padding-top: 0;
}


div#listeProduit {
	min-height:740px;
  	height:auto !important;
  	height:740px;
	margin-left: 204px;
}

div#listeProduit h1 {
	margin-top:4px;
}

span.prix, span.detail {
	display: block;
}

span.prix {

}

span.detail {
	float: right;
}

div.produit, div.produit h3, div.produit h4, div.produit p {margin:0; padding:0;}


div.produit {
	position: relative;
	min-height:180px;
  	height:auto !important;
  	height:180px;
	margin-bottom: 16px;
}

div.produit h3 {
	margin:4px 0;
	font-size:24px;
	font-weight:normal;
	font-variant : small-caps;
}

div.produit strong {
	font-variant : small-caps;
	font-size:12px;
}

div.produit h4 {
	margin:4px 0;
	font-size:12px;
	font-weight:bolder;
}

div.produit p {
	margin:4px 0 12px 0 ;
	padding-bottom: 12px;
	border-bottom: solid 1px #fff;
	text-align: justify;
}

div.produit img {

	margin-left:-8px;
}

div.produit div.image img {
	margin:0;
}


div.produit div.info {
	margin-right: 144px;
}

div.produit div.image {
	position: absolute;
	top:0px;
	right:0px;
}

input.style {
	background: #062a47;
	border:solid 1px #fff;
	padding:4px 0;
	text-align:center;
	font-size:12px;
	margin: 8px 0;
	color: #ffffff;
	font-weight: bolder;
}

input.ajouter {
	background: #062a47;
	border:solid 1px #fff;
	padding:4px 0;
	text-align:center;
	width:234px;
	font-size:12px;
	margin: 8px 0;
	color: #ffffff;
	font-weight: bolder;
}

input.payer {
	background: #062a47;
	border:solid 1px #fff;
	padding:4px 0;
	text-align:center;
	font-size:12px;
	margin: 8px 0;
	color: #ffffff;
	font-weight: bolder;
}

ul.errors {
	color:#FF9900;
	margin-left:170px;
	list-style-type:none;
	margin-top:4px;
}

dd {margin-bottom:8px;}

ul#lang {
	float:right;
	padding:0 4px 0 0;
	margin:0;
	list-style-type:none;
}
ul#lang li {
	margin-left:4px;
	display:inline;
}