@charset "utf-8";
/* CSS Document */

body
{
	background: #ffeded;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.clear
{
	clear: both;
}
.titre_separateur
{
	background: url(../_images/separateur_petit.jpg) bottom center no-repeat;
	color: #c54141;
	font-size: 20px;
	text-align: center;
	width: 216px;
	height: 55px;
}
.separateur_petit
{
	display: block;
	margin: 0 auto;
	width: 185px;
}
#header_admin
{
	background: url(../_images/fond_header_admin.jpg) no-repeat;
	height: 248px;
	margin: 0 auto;
	width: 1039px;
}
#header
{
	background: url(../_images/fond_header.jpg) no-repeat;
	height: 248px;
	margin: 0 auto;
	width: 1039px;
}
	#header h1
	{
		display: none;
		position: absolute;
	}
	#header h2
	{
		margin: 140px 0 0 120px;
		position: absolute;
	}
.outil_libelle
{
	color: #CC0000;
	margin: 0 0 0 20px;
}
#centre
{
	background: url(../_images/fond_centre.jpg) repeat-y;
	margin: 0 auto;
	min-height: 200px;
	width: 1039px;
}
	#centre #col_gauche
	{
		background: url(../_images/fond_col_gauche.jpg) no-repeat;
		float: left;
		margin: 0 0 0 7px;
		min-height: 308px;
		width: 216px;
	}
		#centre #col_gauche ul
		{
			color: #c54141;
			list-style-type: none;
			margin:0 0 30px 30px;
			padding:0;
		}
			#centre #col_gauche ul li
			{
				margin: 3px 0 0 0;
				padding: 0;
			}
			#centre #col_gauche ul li.selected
			{
				font-weight:bold;
			}
			#centre #col_gauche ul li a
			{
				color: #c54141;
				font-weight: 0;
			}
	#centre #col_centre
	{
		float: left;
		padding: 10px;
		width: 572px;
	}
		#centre #col_centre p
		{
			color: #c54141;
			float: left;
			font-weight: bold;
			text-align: right;
			width: 100px;
		}
		#centre #col_centre #image_marque
		{
			float: right;
			margin: 0 20px 0 0;
			width: 450px;
		}
			#centre #col_centre #image_marque img
			{
				padding: 0 5px 5px 5px;
			}
		#centre #col_centre #container_flash
		{
			border: 1px solid #000000;
			margin: 0 auto;
			margin-bottom: 20px;
			min-height: 90px;
			width: 570px;
		}
		
		#centre #col_centre #liste_produit
		{
			list-style-type: none;
			margin: 0 auto;
			min-height: 100px;
			padding: 0;
			width: 570px;
		}
			#centre #col_centre #liste_produit li
			{
				background: url(../_images/fond_top_produit.jpg) no-repeat;
				float: left;
				margin: 10px 15px 10px 20px;
				min-height: 175px;
				width: 250px;
			}
				#centre #col_centre #liste_produit li img
				{
					float: left;
					margin: 10px 5px 10px 10px;
				}
				#centre #col_centre #liste_produit li p
				{
					float: right;
					text-align: left;
				}
					#centre #col_centre #liste_produit li p .marque
					{
						font-weight: bold;
					}
					.prix_barre
					{
						text-decoration: line-through;
					}
				#centre #col_centre #liste_produit li a
				{
					color: #c54141;
					float: right;
					margin: 60px 5px 0 0;
				}
	#col_centre .illustration_fiche
	{
		float: left;
		margin: 0 10px 0 0;
	}
	#col_centre h2
	{
		color: #CC0000;
	}
	.description
	{
		margin: 10px 0 0 0;
		float: right;
		width: 330px;
	}
	#centre #col_droite
	{
		background: url(../_images/fond_col_droite.jpg) no-repeat;
		float: right;
		margin: 0 8px 0 0;
		min-height: 308px;
		width: 216px;
	}
		#centre #col_droite ul
		{
			color: #c54141;
			list-style-type: none;
			margin: 0 0 30px 20px;
			padding: 0;
		}
			#centre #col_droite ul li
			{
				background: url(../_images/picto_moto.gif) no-repeat;
				margin: 4px 0 0 0;
				padding: 0 0 0 30px;
				width: 165px;
			}
				#centre #col_droite ul li span
				{
					float: right;
					margin: 0 10px 0 0;
				}
#footer
{
	background: url(../_images/footer.jpg) no-repeat;
	height: 197px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 1039px;
}

form
{
	font-size: 12px;
}
form label
{
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	text-align: right;
	width: 140px;
}
form .text
{
	margin: 3px 5px 0 0;
	width: 280px;
}
form .textarea
{
	margin: 3px 5px 0 0;
	height: 120px;
	width: 280px;
}
form .submit
{
	margin: 10px 0 0 375px;
}
.add_categ
{
	color: #CC0000;
	display: block;
	margin: 0 0 5px 290px;
	font-weight: bold;
}
.liste_produit
{
	border: 1px solid #000000;
	color: #000000;
	margin: 20px 0 0 0;	
}
	.liste_produit thead
	{
		background: #CC0000;
		color: #FFFFFF;
	}
	
.moto_compatible
{
	background: #EEEEEE;
	border: 1px dashed #CCCCCC;
	margin: 200px 0 0 0;
	padding: 10px;
	width: 200px;
}
	.moto_compatible h3
	{
		color: #CC0000;
		padding: 0;
		margin: 0 0 10px 0;
	}
