/* CSS Document */

/*le conteneur general de la fiche produit sous le sous menu*/
#conteneur_produit{
	background-color:#FFFFFF;
	width:600px;
	display:block;
	position:relative;
	top:15px;
	padding-left:5px;
	margin:0 auto;
}
#conteneur_produit div{
	float:left;top:10px;
}

/*pour que les images cliquables aient un pointeur*/
img.pointeur{cursor:pointer;}

/*l'image grande du produit*/


table#img_prod td{width:185px; height:220px; vertical-align:top;}
/*la partie a cote de l'image ou il y a un recapitulatif des caracs essentielles du produit*/
#infoproduit{
	width:200px;
	padding-left:20px;
	padding-right:10px;
	border-right:thin solid #CCCCCC;
}

#ajoute_promo{position:relative; width:100%; float:right; margin-top:10px;}
#ajouter_au_panier{ position:absolute;top:0;left:0;}

/*la partie a cote du recapitulatif des caracs ou il y a une presentation des 2 accessoires les plus recommandes*/

#accesproduit{
	height:260px;
	width:180px;
	text-align:center;
}

/*le conteneur des petites images*/
#conteneurpetite{
	clear:both;
	height:100px;
	margin-top:-30px;

}

#conteneurpetite table#img_pte{margin-left:15px;_margin-left:10px;}
#conteneurpetite table#img_pte td{ vertical-align:middle;}

#conteneurpetite a{
	text-decoration:underline;
	color:#999999;
	vertical-align:middle;
}

/*les petites images*/
.petiteimageproduit{
	height:56px;
	width:56px;
	position:relative;
	border:#CCCCCC thin solid;
}	


/*le titre du produit*/
.titre_produit{
	font-size:14px;
	font-weight:bold;
	text-align:left;	
}

/*toutes les classes par rapport au prix*/
	.prix_prod{color:#FF6600;font-weight:bold;}
	.ptprix{font-size:9px;}
	.titremoy{font-size:11px; text-indent:1px;}
	.gdprix{font-size:16px;}
	.titrept{color:#666666;font-weight:bold;}
	.titreaccess{
		width:160px; 
		color:#FF6600;
		font-size:9px;
		vertical-align:bottom; 
		display:block; 
		float:left; 
		position:relative; 
		left:20px; 
		text-align:left
	}

/*la table en bas resumant les accessoires et les caracts du produit*/
	
	tr.grisee{background-color:#EEECEC;}/*la ligne grise*/
	tr.blanche{ background-color:#FFFFFF}/*la ligne blanche*/
	/*conteneur de la table des caracteristiques*/
	
	div#caract{ width:100%;top:10px; margin:20px 0;}
	div#caract table.attributs {margin:0; width:595px; border-bottom:1px #ccc solid; margin-bottom:10px;}
	div#caract table.attributs td{color:#666666; font-size:13px;}
	
	/*les onglets*/
		div#caract table.attributs td.onglet_prod{
			padding:0px; 
			text-align:left; 
			float:none;
			margin:0px;
			vertical-align:bottom; 
			border:none; 
			width:auto;
			border-bottom:1px #ccc solid;
		}
		div#caract table.attributs td.onglet_prod img{border:none; padding:0px; margin:0px; vertical-align:bottom;}		
	
	/*pour les bordures*/
		td.gauche{border-left:1px solid #CCCCCC; padding-left:16px;}
		td.droit{border-right:1px solid #CCCCCC; padding-right:5px;}
		td.haut{border-top:1px solid #CCCCCC;}
		td.bas{border-bottom:1px solid #CCCCCC; margin-bottom:10px}
		td.basse{border-bottom:1px solid #CCCCCC;}
	
	/*le conteneur de la table accessoire*/
	div#liste_access{display:none; width:100%;top:10px;margin:20px 0;}
	div#liste_access table.liste_accessoires td.onglet_prod img{border:none; padding:0px; margin:0px; vertical-align:bottom;}
	div#liste_access td{color:#666666;}
	/*la table des accessoires*/
		table.liste_accessoires td{ font-size:9px; vertical-align:middle;}
		table.liste_accessoires td.pad{ padding-left:5px}/*le padding de la description d'accessoire*/
		table.liste_accessoires{border-bottom:1px #ccc solid; margin-bottom:10px;}
	
body#bleu  #liste_access a{background:url(Images/produits/commun/ajouter_bleu_pt.gif) no-repeat; display:block; height:19px; width:27px;}
body#vert #liste_access a{background:url(Images/produits/commun/ajouter_vert_pt.gif) no-repeat; display:block; height:19px; width:27px;}
body#violet  #liste_access a{background:url(Images/produits/commun/ajouter_violet_pt.gif) no-repeat; display:block; height:19px; width:27px;}
body#rose  #liste_access a{background:url(Images/produits/commun/ajouter_rose_pt.gif) no-repeat; display:block; height:19px; width:27px;}
body#marron  #liste_access a{background:url(Images/produits/commun/ajouter_marron_pt.gif) no-repeat; display:block; height:19px; width:27px;}
body#bleu_sombre  #liste_access a{background:url(Images/produits/commun/ajouter_bleu_sombre_pt.gif) no-repeat; display:block; height:19px; width:27px;}


body#bleu  #accesproduit p{color:#10C6F3;}
body#vert  #accesproduit p{color:#86C400;}
body#violet  #accesproduit p{color:#C84CEC;}
body#rose  #accesproduit p{color:#F3007A;}
body#marron  #accesproduit p{color:#CC6633;}
body#bleu_sombre  #accesproduit p{color:#3765ce;}

body#bleu  #accesproduit p a{color:#10C6F3; text-decoration:underline;}
body#vert  #accesproduit p a{color:#86C400; text-decoration:underline;}
body#violet  #accesproduit p a{color:#C84CEC; text-decoration:underline;}
body#rose  #accesproduit p a{color:#F3007A; text-decoration:underline;}
body#marron  #accesproduit p a{color:#CC6633; text-decoration:underline;}
body#bleu_sombre  #accesproduit p a{color:#3765ce; text-decoration:underline;}

#accesproduit p.ancre_access{width:180px; display:block; top:20px; position:relative;}
	
body#bleu  input.ajouter_prod{background:url(Images/produits/commun/ajouter_bleu.jpg) no-repeat}
body#vert input.ajouter_prod{background:url(Images/produits/commun/ajouter_vert.jpg) no-repeat}
body#violet input.ajouter_prod{background:url(Images/produits/commun/ajouter_violet.jpg) no-repeat}
body#rose input.ajouter_prod{background:url(Images/produits/commun/ajouter_rose.jpg) no-repeat}
body#marron input.ajouter_prod{background:url(Images/produits/commun/ajouter_marron.jpg) no-repeat}
body#bleu_sombre input.ajouter_prod{background:url(Images/produits/commun/ajouter_bleu_sombre.jpg) no-repeat}

img.compare_fiche_spe{position:absolute;right:0;top:0;width: 68px; height:40px;}
img.promo_produit{margin-top:0px !important;margin-top:-20px;margin-left:120px;width: 68px; height:40px;}