/*---- BODY ------------------------------------------------------------------------------------------------------------*/
body {
	width: 100%;
	height: auto;
	font: normal 12px arial;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #313234;
}
/*---- SPACER & A & IMG-------------------------------------------------------------------------------------------------*/
#spacer {
	clear: both;
}
h1 {
	font: bold 13px arial;
	color: #650608;
}
img {
	border: none;
}
a {
	outline: none;
}
/*---- CONTAINER -------------------------------------------------------------------------------------------------------*/
#container {
	width: 980px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
	div.min_container {
		width: 980px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		background-color: #FFFFFF;
	}

/*---- BANNER ----------------------------------------------------------------------------------------------------------*/
#banner {
	width: 980px;
	height: 173px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/*---- MENU ------------------------------------------------------------------------------------------------------------*/
#menu {
	width: 980px; /* 980 */
	height: 28px; /* 38 */
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	background: url('images/fd_menu.jpg') top left no-repeat;
	/*border: 1px solid #00FF00;*/
}
	#menu a.onglet {
		min-width: 60px;
		width: auto;
		height: 18px;
		margin: 0 0 0 5px;
		padding: 0 18px 0 18px;
		text-decoration: none;
		text-align: center;
		font: normal 12px arial;
		color: #999999;
		display: block;
		float: left;
	}
	#menu a.onglet:hover {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #000000;
	}
/*---- CONTENU ---------------------------------------------------------------------------------------------------------*/
#contenu {
	width: 980px;
	min-height: 300px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/fd_contenu.jpg') top left repeat-y;
}
/*---- VOLET -----------------------------------------------------------------------------------------------------------*/
	#volet_gauche {
		width: 560px;
		height: auto;
		margin: 5px 0 0 15px;
		padding: 0 0 0 0;
		float: left;
	}
		#volet_gauche h1.titre {
			margin: 0 0 0 5px;
			padding: 0 0 0 0;
			color: #333333;
		}
		#volet_gauche div.texte {
			width: 550px;
			height: auto;
			margin: 8px 0 0 10px;
			padding: 0 0 0 0;
		}
	
	#volet_droit {
		width: 370px;
		height: auto;
		margin: 28px 15px 0 0;
		padding: 0 0 0 0;
		text-align: center;
		float: right;
	}
	
	#topfun {
		width: 300px;
		height: auto;
		float:right;
	}
	
	
/*---- PARTIE CONTACT-----------------------------------------------------------------------------------------------------------*/
	#volet_gauche_contact {
		width: 530px;
		height: auto;
		margin: 5px 0 0 15px;
		padding: 0 0 0 0;
		float: left;
	}
		#volet_gauche_contact h1.titre {
			margin: 0 0 0 5px;
			padding: 0 0 0 0;
			color: #333333;
		}
		#volet_gauche_contact div.texte {
			width: 520px;
			height: auto;
			margin: 8px 0 0 10px;
			padding: 0 0 0 0;
		}
			div.texte p.address {
				width: 250px;
				margin: 10px 0 0 105px;
				padding: 0 0 0 0;
				text-align: center;
				font: normal 12px Arial, Helvetica, sans-serif;
			}
	
	#volet_droit_contact {
		width: 400px;
		height: auto;
		margin: 28px 15px 0 0;
		padding: 0 0 0 0;
		text-align: center;
		float: right;
	}
/*---- CATALOGUE -------------------------------------------------------------------------------------------------------*/	
	#volet_catalogue {
		width: 945px;
		height: auto;
		margin: 0 0 0 15px;
		padding: 0 0 0 0;
		/*border: 1px solid #FF0000;*/
	}
		#volet_catalogue h1.titre {
			margin: 0 0 0 5px;
			padding: 0 0 0 0;
			color: #333333;
		}
			#volet_catalogue h1.titre a {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				color: #777777;
				text-decoration: none;
			}
			#volet_catalogue h1.titre a:hover {
				color: #000000;
			}
			
		#volet_catalogue div.texte {
			width: 840px;
			height: auto;
			margin: 20px auto 0 auto;
			padding: 0 0 0 0;
			text-align: center;
			/*border: 1px solid #FF0000;*/
		}
			#volet_catalogue div.texte a.cata {
				width: 250px;
				height: 230px;
				margin: 0 0 0 20px;
				padding: 0 0 0 0;
				float: left;
				display: block;
				text-align: center;
				text-decoration: none;
				background: url('images/fd_main_cata.jpg') top left no-repeat;
				/*cursor: default;*/
			}
				div.texte a.cata p.titre {
					width: 140px;
					height: 35px;
					margin: 15px auto 0 auto;
					padding: 0 0 0 0;
					font: bold 12px Arial, Helvetica, sans-serif;
					color: #999999;
					cursor: pointer;
					/*border: 1px solid #000000;*/
				}
					div.texte a.cata:hover p.titre {
						color: #000000;
					}
				div.texte a.cata p.photo {
					width: 210px;
					height: 158px;
					margin: 22px auto 0 auto;
					padding: 0 0 0 0;
					cursor: pointer;
				}
					div.texte a.cata:hover p.photo {
						opacity: 0.6 ;
						filter: alpha(opacity=60)!important;
					}
