
/*     zone haute fiche    */

div.fiche{
	clear:both;
	margin-left:16px;
	padding:3px;
	/*border:1px dotted yellow;*/
}



div.fiche h3.bandeau_titre{
	margin:16px 0;
	padding-left:20px;
	height:26px;
	background-color:#9C9C9C;
	line-height:26px;
	font-size:17px;
	font-family:Arial;
	font-weight:normal;
	color:white;
	text-transform:uppercase;
}


div.fiche h3.bandeau_titre_gris{
	margin:16px 0;
	padding-left:20px;
	height:26px;
	background-color:#575756;
	line-height:26px;
	font-size:17px;
	font-family:Arial;
	font-weight:normal;
	color:white;
	text-transform:uppercase;
}


div.fiche ul.liste_logo_marque{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:20px;
	/*border:1px solid blue;*/
}


div.fiche ul.liste_logo_marque li{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	width:auto; /* replaced par calcul dynamique via php */
	/*border:1px solid red;*/
	text-align:center;
	font-size:10px;
}


div.fiche ul.liste_logo_marque li a {
	text-decoration:none;
}

div.fiche ul.liste_logo_marque li a:hover{
	
}

div.fiche ul.liste_logo_marque li a img{
	text-decoration:none;
	border:1px solid white;
}

div.fiche ul.liste_logo_marque li a:hover img{
	border:1px solid silver;
}


div.fiche p.texte_marque{
	margin:0;
	margin-bottom:14px;
	padding-left:20px;
	font-size:12px;
	font-family:Arial;	
	color:#444;
}

div.fiche p.texte_marque a{
	color:#000;
}

/* LES FICHES PROPREMENT DITES  */




div.gauche_fiche{
	width:350px;
	/*border:1px dotted green;*/	
	float:left;
	padding-top:14px;
}

div.droite_fiche{
	width:350px;
	/*border:1px dotted red;*/	
	float:left;
	position:relative;
	padding-top:14px;
}

div.accessoires{
	
	/*border:1px dotted blue;	*/
	position:relative;
	margin-top:8px;
}


/* $$$$$$$$$$$$$$$$ */
/* contenu gauche */
/* $$$$$$$$$$$$$$$$ */


div.gauche_fiche p.fi_preview_line{
	text-align:center;
	margin:0;
	
}


div.gauche_fiche p.fi_preview_line a img{
	border:1px solid white;
	max-width:240px;
	
}

div.gauche_fiche p.fi_preview_line a:hover img{
	border:1px solid silver;
}





div.gauche_fiche p.fi_legend_line{
	text-align:center;
	/*margin:0;*/
	color:#444;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
}

div.gauche_fiche p.fi_variant_line{
		margin:0;
		padding:0;
		/*border:1ps dotted green;*/
}

div.gauche_fiche p.fi_variant_line a {
		
	}


div.gauche_fiche p.fi_variant_line a img {
		border:1px solid #fff;
		width:60px;
		padding:2px;
	}
	

/* not for ie 6 */
html > body div.gauche_fiche p.fi_variant_line a:hover img {
		border:1px solid #990000;
	}





/* $$$$$$$$$$$$$$$$ */
/* contenu droite */
/* $$$$$$$$$$$$$$$$ */

div.droite_fiche div.fi_logo{
	margin:0;
	/*border:1px dotted green;*/
}

div.droite_fiche p.fi_lien_haut{
	margin:0;
	position:absolute;
	width:100%;
	top:0px;
	text-align:right;
	/*border:1px solid green;*/
}

div.droite_fiche p.fi_lien_haut a{
	color:#444;
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
}

div.droite_fiche p.fi_lien_haut a:hover{
	color:black;
	
}

div.droite_fiche p.fi_lien_haut a img{
	vertical-align:top;
	border:none;
}

div.droite_fiche h3.fi_titre_fiche{
	color:black;
	font-family:Verdana;
	font-size:14px;
	margin:0;
	padding:0;
	/*text-transform:uppercase;*/
}

div.droite_fiche p.fi_hauteur{
	margin:0;
	margin-top:4px;
	font-size:12px;
	color:gray;
}

div.droite_fiche p.fi_description{
	color:#444;
	font-family:Arial;
	font-size:12px;
}


div.droite_fiche p.fi_complement_desc{
	color:#900;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
}


