html {
	scrollbar-face-color: #eeeeee;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #660000;
}

body {
	float:left;
	width:100%;
	clear:both;
	background:#4a3d38 url('background.gif') repeat;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	padding:0;
	margin:0;
	margin-bottom:5px;
	color:#333333;
}

input, select, textarea {
	font-family:Tahoma;
	font-size:10pt;
	color:#000;
	background:#fff;
}

input, textarea {
	border: 1px solid #cccccc;
}
*>input, *>textarea {
	border-color : #333;
}

input {
	cursor:pointer;
}

.trans {
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.transno {
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
}

.creation {
	width:150px;
	margin:2px;
}

p {
	text-align:justify;
}

.email {unicode-bidi:bidi-override; direction: rtl;}

/************************ liens txt ****************************/

a {
	text-decoration:underline;
	color: #000;
}

a:visited {
	text-decoration:underline;
	color: #000;
}

a:active {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration:none;
	color: #333333;
}

/************************* structure site ****************************/
#main {
	width:1000px;
	margin:auto;
}

#top {
	float:left;
	width:100%;
	clear:both;
	background:url('top.jpg') top center no-repeat;
	position:relative;
	height:173px;
	margin-top:20px;
}

#panier {
	position:absolute;
	top:-20px;
	right:36px;
	width:150px;
	height:150px;
	background:#fffbec url('bottom_panier.gif') center bottom no-repeat;
	text-align:center;
}

#panier div.titre_compte {
	width:150px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
}

#panier div.contenu_compte {
	width:130px;
	font-size:9px;
	color:#330000;
	margin:10px;
}

#compte {
	position:absolute;
	top:-20px;
	right:200px;
	width:150px;
	height:150px;
	background:#fffbec url('bottom_panier.gif') center bottom no-repeat;
	text-align:center;
}

#compte div.titre_compte {
	width:150px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
}

#compte div.contenu_compte {
	width:130px;
	font-size:9px;
	color:#330000;
	margin:10px;
	_margin:5px;
	margin-top:0;
	text-align:left;
}

#cartepaiement {
	position:absolute;
	top:-20px;
	left:245px;
	width:162px;
	height:156px;
	background:url('paiement.gif') center top no-repeat;
	text-align:center;
}

#menu {
	position:absolute;
	bottom:1px;
	/*right:40px;*/
	left:244px;
	/*width:570px;*/
}

#menu ul {
	padding:0px;
	margin:0px;
	text-align:left;
	list-style-type:none;
	width:100%;
}

#menu li {
	width:100px;
	height:36px;
	text-align:center;
	list-style-type:none;
	float:left;
	text-transform:uppercase;
	margin-right:10px;
	letter-spacing:-1px;
}

#menu li.coffrets {
	width:120px;
}

#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#333333;
	width:100%;
	height:100%;
	display:block;
	_display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
}

#menu a:hover, #menu a.active {
	color: #ffffff;
	background-color:#4a3d38;
	text-decoration:none;
}

#menu div{
	padding-top:12px;
}

#content {
	float:left;
	clear:both;
	width:100%;
	position:relative;
	background:url('content_top.gif') no-repeat top center;
}

#sideleft {
	float:left;
	width:354px;
	min-height:300px;
	_height:300px;
}

#php {
	float:right;
	text-align:justify;
	width:846px;
	_width:846px;
	margin-right:36px;
	_margin-right:18px;
	_padding-right:0px;
	background:#fffbec url('content_top.jpg') -118px 0px no-repeat;
	padding-bottom:10px;
	min-height:370px;
	_height:370px;
}

#php div.middle {
	float:right;
	text-align:justify;
	width:720px;
	margin-top:10px;
}

#php div.bottom {
	float:left;
	text-align:justify;
	width:500px;
	margin-top:10px;
}

#php div.bottom div.titre {
	float:left;
	width:500px;
	height:40px;
}

/********************BLOC BAS DE PAGE*******************************/

#php div.bottom div.marginleft {margin-left:10px;}
#php div.bottom div.bloc {
	float:left;
	width:160px;
	height:160px;
	background:url('bg_bloc.gif') no-repeat;
}

#php div.bottom div.bloc div.photo {
	float:left;
	margin:10px;
	width:140px;
	height:110px;
}

#php div.bottom div.bloc div.descriptif {
	float:left;
	width:140px;
	padding-right:10px;
	padding-left:10px;
	font-size:10px;
	text-align:center;
}

/*******************************************************************/

#php div.right {
	float:right;
	text-align:justify;
	width:170px;
	margin-right:20px;
	_margin-right:10px;
}

#php div.right div.titre_recherche {
	float:left;
	width:170px;
	margin-top:10px;
	background:url('titre_rechercher.gif') no-repeat;
	height:25px;
}

#php div.right div.titre_recommandation {
	float:left;
	width:170px;
	/*margin-top:10px;*/
	background:url('titre_recommandation.gif') no-repeat;
	height:25px;
}

#php div.right div.titre_ventes {
	float:left;
	width:170px;
	margin-top:10px;
	background:url('titre_ventes.gif') no-repeat;
	height:25px;
}

