/* CSS Document */

/*********************************** partie gauche *********************************/
#gauche a{ display:block}

/*les titres*/
.menugaucheUnivers {
	list-style-type:none;
	margin: 0;
	padding:0;
}
	.menugaucheUnivers li {
		padding-left:1.4em;
	}
		.menugaucheUnivers li.titreUnivers{margin-bottom:2em;}
		
	.menugaucheUnivers a {
		color:#666;
		text-decoration: none;
		font-size:2.0em;
		font-family:Arial, Helvetica, sans-serif;
	}
		.menugaucheUnivers a:hover {
			text-decoration: none;
		}
		
/*la liste des sous univers*/		
.menugaucheSSunivers {
	list-style-type: none;
	margin: 0;
	margin-top:2em;
	padding:0;
}
	.menugaucheSSunivers li {
	 	background:url(images/fleche-menu.jpg) no-repeat 0em 0.5em ;
		padding-left:1.5em;
	}
	.menugaucheSSunivers a {
		color:#986E74;
		font-size:1.1em;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width:13.1em;
		line-height:1.9em;
	}
		.menugaucheSSunivers a:hover {
			background:url(images/univers/fondAct.jpg);
		}
		
	.menugaucheSSunivers a.act {
		color:#666;
		font-size:1.2em;
		text-decoration:none;
		background:url(images/univers/fondAct.jpg);
	}			

/*************************** partie droite ***********************************/

#droite p{ margin:0;width:20.8em;}
#droite .titreDroit{font-size:1.8em; font-weight:bold;color:#666666; margin-bottom:0.5em; width:11.5em;}


#droite p.lienDroit{ text-align:right; margin-bottom:1em;}
	#droite p.lienDroit a{ width:14.6em;height:3.2em;display:block;margin-left:6.0em;}
		#droite p.lienDroit a span{display:none;}

.qtePrix{ font-size:1.2em; text-align:right;}

/*les liens*/
#compteDroit{background:url(images/partieDroite/voirCompte.jpg) no-repeat;}
	#compteDroit:hover{background:url(images/partieDroite/voirCompte-act.jpg) no-repeat;}
#AbonnerDroit{background:url(images/partieDroite/sabonnerNews.jpg) no-repeat;}
	#AbonnerDroit:hover{background:url(images/partieDroite/sabonnerNews-act.jpg) no-repeat;}
#rechercherDroit{background:url(images/partieDroite/rechercher.jpg) no-repeat;}
	#rechercherDroit:hover{background:url(images/partieDroite/rechercher-act.jpg) no-repeat;}

/*le catalogue*/
#droite p.catalogue{ font-size:1.1em; width:18.2em;}
#droite p.catalogue a{ float:none; margin-left:4.0em; height:10px; color: #70B761;}

#droite .lienVotrePanier {  text-align:right; margin-bottom:1em; font-size:1.2em; width:16.8em;}
	.lienVotrePanier a{color:#666666;}

/*le mini panier*/
#commandePanierDroit{ margin:0; padding:0;}
#panierDroit{width:20.0em;border-collapse:collapse; }

	#panierDroit select{margin-bottom:0.2em}
	#panierDroit a{color:#666; }
	.lignePanierNormale td{vertical-align:middle; }
	
		.titreProduitPanierDroit td{ font-size:1.2em; padding-left:0;border-top:1px dotted #CCC; }
		.imagePanierDroit{ width:90px; /*padding-left:1.4em; height:6.5em;*/ padding: 0;}
		.imagePanierDroit a img { margin:0; padding:0; border:0;}
		td.imagePanierDroit a { margin:0; padding:0;}
	.lignePanierFin{ /*width:50%;*/ text-align:right; font-weight:bold; font-size:1.3em; padding:0.5em 0.5em 0 0;}
	#commander{ height:9em; text-align:right;}
	#commander a{width:14.6em;height:3.2em;display:block;background:url(images/partieDroite/voirPanier.jpg) no-repeat; margin-left:6.0em;}
		#commander a:hover{background:url(images/partieDroite/voirPanier-act.jpg) no-repeat;}
		#commander a span{display:none;}
	#panierDroit .prix{ /*width:20%;*/ text-align:right; padding-right:0;}
	
	#panierDroit tr.titreProduitPanierDroit td.retirer a{display:block; height:2.8em; width:2.8em;background:url(images/effacer.jpg) no-repeat; margin-top:0.4em;}
	#panierDroit tr.titreProduitPanierDroit td.retirer a:hover{background:url(images/effacer-hover.jpg) no-repeat;}
		#panierDroit tr.titreProduitPanierDroit td.retirer a span{display:none;}
		
#panierDroit .lignePanierNormale td.imagePanierDroit{
width:90px;
}
#panierDroit .lignePanierNormale td.qtePrix{
width:46px;
}
#panierDroit .lignePanierNormale td.prix{
width:80px;
}
#panierDroit .titreProduitPanierDroit td{
width:116px;
}
#panierDroit .titreProduitPanierDroit td.retirer{
width:80px;
}
#panierDroit .titreProduitPanierDroit td.prix{
width:80px;
}
#panierDroit .titreProduitPanierDroit .prix.lignePanierFin{
width:80px
}