div.droite_fiche p.fi_lien_plus_infos {
/*	margin:0;*/
}


div.droite_fiche p.fi_lien_plus_infos a{
	padding:2px 4px;
	color:#fff;
	background-color:#900;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

div.droite_fiche p.fi_lien_plus_infos a:hover{
	color:#fff;
	background-color:#444;

}



div.droite_fiche div.fi_zone_prix{
	/*border:1px dotted blue;*/
	width:208px;
	float:left;
}

div.droite_fiche div.fi_zone_texte_prix{
	/*border:1px solid blue;*/
	font-size:11px;
}


/* la zone de texte dynamqiue associée contient des p */
div.droite_fiche div.fi_zone_texte_prix p{
	margin:0;
}

div.droite_fiche  div.fi_zone_prix p.fi_etiquette_prix {
	margin:3px 0;
	color:#444;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
}

div.droite_fiche div.fi_zone_prix p.fi_etiquette_prix a {
	color:#333;
	
}

div.droite_fiche div.fi_zone_prix p.fi_etiquette_prix a:hover {
	color:#000;
	
}

div.droite_fiche div.fi_zone_prix p.fi_prix_catalogue {
	margin:0;
	color:gray;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
}

div.droite_fiche div.fi_zone_prix p.fi_prix_chopin {
	margin:6px 0;
	color:#900;
	font-family:Arial;
	font-weight:bold;
	font-size:18px;
}


/* occasion */


div.droite_fiche div.fi_zone_texte_prix p.fi_etiquette_prix{
	margin:3px 0;
	color:#444;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
}



div.droite_fiche div.fi_zone_texte_prix p.fi_prix_chopin{
	margin:6px 0;
	color:#900;
	font-family:Arial;
	font-weight:bold;
	font-size:18px;
}




div.droite_fiche div.fi_zone_bouton{
	/*border:1px solid green;*/
	width:140px;
	float:left;
	text-align:center;
	font-family:Arial;
}

div.droite_fiche div.fi_zone_bouton p.fi_profitez_texte{
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

div.droite_fiche div.fi_zone_bouton p.fi_profitez_texte a{
	color:#900;
	text-decoration:none;
}

div.droite_fiche div.fi_zone_bouton p.fi_profitez_texte a:hover{
	text-decoration:underline;
}


div.droite_fiche div.fi_zone_bouton p.fi_btn_ajouter a img{
	border:none;
}


.droite_fiche div.fi_zone_bouton p.fi_logos_lines{
	margin:4px 0;
	text-align:center;
}

div.droite_fiche div.fi_zone_bouton p.fi_logos_lines a img{
	vertical-align:middle;
	border:none;
}



/* $$$$$$$$$$$$$$$$ */
/* contenu accessoires */
/* $$$$$$$$$$$$$$$$ */



div.accessoires p.fi_accessoires_link_line{
	text-align:right;
	margin:0;
	padding:0;
	border-top:1px solid #666;	
	
}

div.accessoires p.fi_accessoires_link_line a{

	padding:2px 6px;
	padding-top:3px;
	background-color:#666;
	color:white;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
}

div.accessoires p.fi_accessoires_link_line a:hover{
	background-color:#444;
	color:white;

}

div.accessoires p.fi_accessoires_link_line a img{
	border:none;
}

div.accessoires p.fi_advice_line {
	/*border:1px solid #900;*/	
	color:#900;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin:0;
	margin-left:20px;
	position:absolute;
	top:10px;
}


div.accessoires table.fi_table_Accessoires{
	width:670px;
	margin-left:20px;
	margin-top:10px;
	border:none;
}


div.accessoires table.fi_table_Accessoires td{
	text-align:center;
	color:#444;
	font-family:Arial;
	font-size:11px;
	vertical-align:top;
	padding:4px 2px;
	border:none;
}


div.accessoires table.fi_table_Accessoires td a img{
	margin-top:6px;
	border:none;
	width:80px;
	border:1px solid white;
}

div.accessoires table.fi_table_Accessoires td a:hover img{
	border:1px solid silver;
}

div.accessoires table.fi_table_Accessoires td a.voir_d_autres{
	color:#900;
	text-decoration:none;
}

div.accessoires table.fi_table_Accessoires td a.voir_d_autres:hover{
	text-decoration:underline;
}

