#top {
	background:transparent url('top.gif') no-repeat;
}

#top div.login form fieldset legend {
	background:url('compte_client.gif') no-repeat top left;
}

#top div.panier fieldset legend {
	background:url('titre_panier.gif') no-repeat top left;
}

#sideright div.search form fieldset legend {
	background:url('rechercher.gif') no-repeat top left;
}

#sideright div.ventes fieldset legend {
	background:url('ventes.gif') no-repeat top left;
}

/******PAGES**********/

div.slider {
	width:610px; height:180px; 
	float:left;
	margin-top:10px; 
	background:url('bg_produits.gif') no-repeat;
}

div.slider div.prev {
	width:35px; height:80px; 
	float:left;
	margin:50px 0px 0px 10px;
}

div.slider div.prev a {
	width:35px; height:80px; 
	display:block;
	background:url('prev.gif') no-repeat;
}

div.slider div.prev a:hover {
	width:35px; height:80px; 
	display:block;
	background:url('prev_hover.gif') no-repeat;
}

div.slider div.next {
	width:35px; height:80px; 
	float:left;
	margin:50px 0px 0px 10px;
}

div.slider div.next a {
	width:35px; height:80px; 
	display:block;
	background:url('next.gif') no-repeat;
}

div.slider div.next a:hover {
	width:35px; height:80px; 
	display:block;
	background:url('next_hover.gif') no-repeat;
}

div.slider div.base {
	width:145px;height:160px;
	float:left; 
	margin:10px 0px 0px 15px;
}
/******************menu side***************************/

#menuleft {
	float:left;
	width:150px;
}

#menuleft div.titre {
	float:left;
	width:190px;
	background:url('menuleft_top.gif') center  no-repeat;
	height:80px;
}


#menuleft ul {
	padding:0px;
	margin:0px;
	text-align:left;
	list-style-type:none;
	width:190px;
	float:left;
	background:#e0e0e0;
}

#menuleft li {
	width:190px;
	text-align:left;
	list-style-type:none;
	float:left;
	padding-right:0px;
	letter-spacing:-1px;
}

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

#menuleft ul li a:hover, #menuleft ul li a.active {
	color: #ffffff;
	background-color:#333333;
	text-decoration:none;
}

#menuleft ul div {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #c0c0c0;
}

#menuleft div.bottom {
	width:190px;
	height:145px;
	float:left;
	background:url('menuleft_bottom.gif') no-repeat;
}

#menuleft ul li ul.sousmenu li {
	width:190px;
	text-align:left;
	list-style-type:none;
	float:left;
	text-transform: none;
	color:#FFFFFF;
	margin-top:0px;
}

#menuleft ul li ul.sousmenu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	width:190px;
	display:block;
	_display:inline-block;
	text-transform: none;
	text-decoration:none;
	color:#333333;
	background:#fff;
}

#menuleft ul li ul.sousmenu li a:hover, #menuleft ul li ul.sousmenu li a.active {
	color:#ffffff;
	background:#69cbe5;
	text-decoration:none;
}

#menuleft ul li ul.sousmenu li a div {
	padding-top:4px; padding-bottom:4px;
	/*padding-left:20px;*/
}

#menuleft div.pub {
	width:190px;
	height:180px;
	float:left;
	background:url('encart.gif') no-repeat;
}

/***************************/
div.contenu_produits {
	float:right;
	width:610px;
	margin-left:20px;
	margin-top:10px;
}

div.contenu_produits div.titre_produits {
	float:left;
	width:610px;
	height:40px;
	background:url('titre_produits.gif') no-repeat;
}

div.contenu_produits p {
	color:#333333;
	font-size:12px;
	text-align:justify;
}

div.btn_suivant a {
	width:200px; height:30px;
	display:block;
	color:#FFFFFF;
	background:url('btn_suivant.gif') top no-repeat;
}

div.btn_suivant a:hover {
	color:#FFFFFF;
	background:url('btn_suivant.gif') bottom no-repeat;
}

div.btn_suivant div {
	padding-top:5px;
}

div.fil {
	/*font-size:11px;*/
	padding:8px;
	/*background:#f4fbfd;
	border:2px solid #7ed2e9;*/
	clear:both;
}

div.fil a {
	/*color:#0000ff;*/
	text-decoration:underline;
}

div.fil a:hover {
	/*color:#0000ff;*/
	text-decoration:none;
}


/******BLOC FAMILLE ***********/

div.famille {
	width:300px;
	float:left;
	margin:2px;
}

div.famille div.top {
	width:300px;
	height:12px;
	float:left;
	background:url('top_famille.gif') no-repeat;
}

div.famille div.content {
	width:300px;height:120px;
	float:left;
	background:url('content_famille.gif') repeat-y;
}

div.famille div.content div.titre {
	padding-left:10px;
	/*border-bottom:1px solid #CCCCCC;
	padding-bottom:2px;*/
	font-weight:bold;
	color:#333333;
	font-size:14px;
}

div.famille div.content div.titre a {
	color:#000;
	text-decoration:underline;
}

div.famille div.content div.texte {
	padding-left::10px;padding-right:10px;
	margin-top:10px;
	font-size:11px;
	color:#666666;
}

div.famille div.bottom {
	width:300px;
	height:12px;
	float:left;
	background:url('bottom_famille.gif') no-repeat;
}

div.famille ul {
	list-style-image:url('list.gif');
	margin:0; padding:0;
	padding-left:26px;
	float:left;
	width:150px;
}

