﻿body{
	background-color: #231f1e;
	margin: 0;
	font-family: verdana;
	font-size: 11px;
	color: #fff;
}
img{
	border: 0;
}
a{
	text-decoration: none;
	color: #01b3f3;
}
a:hover{
	color: #fff;
	text-decoration: underline;
}
#conteneur{
	width: 979px;
	margin: 10px auto 0 auto;
	background: #1d1918 url('../img/fondConteneur.png') repeat-y;
}
	#banniere{
		margin: 0 8px;
		height: 136px;
		background: url('../img/banniere.jpg') no-repeat;
	}
	#corps{
		width: 963px;
		margin: 0 8px;
		background: #1d1918 url('../img/fondCorps.jpg') no-repeat left bottom;
	}
		#menu ul.menu{
			float: left;
			height: 15px;
			padding: 0;
			margin: 10px 0 15px 10px;
			list-style: disc inside url('../img/puceMenu.png');
			color: #01b3f3;
			font-weight: bold;
			width: 600px;
		}
			#menu ul.menu li{
				float: left;
				margin: 0 50px 0 0;
			}
		#menu ul.langues{
			height: 15px;
			padding: 0;
			float: right;
			color: #01b3f3;
			font-weight: bold;
			list-style-type: none;
		}
			#menu ul.langues li{
				float: left;
				margin: 0 5px 0 0;
			}
		#contenu{
		}
		
			  /*----------------*/
			 /* Page d'accueil */
			/*----------------*/
			#flash{
				margin: 0 0 0 112px;
				width: 777px;
				height: 371px;
			}
			#intro{
				padding-bottom: 12px;
				margin: 0 0 0 300px;
				font-weight: bold;
				font-size: 13px;
				width: 650px;
			}
			#intro strong{
				color: #01b3f3;
			}
			/* Texte */
			#contenu p, #contenu blockquote, #contenu div.acces, #contenu .colonne ,#submit{
				padding: 10px;
				-padding: 0px;
				border: 1px solid #3F3836;
				background: url('../img/fondP.png');
			}
			#contenu p{
				text-align: justify;
				text-indent: 15px;
				line-height: 18px;
				margin: 0 25px 25px 25px;
			}
			#contenu p:first-letter{
				font-weight: bold;
				font-size: 20px;
			} 
			
			  /*-------------------*/
			 /* Page Nos Produits */
			/*-------------------*/
			#contenu.nos_produits{
				padding: 25px 0 0 0;
			}
			#contenu .colonne{
				float: left;
				margin: 0 25px 25px 25px;
			}
			#contenu div.galerie{
				width: 409px;
				-width: 390px;
			}
				#contenu .galerie h1{
					margin: 5px 15px 15px 5px;
					font-size: 14px;
					font-weight: bold;
				}
			#contenu .thumb{
				padding: 5px;
				float: left;
				width: 100px;
				height: 100px;
				margin: 12px;
				-margin: 5px;
			}
				#contenu .thumb img{
					width: 100px;
					height: 100px;
				}
				#contenu .thumb img.zoom{
					width: auto;
					height: auto;
				}
				
			  /*--------------*/
			 /* Page Contact */
			/*--------------*/
			#contenu p.contact{
				width: 450px;
			}
				p.contact strong{
					color: #01b3f3;
				}
			#contenu form.contact{
				margin: 30px 30px 0 30px;
				width: 450px;
			}
				#contenu form.contact div.champ{
					clear: both;
					text-align: left;
					margin-top: 4px;
				}
					#contenu form.contact div.champ label{
						float: left;
						display: block;
						width: 100px;
						padding-top: 3px;
						margin: 0 0 0 10px;
					}
					#contenu form.contact div.champ input{
						float: left;
					}
					#adresse, #email{
						width: 309px;
					}
					#cp{
						width: 50px;
					}
					#tel{
						width: 97px;
					}
					#fax{
						width: 96px;
					}
					#msg{
						width: 309px;
					}
					#submit{
						margin: 20px 0 8px 180px;
						height: 50px;
						width: 100px;
						color: #fff;
						font-weight: bold;
					}
			#contenu div.contact{
				margin: 35px 0 10px 50px;
				text-align: center;
			}
				#contenu div.contact img{
					margin: 10px 0;
				}
			#reponseContact{
				width: 520px;
				text-align: left;
			}
			  /*------------*/
			 /* Page Accès */
			/*------------*/
			#contenu div.acces{
				width: 200px;
			}
			#contenu p.acces{
				margin: 5px;
			}
				#contenu p.acces strong{
					color: #01b3f3;
				}
			#contenu div.transport{
				width: 570px;
			}
			#contenu div.googleMap{
				margin-left: 150px;
				-margin-left: 80px;
			}
#pied{
	padding: 6px;
	height: 118px;
	width: 967px;
	margin: 0 auto;
	background: url('../img/pied.jpg') no-repeat;
}
	#pied blockquote{
		padding: 5px;
		margin: 0 0 0 10px;
		border: 1px solid #3F3836;
		background: url('../img/fondP.png');
		width: 760px;
	}
	#pied blockquote strong{
		font-weight: bold;
		font-size: 20px;
	}
.clearer{
	clear: both;
}
