* {margin:0;padding:0}

#buttons{
	padding:5px;
	background-color:#BE8B60;
	margin:5px; 
	font-weight:bold;
}
#buttons span{
	color:#000;
	padding:0 5px;
	cursor:pointer;
	font:0.8em; 
	}
#buttons span.active, .buttons span:hover{
	background:#000;
	color:#fff; 
	font:bold;
	}
#next6 { position:relative; *top:-20px; float: right; }
#playback6 { display: none; }


/* ---------->>> Catalogue général <<<-----------------------------------------------------------------------------*/

#catalogue #barre_config{
	clear:both;
	height:10px;
	margin:5px;
	z-index:4;
}
#titre_produit{
	display: block;
	width:100%;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom: 10px;
}
.prix {
	color:#000;
	font-size: 1.1em;
}
.prix_ht {
	font-size: 1.1em;
}
.prix_chiffre {
	color: #462D17;
	font-weight: bold;
	font-size: 1.1em;
}
.prix_chiffre_off {
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: line-through;
}
/* ---------->>> liste de tous les produits <<<-----------------------------------------------------------------------------*/
#catalogue{
	position:relative;
	margin:0 auto;
	z-index: 30;
	width:460px;
}
#catalogue .tab_produit{
	float:left;
	width: 460px;
	*width: 450px;
	padding: 0;
	margin:0 5px 5px 0;
	border: 1px Solid #462D17;
}
#catalogue .header_produit{
	position: relative;	
	*width:100%;
	z-index: 4;
	color:#FFF;
	background-color:#BE8B60;
	padding:5px;
	margin:0 ;
	font-weight:bold;
	overflow:auto;
	*overflow:none;
}
#catalogue .header_produit .titre_produit{
	width:300px;
	float:left;
}
#catalogue .header_produit #prix_produit{
	width:140px;
	float:right;
	text-align:right;
}
#catalogue .avatar_produit{
	display: block;
	float: left;
	margin: 5px;
}
#catalogue .descr_produit{
	display: block;
	float: left;
	margin:5px ;
	width:270px;
	*width:250px;
	height:100px;
	color:#000;
	font-size:0.9em;
}
#catalogue .voir_produit{
	display: block;
	clear:both;
	float:right;
	*float:left;
}
#catalogue .voir_produit input, .add_panier input{
    background-color:#BE8B60;
	color: #fff;
	border:none;
	padding:2px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	font-size:1em;
	margin:5px;
}
/* ---------->>> page de détails d'un produit <<<-----------------------------------------------------------------------------*/
#catalogue_produit{
	position:relative;
	font-size:1em;
	z-index:40;
	margin:0 auto;
	padding:0;
	*overflow:hidden;
	width:460px;
}
#catalogue_produit .titre_produit{
	width:100%;
	text-align: center;
	display: block;
	
}
#titre_produit h2{
	color: #FFF;
	background-color:#BE8B60;
	padding: 5px;
}
#catalogue_produit .photos_produit{
	display: block;
	float: left;
}
#photo{	
	display: block;
	width: 460px;
	float: left;
	position:relative;
	top:0;
	z-index:40;
}
#box6{
	position:absolute;
	top:0px;
	width:450px;
	height:210px;
	z-index:40;
}
#box6 span{
	display:block;
	float:left;
}
#catalogue_produit .mask6{
	clear:both;
	position:relative;
	width:450px;
	height:210px;
	top:-0px;
	left: 6px;
	overflow:hidden;
	z-index:40;
	background-color:#FFF;
}
#flashmov{
	width:450px;
	height:210px;
	text-align: center;
}
.thumbs{
	margin:5px 5px 5px 5px;
	width:450px;
	position:relative;
	z-index:40;
}
.thumbs div{
	display:block;
	float:left;
	height:41px;
	width:55px;
	margin:3px;
	cursor:pointer;
}
.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}
#colonne_droite{
	float:left;
	width: 460px;
}
#info_prix_add{	
	display: block;
	float:right;
	padding: 10px;
	margin:0px 0px 5px 0px;
	width:200px;
	*width:215px;
	position:relative;
	z-index:40;
	border:1px solid #FFF;
	font-size:0.9em;
}
#quantite_produit input{
	width:15px;
}
#prix_prod{
	display: block;
	float: left;
	padding:5px;
}
#date_res{
	display: block;
	float: left;
	padding:5px;
}
#quantite_produit{
	margin-left:-5px;	
}
.promo {
	color:#CCC;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: blink;
}
#catalogue_produit #descr_produit_courte{
	display: block;
	float:left;
	padding: 10px;
	margin:0px 0px 5px 0px;
	width:210px;
	*width:225px;
	position:relative;
	z-index:40;
}
#descr_produit_longue{
	clear:both;
	*width:100%;
	float: left;
	padding: 10px;
	margin:5px 5px 5px 5px;
	position:relative;
	top:0px;
	z-index:40;
}
#bcn{
	clear:both;	
}#bcn_bas{
	clear:both;
}
#comp_product{
	clear:both;
	*width:100%;
	position:relative;
	top:0px;
	z-index:40;
}
#cat_accessoires{
	clear:both;
	*width:100%;
	position:relative;
	top:0px;
	margin:5px;
	padding: 10px;
	border:1px solid #fff;
	overflow:auto;
}
.cat_accessoires_un{
	float:left;
	width:156px;
	padding:2px;
	margin: 1px;
	min-height:170px;
	*height:170px;
}
#cat_accessoires img{
	position:relative;
	top:0px;
	border:none;
	width:160px;
	height:100px;
	padding:0;
}
#cat_accessoires h6{
	position:relative;
	top:5px;
	font-size:0.9em;
	text-align:left;
	color: #000;
	padding:2px 2px 10px 2px;
	font-weight:normal;
	min-height:35px;
	overflow:none;
}
#cat_accessoires a{
	text-decoration:none;
}
.cat_accessoires_un #prix_produit{
	position:relative;
	top:3px;
	font-size:0.7em;
}
#cat_dispo{
	clear:both;
	*width:100%;
	position:relative;
	top:0px;
	margin:5px;
	padding: 10px;
	border:1px solid #fff;
	overflow:auto;
}
#ds_calclass{
	margin-top:-250px;
	margin-left:-250px;
}