/*---- PRODUITS --------------------------------------------------------------------------------------------------------*/	
	a.add_prod {
		text-decoration: none;
		font: normal 13px Arial, Helvetica, sans-serif;
		color: #333333;
	}
		a.add_prod:hover {
			color: #ff0000;
		}
	
	a.delete_prod {
		text-decoration: none;
		color: #ff0000;
		font: normal 12px Arial, Helvetica, sans-serif;
	}
		a.delete_prod:hover {
			color: #000000;
		}
			
	div.prod_photo {
		width: 400px;
		height: auto;
		margin: 0 0 0 0;
		padding: 10px 0 10px 0;
		float: left;
		text-align: center;
	}
		div.prod_photo img.prod {
			border: 1px solid #CCCCCC;
		}
		
	div.prod_titre {
		width: 420px;
		height: auto;
		margin: 0 0 15px 0;
		padding: 0 0 5px 0;
		float: right;
		font: bold 14px Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #CCCCCC;
	}
	div.prod_texte {
		width: 420px;
		min-height: 235px;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		float: right;
		text-align: left;
		border-bottom: 1px solid #CCCCCC;
	}
	
	div.modif_cata {
		width: 600px;
		height: auto;
		margin: 10px 0 0 0;
		padding: 0 0 0 0;
	}
		div.modif_cata a.modif_cata {
			text-decoration: none;
			color: #FF0000;
			font: normal 12px Arial, Helvetica, sans-serif;
			cursor: pointer;
		}
		div.modif_cata #modif_cata {
			width: 500px;
			height: auto;
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			border: 1px solid #999999;
			display: none;
		}
/*---- CONTACT ---------------------------------------------------------------------------------------------------------*/
	form.form_contact {
		width: 360px;
		height: auto;
		margin: 25px 0 0 15px;
		padding: 0 0 0 0;
	}
		table.form_contact {
			width: 100%;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
			table.form_contact td.intitule {
				width: 85px;
				height: auto;
				vertical-align: top;
				letter-spacing: 1px;
				font: normal 11px Helvetica, Arial, sans-serif;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
			table.form_contact td input.champ {
				width: 180px;
				height: 18px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				border: 1px solid #999999;
			}
				table.form_contact td input.champ_ko {
					width: 180px;
					height: 18px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					border: 1px solid #D24B4F;
				}
			table.form_contact td textarea.champ {
				width: 250px;
				height: 100px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				vertical-align: top;
				border: 1px solid #999999;
			}
				table.form_contact td textarea.champ_ko {
					width: 250px;
					height: 100px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					border: 1px solid #D24B4F;
				}
			table.form_contact td input.valide {
				width: 90px;
				height: 24px;
				letter-spacing: 1px;
				font: normal 11px Helvetica, Arial, sans-serif;
				margin: 10px 0 0 0;
				padding: 0 0 2px 0;
			}
div.footer_contenu {
	width: 980px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url('images/fd_footer.jpg') top left no-repeat;
}
/*---- FOOTER ----------------------------------------------------------------------------------------------------------*/
#footer {
	width: 980px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
	#footer p {
		width:326px;
		margin: 0 0 0 0;
		padding: 10px 0 0 0;
		font: normal 10px Arial, Helvetica, sans-serif;
		color: #535353;
		text-align: center;
		float:left;
	}
		#footer p a {
			font: normal 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #FFFFFF;
		}
		#footer p a:hover {
			color:#CCCCCC;
		}
/*---- MESSAGE ---------------------------------------------------------------------------------------------------------*/
#message{
	width: 100%;
	height: auto;
	left: 0px;
	margin: 220px auto 0 auto;
	padding: 10px;
	position: absolute;
	text-align: center;
}
#message a {
	text-decoration: none;
	color: #963E2F;
}
#message p.close{
	margin: 25px 0 0 0;
}
#message_box{
	width: 450px;
	height: auto;
	margin:0 auto 0 auto;
	padding: 10px 10px 15px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #333333;
	border: 1px solid #FFFFFF;
	opacity: 0.9 ;
	filter: alpha(opacity=90)!important;
}