/* balises */
body 			{ background: #efefef; color: #666; font: normal 10px/1.5em arial, helvetica, sans-serif; margin: 0; padding: 0; }
img				{ border: 0; }


/* générique */
.clearboth		{ clear: both; }
.img_centre		{ display: block; margin: 0 auto; }
.img_inline		{ display: inline; vertical-align: middle; }
.txt_petit		{ font: normal 10px Arial, Helvetica, sans-serif; }
.lien_petit,
.lien_petit:visited { font: normal 10px Arial, Helvetica, sans-serif; text-decoration: none; }
.lien_petit:hover 	{ text-decoration: underline; }
.separateur 		{ padding: 0 0 10px; }


/* layout */
#main 			{ background: #fff; margin: 0 auto; overflow: auto; padding: 0 30px; width: 840px; }
#logo			{ height: 171px; margin: 0 auto 20px; width: 500px; }
#contenu		{ margin: 0 0 20px; overflow: auto; width: 840px; }
#footer			{ clear: both; }


/* menu */
#menu			{ height: 63px; margin: 0 auto 0px; width: 602px; }
#menu img		{ display: inline; float: left; }

#caddie					{ float: right; border-bottom: 0px solid #ccc; height: 30px; margin: 20px 0 0; text-align: center; }
#caddie a,
#caddie a:visited 		{ text-decoration: none; }
#caddie a:hover			{ color: #ccc; }


/* contenu */
#colonne1_accueil					{ float: left;  margin: 20px 0 0; width: 150px; }
#colonne2_accueil					{ float: right;  margin: 20px 0 0; width: 150px; }
#colonne1							{ float: left; width: 150px; }
#colonne1 #constructeur				{ height: 30px; margin: 0 0 20px; }
#colonne1 #constructeur a,
#colonne1 #constructeur a:visited 	{ text-decoration: underline; }
#colonne1 #constructeur a:hover		{ color: #ccc; }
#colonne2							{ float: right; padding: 50px 0 0; width: 150px; }
#centre								{ float: left; width: 540px; }


/* messages oscommerce */
.messageBox 								{ color: #f00; display: block; font: bold 12px Arial, Helvetica, sans-serif; padding: 0 0 10px; text-align: center;  }
.messageStackError, .messageStackWarning 	{ color: #f00; display: block; font: bold 12px Arial, Helvetica, sans-serif; padding: 0 0 10px; text-align: center; }
.messageStackSuccess 						{ color: #f00; display: block; font: bold 12px Arial, Helvetica, sans-serif; padding: 0 0 10px; text-align: center; }


/* accueil */
#accueil		{ padding: 0 19px; margin: 20px 0 0; }
#texte_home		{ float: left; font: normal 12px/1.5em Arial, Helvetica, sans-serif; padding: 40px 0 0 0; text-align: center; width: 540px; }
.ardoise		{ float: left; }


/* page collection */
#collection	#description				{ font: normal 16px Arial, Helvetica, sans-serif; margin: 20px 0; text-align: center; }
#collection	.vignette					{ float: left; margin: 10px 5px; text-align: center; width: 170px; }
#collection	.vignette img				{ border: 1px solid #ccc; }
#collection	.vignette h1				{ font: normal 13px Arial, Helvetica, sans-serif; margin: 5px 0; }
#collection	.vignette h1 a,
#collection	.vignette h1 a:visited		{ color: #666; text-decoration: none; }
#collection	.vignette h1 a:hover		{ text-decoration: underline; }
#collection	#nav_bdp					{ clear: both; font: normal 14px Arial, Helvetica, sans-serif; margin: 0 auto; overflow: auto; text-align: center; }
#collection	#nav_bdp a,
#collection	#nav_bdp a:visited,
#collection	#nav_bdp a:active,
#collection	#nav_bdp a.actif:hover		{ text-decoration: none; }
#collection	#nav_bdp a:hover,
#collection	#nav_bdp a.actif,			
#collection	#nav_bdp a.actif:visited	{ text-decoration: underline; }


/* page produit */
#produit img.cadre					{ border: 1px solid #ccc; }
#produit h1							{ font: bold 20px Arial, Helvetica, sans-serif; margin: 5px 0; text-align: center; }
#produit h2							{ font: normal 14px Arial, Helvetica, sans-serif; margin: 5px 0; text-align: center; }
#produit #description				{ font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 10px; text-align: center; }
#produit .attrib					{ display: inline; float: left; margin: 0 20px 0 0; }
#produit .ajout						{ clear: both; float: right; }
#produit form						{  }
#produit form input					{ display: inline; }
#produit form select				{ color: #a0007b; display: inline; }
#produit #couleurs					{ margin: 0 auto; text-align: center; }
#produit .vignette					{ display: inline; float: left; margin: 10px 3px; text-align: center; width: 170px; }
#produit .vignette img				{ border: 1px solid #ccc; }


/* page article */
#article 							{ font: normal 12px/1.5em Arial, Helvetica, sans-serif; }
#article h1							{ color: #666; font: bold 20px/1.5em Arial, Helvetica, sans-serif; margin: 20px 0 0; }
#article h2							{ color: #a0007b; font: bold 16px/1.5em Arial, Helvetica, sans-serif; font-style: italic; margin: 30px 0 10px; }
#article h6							{ color: #a0007b; font: bold 20px/1.5em Arial, Helvetica, sans-serif; margin: 20px 0 0; text-align: center; }
#article table						{ margin: 10px auto; }
#article thead tr,
#article thead td					{ background: #8288a0; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px; }
#article tbody td					{ border-bottom: 1px solid #999; }


/* étapes de commande */
#etapes				{ margin: 20px auto; overflow: auto; width: 480px; }
#etapes	a,
#etapes	a:visited 	{ text-decoration: none; }
#etapes	a:hover 	{ color: #ccc; }
#etapes .etape		{ float: left; width: 120px; }
#etapes .centre		{ text-align: center; }
#etapes .gauche		{ text-align: left; }


/* footer */
#footer 		{ clear: both; color: #333; margin: 40px 0 100px 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#footer a 		{ color: #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif;  }
#footer a:hover { color: #999; text-decoration: none; }
#footer table 	{ color: #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#footer ul 		{ display: block; margin: 20px 0 0; padding: 0; }
#footer li 		{ display: inline; margin: 0px; padding: 0px; }


/* Autres styles OS Commerce */
td.pageHeading, 
div.pageHeading 				{ font: normal 16px Arial, Verdana, sans-serif; color: #666; }
tr.accountHistory-odd, 
tr.addressBook-odd, 
tr.alsoPurchased-odd, 
tr.payment-odd, 
tr.productListing-odd, 
tr.productreviews-odd, 
tr.upcomingProducts-odd, 
tr.shippingOptions-odd 			{ background: #dedede; }
tr.accountHistory-even, 
tr.addressBook-even, 
tr.alsoPurchased-even, 
tr.payment-even, 
tr.productListing-even, 
tr.productreviews-even, 
tr.upcomingProducts-even, 
tr.shippingOptions-even 		{ background: #eee; }
table.productListing 			{ border: 0px; border-collapse: collapse; }
.productListing-heading 		{ background: #8288a0; color: #fff; font: normal 12px Arial, sans-serif; padding: 5px; }
td.productListing-data 			{ color: #555; font: normal 12px Arial, sans-serif; padding: 5px; }
td.productListing-data a 		{ color: #555; }
td.productListing-data a:hover 	{ color: #000; }
td.main2, p.main2 				{ background: #8288a0; font: bold 14px Arial, sans-serif; color: #fff; padding: 5px; }
td.main, p.main 				{ color: #666; font: normal 11px/1.5em Arial, sans-serif; }