/* CSS Document */

body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }


body {
	background: #000;
}


	#main {
		width: 960px;
		margin: 0 auto;	
	}
	
	#fabrication, #marche {
		padding-top: 25px;
	}
	
	#fabrication img.left {
		float: left;
		margin-left: 22px;
	}
	
	#fabrication img.right {
		float: right;
		margin-right: 22px;
	}
	
	#fabrication img {
		border: none;
	}
	
	
	#marche img.left { margin-right: 8px; float: left;}
	#marche img.right { margin-left: 0px; float: right; } 
	
	#marche {
		position: relative;	
	}
	
	.img1, .img2 {
		position: absolute;
		top: 200px;
		border: 3px solid #000;
	}
	
	.img1 {
		right: 320px;
	}
	
	.img2 {
		right: -3px;
	}
	
	
	#contact, #mentions {
		padding: 0;
		background: #ffe5b7;
		font-size: 12px;
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif
	}
	
		#carte-acces {
			position: absolute; 
			top: 20px;
			right: 20px;
		}
		
		#contact form {
			padding: 0 0 0 40px;
		}
	
		#contact h1, #mentions h1 {
			font-size: 16px;
			font-weight: bold;
			padding: 20px 0 0 40px;
		}
	
		#contact label {
			display: block;
			width: 130px;
			float: left;
		}
		
		#contact input, #contact textarea {
			width: 350px;
			border: none;
			height: 18px;
		}
		
		#contact textarea {
			height: 155px;
		}
		
		#formFooter input {
			width: 211px;
			height: 52px;
			background: url(images/btn-envoyer.gif) no-repeat;
			font-weight: bold;
			position: relative;
			left: 200px;
			padding-bottom: 0px;
		}		
		
		.alert, .confirm {
			text-align: center;
			width: 468px;
			padding: 5px;
			margin-left: 30px !important;
		}
		
		.alert {
			border: 1px solid red;		
			color: red;
		}
		
		.confirm {
			border: 1px solid blue;		
			color: blue;
		}		
		
		#mentions {
			padding-bottom: 20px;
			text-align: center;
		}
		
		#mentions h1 {
			font-size: 18px !important;
			font-weight: bold;
			margin-left: 0 !important;
			padding-left: 0;
		}
		
		#mentions p {
			margin-left: 0px;
		}
		
		
		#index {
			position: relative;
		}
		
		#index #contener {
			width: 434px;
			height: 481px;
			background: url(images/fond-home.jpg) no-repeat;
			position: absolute;
			top:51px;
			right:23px;
			font-style: italic;
			font-weight: bold;
			opacity: 0;
			filter: alpha(opacity=0);
		}
		
		#index #contener p {
			text-align: justify;
			margin-left: 25px;
			margin-right: 25px;
			font-size: 17px;
		}
		
	
		#marche {
			position: relative;
		}
		
		#marche #contener {
			width: 434px;
			height: 340px;
			background: url(images/fond-marche.jpg) no-repeat;
			position: absolute;
			left:15px;
			bottom:15px;
			font-style: italic;
			font-weight: bold;
			opacity: 0;
			filter: alpha(opacity=0);
		}
		
		#marche #contener p {
			text-align: center;
			margin-left: 25px;
			margin-right: 25px;
			font-size: 17px;
		}		
	
	#footer {
		width: 90%;
		margin: 15px auto;
		background: url(images/background-footer.jpg) no-repeat;
		background-position: 50% 0;
		height: 120px;
		text-align: center;
		
	}
	
		#footer address {
			padding-top: 20px;
			color: #f8b55b;
			font-weight: bold;
			font-size: 20px;
		}
		
		#keywords, #keywords a {
			color: #666666;	
			text-align: center;
		}
		
			#keywords ul {
				margin: 0;
				padding: 0;
				width: 960px;
				text-align: center;
				list-style: none;
				margin: 15px auto;
			}
			
				#keywords li {
					display: inline;
				}
				
#bm_image_display {
	border: 3px #FFF solid;
}