#php div.right div.content_side {
	float:left;
	text-align:justify;
	width:170px;
	background:url('sideright_content.gif') repeat-y center;
}

#php div.right div.content_side div.side_photo {
	float:left;
	width:140px;
	height:140px;
	margin:15px;
	_margin:0px;
	_padding:15px;
}

#php div.right div.content_side div.side_descriptif {
	float:left;
	text-align:center;
	font-size:10px;
	width:140px;
	padding-left:15px;
	padding-right:15px;
}

#php div.right div.bottom_side {
	float:left;
	width:170px;
	background:url('sideright_bottom.gif') no-repeat;
	height:17px;
}

#footer {
	float:left;
	width:100%;
	clear:both;
	color:#000;
	position:relative;
	background:url('bottom.gif') 118px 0px no-repeat;
	height:37px;
	text-align:left;
	font-size:9px;
}

#footer div.infos {
	width:520px;
	position:absolute;
	bottom:8px;
	right:80px;
	text-align:left;
	
}

#footer a {
	color:#000
	text-decoration:underline;
}

#footer a:hover{
	color: #333333;
}

/******************menu side***************************/

#menu_side {
	position:absolute;
	top:0px;
	left:26px;
	width:195px;
	z-index:1;
}

#menu_side div.titre {
	float:left;
	width:195px;
	background: url('menu_side_titre.gif') top center no-repeat;
	height:123px;
}


#menu_side ul {
	padding:0px;
	margin:0px;
	text-align:left;
	list-style-type:none;
	width:195px;
	float:left;
	background:#6c6749 url('menu_side.gif') 0px -123px no-repeat;
}

#menu_side li {
	width:195px;
	height:20px;
	text-align:left;
	list-style-type:none;
	float:left;
	text-transform:uppercase;
	padding-right:0px;
	letter-spacing:-1px;
}

#menu_side a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	width:195px;
	height:20px;
	display:block;
	_display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
}

#menu_side a:hover, #menu_side a.active {
	color: #ffffff;
	background-color:#4a3d38;
	text-decoration:none;
}

#menu_side ul div {
	padding-top:3px;
	padding-left:20px;
}

#menu_side div.bottom {
	width:195px;
	height:61px;
	float:left;
}

/****************************************************/

#contenu {
	float:left;
	width:500px;
}

#contenu div.gauche {
	float:left;
	width:180px;
	height:200px;
}

#contenu div.droite {
	float:right;
	width:300px;
}

/*#contenu div.droite div.titre {
	float:left;
	width:300px;
	height:40px;
}

#contenu div.droite div.texte {
	float:left;
	width:300px;
	text-align:justify;
}*/

div.titreaccueil {
	float:left;
	width:100%;
	height:40px;
	margin-top:10px;
}

div.texteaccueil {
	float:left;
	width:100%;
	text-align:justify;
}


/**********************FAMILLE***********************/

.titre_page {
	 float:left;
	 width:720px;
}

.bg_famille {
	width:225px;
	height:180px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	background:url('bg_famille.gif') no-repeat;
	position:relative;
}

.bg_famille div.bg_img {
	width:91px;
	height:172px;
	float:left;
	padding-top:4px;
	padding-left:4px;
	
}

.bg_famille div.textform {
	width:120px;
	float:left;
}

.bg_famille div.textform div.title {
	margin:10px;
	_margin:0px;
	_padding:10px;
	font-weight:bold;
	text-align:left;
}

.bg_famille div.textform ul {
	width:110px;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	margin-left:10px;
	_margin-left:0px;
	_padding-left:10px;
}

.bg_famille div.textform li{
	width:120px;
	float:left;
	margin-top:4px;
	font-size:11px;
}

.bg_famille div.suite {
	position:absolute;
	right:4px;
	bottom:4px;
	width:100px;
	height:20px;
	background:url('suite.gif') no-repeat;
}

.bg_famille div.suite a {
	display:block;
	width:100px;
	height:20px;
}

.bg_famille div.suite a:hover {
	background:url('suite_hover.gif') no-repeat;
}


/****************************************************/

.produit {
	width:700px;
	float:left;
}

.produit div.topproduit {
	width:700px; height:62px;
	background:url('top_produit.gif') no-repeat;
	float:left;
}

.produit div.topproduit div.nomproduit{
	float:left;
	margin-left:20px;
	margin-top:20px; 
	font-size:24px; 
	color:#321f17; 
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:-1px;
	line-height:18px;
	width:430px;
}

.produit div.topproduit div.prixproduit {
	 float:right;
	 padding-right:50px; 
	 padding-top:15px; 
	 font-size:32px; 
	 color:#FFFFFF; 
	 font-family:'Times New Roman', Times, serif;
}

.produit div.topproduit div.prixproduit sup {
	font-size:10px;
}

.produit div.contentproduit {
	width:700px;
	background:url('content_produit.gif') repeat-y center;
	float:left;
}

.produit div.contentproduit div.img {
	width:260px; /*height:260px;
	background:#333333;*/
	float:left;
	margin:10px;
	position:relative;
}