/*-------------------------------------- SUIVI DE VENTE ---------------------------------------*/
#suivi_vente {
	width:100%;	
	clear:both;
	overflow:auto;
}
#suivi_vente ul {
	margin:0 auto;
}
#suivi_vente li {
	display:block;
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	font-size:1em;
	font-weight:bold;
	text-align: center;
}
#suivi_vente li a{
	text-decoration: none;
	color:#bc8e5d;
}
#suivi_vente li a:hover{
	text-decoration: underline;
}
#panier_on, #informations_on, #expedition_on, #paiement_on{
	width:92px;
}
#panier_before, #informations_before, #expedition_before, #paiement_before{
	width:92px;
}
#panier_off, #informations_off, #expedition_off, #paiement_off, #finalisation_off{
	width:92px;
}
#texte_panier, #texte_informations, #texte_expedition, #texte_paiement, #texte_finalisation {
	
}

#val_panier{
	text-align:center;
	margin-bottom:40px;
}
/* ---------->>> Panier  <<<------------------------------------------------*/
.panier {
    border:1px solid #666;
    background-color: #fff;
	color: #666;
	font-weight: normal;
	font-size: 1em;
}
.reservation{
	margin-bottom:5px;
}
.add_panier{
	clear:both;
	margin:5px;	
}
.ligne {
	background-color: #000;
	height:1px;
	margin:5px;
}
.fond_haut {
	background-color: #5a2723;
	padding:2px;
}
.titre_panier {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}
.total_ttc {
	color:#C00;
	font-weight: normal;
	font-size: 1.2em;
}
#panier_petit {
	color: #5a2723;
	font-weight: normal;
	font-size: 1em;
	position: relative;	
	border-top: 1px Solid #d9d9d0;
	border-bottom: 1px Solid #d9d9d0;
	background-color: #f0f0e6;
	padding-bottom: 5px;
	padding-top: 5px;
	z-index: 3;
}
#catalogue_detail .prix {
	color: #666;
	font-weight: normal;
	font-size: 1em;
}
#catalogue_detail .prix_chiffre {
	color: #666;
	font-weight: bold;
	font-size: 1.3em;
}
#catalogue_detail .prix_chiffre_off {
   	color: #666;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: line-through;
}
#catalogue_detail .promo {
	color:#CCC;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: blink;
}
#catalogue_panier span .liste_texte{
	font-size:0.9em;
}
#catalogue_panier span .texte{
	font-size:1.2em;
	background-color:#eac57F;
}
#facturation{
	background-color:#fff;
	padding:10px;
	margin:5px;
}
.obligatoire{
	font-size:0.9em;
}