div.famille div.rand {
	float:left;
	width:100px;
	margin-left:10px;
}

div.famille ul li {
	margin-bottom:2px;
}

div.famille ul li a {
	color:#000;
}

div.famille ul li a:hover {
	color:#000;
	text-decoration:underline;
}

/*********SOUS FAMILLE ***************/

div.sousfamille {
	width:550px;
	float:left;
	margin-top:0px;
}

div.sousfamille div.top {
	width:550px;
	height:12px;
	float:left;
	background:url('top_sousfamille.gif') no-repeat;
}

div.sousfamille div.content {
	width:550px;
	float:left;
	background:url('content_sousfamille.gif') repeat-y;
}

div.sousfamille div.content div.titre {
	padding-left:10px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	color:#333333;
	font-size:14px;
}

div.sousfamille div.bottom {
	width:550px;
	height:12px;
	float:left;
	background:url('bottom_sousfamille.gif') no-repeat;
}

table.calques div {
	padding:5px;
}

table.calques div.photo {
	width:70px; height:70px;
}

table.calques div.descriptif {
	color:#333333;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}

table.calques div.prix {
	color:#CC0000;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

/*******Produits details**************/

div.bg_onglets {
	float:left;
	width:610px;
	height:30px;
	background:url('bg_details.gif') no-repeat;
}

div.bg_onglets div.onglets {
	width:129px;
	height:30px;
	float:left;
	margin-right:1px;
}

div.bg_onglets div.onglets a {
	text-align:center;
	font-weight:bold;
	background:url('onglet_details.gif') no-repeat;
	color:#999999;
	text-decoration:none;
	width:129px;
	height:30px;
	display:block;
	padding:8px 0px 0px 0px;
	outline:none;
}

div.bg_onglets div.onglets a:hover, div.bg_onglets div.onglets a.active {
	text-align:center;
	font-weight:bold;
	background:url('onglet_details_hover.gif') no-repeat;
	color:#333333;
	text-decoration:none;
	padding:8px 0px 0px 0px;
}

/*************************FICHE PRODUIT******************************/

div.img_produit {
	width:200px;
	float:left;
	margin:10px 0px 0px 10px;
}

div.description_produit {
	width:370px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	font-size:10px;
	color:#666666;
}

div.description_produit div.nom{
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

div.marque {
	float:right;
	width:120px;
	height:80px;
}

div.prix {
	width:100%;
	clear:both;
}

div.prix div.stock {
	float:left;
	width:40%; 
	color:#33CC00;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

div.prix div.price {
	float:right;
	width:60%;
	color:#CC0000;
	font-size:18px;
	text-align:right; 
}

div.ajouter {
	text-align:right;
	width:100%;
	height:34px;
	clear:both;
	margin:0px 0px 10px 0px;
	background:url('btn_panier.gif') no-repeat right;
}

div.ajouter div.position {
	padding:10px 30px 0px 0px;
	font-size:12px;
	font-weight:bold;
}

div.soustitre {
	float:left;
	width:610px;
	clear:both;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; 
	color:#007d9e;
	margin-top:10px;
}

div.contenu_similaire {
	width:190px;
	margin:5px 6px 5px 7px;
	_margin:4px;
	float:left;
}

div.contenu_similaire div.img {
	width:168px;
	padding:10px 10px 0px 10px;
	border:1px solid #e0e0e0;
}

div.contenu_similaire div.texte {
	width:170px;
	margin-top:10px;
	padding:0px 10px 0px 10px;
	height:60px;
}

div.contenu_similaire div.texte div.titre {
	font-weight:bold; text-align:center;padding:0;margin:0;
}

div.contenu_similaire div.texte div.prix {
	font-size:14px;font-weight:bold;color:#CC0000;text-align:center;padding:0;margin:0;
}

div.contenu_similaire div.bouton_details {
	width:190px;
	height:34px; 
	margin-top:0px; 
	text-align:center;
}

/*********************BOUTON PANIER***********************/

ul.paiement {
	float:left;	width:610px; clear:both;
	padding:0px;margin:0px;
	list-style-type:none;
}

ul.paiement li {
	float:left;
	width:200px;
	height:51px;
	padding:0px;
	margin:0px;
}

ul.paiement li.quantites {
	background:url('quantites_off.gif') no-repeat;
}
ul.paiement li.identification {
	background:url('identification_off.gif') no-repeat;
	padding:0px;
	margin:0px 5px 0px 5px;
	_margin:0px 2px 0px 2px;
}
ul.paiement li.paiement {
	background:url('paiement_off.gif') no-repeat;
}

ul.paiement li.quantites.active {
	background:url('quantites.gif') no-repeat;
}
ul.paiement li.identification.active {
	background:url('identification.gif') no-repeat;
	padding:0px;
	margin:0px 5px 0px 5px;
	_margin:0px 2px 0px 2px;
}
ul.paiement li.paiement.active {
	background:url('paiement.gif') no-repeat;
	_margin:0;
	_margin-right:2px;
}

ul.paiement li a {
	display:block;
	width:100%;
	height:100%;
}

ul.paiement li a b {
	display:none;
}

/* ELYSNET */
div.elysnet {
	float:left; clear:both; width:100%;
	margin-top:10px;
}

div.elysnet table {
	font-size:18px;
	font-family:Georgia,'Times New Roman',Times, serif;
}

div.elysnet form {
	margin:0;
	padding:0;
}

div.elysnet form input {
	border:0;
	background:#fff;
}