.produit div.contentproduit div.txt {
	width:350px;
	float:left;
	margin-left:30px;
	margin-top:10px;
}

.produit div.bottomproduit {
	width:700px; height:42px;
	background:url('bottom_produit.gif') no-repeat bottom;
	float:left;
}

/************************** SOUSFAMILLE ************************/

.sfamille {
	float:left;
	width:692px;
	border:4px solid #321f16; 
	background:url('bg_sousfamille.gif') repeat-y center;
}

.sfamille div.simg {
	width:91px;
	min-height:172px;
	_height:172px;
	float:left;
	position:relative;
}

.sfamille div.spresentation {
	width:350px;
	float:left;
}

.sfamille div.spresentation div.stitre {
	margin-top:10px;
	margin-left:10px;
	float:left;
	width:340px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:24px;
	font-weight:bold;
}

.sfamille div.spresentation div.stitre a {
	text-decoration:none;
}

.sfamille div.spresentation div.stexte {
	margin:10px;
	float:left;
	padding-bottom:20px;
	_margin:0;
	_padding:10px;
	width:100%;
	_width:341px;
}

.sfamille div.spresentation div.stexte div.link {
	padding:4px 4px;
}

.sfamille div.spresentation div.stexte div.link.active {
	font-weight:bold;
	background:#6b6648;
}

.sfamille div.spresentation div.stexte div.link.active a {
	color:#fff;
}

.sfamille div.spresentation div.stexte p {
	margin:0px;
	padding:0px
}

.sfamille div.liste {
	width:250px;
	_width:240px;
	float:left;
}

.sfamille div.liste ul {
	margin-top:10px;
	margin-bottom:10px;
	list-style-type:square;
}

.sfamille div.liste li {
	color:#fff;
	padding-bottom:5px;
	text-align:left;
}

.sfamille div.liste li a {	
	color:#fff;
}

.sfamille div.liste li a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

kbd {
	padding:0px 2px 0px 2px;
	border-width:1px 2px 2px 1px;
	border-style:solid;
	border-color:#edd #baa #baa #eed;
	background:#faf6f6;
	color:#000000;
}

/* VIGNETTE */
div.vignette {
	float:left;
	width:130px;
	height:180px;
	margin-right:8px;
	margin-bottom:8px;
	text-align:center;
	/*overflow:hidden;*/
	border:1px solid #eee;
	background:#fff;
	
	position:relative;
}

div.vignette div.stock {
	position:absolute;
	width:47px; height:20px;
	top:-4px; left:-4px;
	background:url('enstock.gif') no-repeat;
}

div.vignette div.nom_produit {
	overflow:hidden;
	height:40px;
}

div.vignette div.margin {
	margin:4px;
}

div.vignette b.prix {
	color:#cc0000;
	font-size:14px;
	font-family:Georgia;
}

div.vignette div.promo {
	position:absolute;
	width:40px; height:40px;
	background:url('promo.gif') no-repeat;
	
	right:-5px; top:-5px;
}

/* PRODUIT ACCUEIL */
div.rand {
	float:left;
	width:492px;
	height:150px;
	border:4px solid #f0f0f0;
	background:url('promo_bg.gif') top no-repeat;
	position:relative;
}

div.rand div.img {
	float:left;
	width:150px;
}

div.rand div.promo {
	position:absolute;
	width:40px; height:40px;
	background:url('promo.gif') no-repeat;
	
	right:-10px; top:-10px;
}

div.rand div.infos {
	float:left;
	margin-left:20px;
	width:300px;
	margin-top:10px;
}

div.rand div.infos h1 {
	overflow:hidden;
	height:24px;
	margin:0; padding:0;
	text-align:left;
}

div.rand div.infos p {
	overflow:hidden;
	height:44px;
	margin:0; padding:0;
	padding-top:20px;
}

div.rand div.prix {
	position:absolute;
	right:-10px;
	bottom:-10px;
	width:120px;
	height:50px;
	background:url('bg_prix.gif') top no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

div.rand div.prix div {
	margin-top:15px;
	text-align:center;
}

input.ok {
	width:21px;
	height:21px;
	background:url('ok.gif') no-repeat;
	border:0px;
}

input.inscription {
	width:200px;
	height:35px;
	background:url('btn_inscription.gif') no-repeat;
	border:0px;
}

input.oubli {
	width:200px;
	height:35px;
	background:url('btn_changement.gif') no-repeat;
	border:0px;
}

h3.classement {
	float:left;
	clear:both;
	width:98%;
	padding:0;
	margin:0;
	margin-bottom:10px;
	margin-top:10px;
	font-size:18px;
	font-family:Georgia;
	color:#660000;
	background:url('classement.gif') left no-repeat;
	height:27px;
	padding-top:4px;
	padding-left:20px;
}

.zoom {
	width:40px; height:40px;
	background:url('zoom.gif') no-repeat;
	position:absolute;
	bottom:-4px;
	right:-4px;
}

.envoyer {
	width:200px; height:35px;
	background:url('envoyer.gif') no-repeat;
	border:0px;
}