body {
	background-image:		url('images/banniere-nous-joindre.jpg');
}


h3 {
	font-size:					48px;
}

#haut {
}

	#haut .gauche {
		float:					left;
		width:					420px;
	}

		#haut .gauche ul {
			list-style:				none;
			padding:				0;
			margin:					0;
			margin-top:				20px;
		}

		#haut .gauche li {
			font-family: 			'MavenProBold';
			padding:				25px 0 25px 40px;
			border-bottom:			1px solid #E7E7E7;
		}

		#haut .gauche li.adresse {
			background-image:		url('images/icone-carte-bleu.png');
			background-repeat:		no-repeat;
			background-position:	0 26px;
		}

		#haut .gauche li.tel {
			font-family:			'MavenProRegular';
			font-size:	 			24px;
			border-bottom:			1px solid #E7E7E7;
			background-image:		url('images/icone-telephone-bleu.png');
			background-repeat:		no-repeat;
			background-position:	0 20px;
		}

		#haut .gauche li.courriel {
			border-bottom: 			none;
			background-image:		url('images/icone-courriel-bleu.png');
			background-repeat:		no-repeat;
			background-position:	0 26px;
		}

		#haut .gauche li.courriel a.hover {
			color:					#03addc;
		}

	#haut .droite {
		float:					right;
		width:					400px;
		position:				relative;
	}

		#haut .droite #photo-carte {
			background-image:			url('images/photo-carte.png');
			width:						227px;
			height:						132px;
			position:					absolute;
			bottom: 					-20px;
			left:						20px;
			z-index:  					9999;
		}


#contact {
	margin-top:				40px;
	margin-bottom:			20px;
}

	#contact .gauche {
		float:					left;
		width:					400px;
	}

	#contact .droite {
		float:					right;
		width:					400px;
	}

	#contact #champ-courriel {
		margin-top:				20px;
	}

label {
	font-family:			'MavenProRegular';
	font-size:				22px;
	color:					#03ADDC;
	display:				block;
}

textarea, input[type='text'] {
	border:					1px solid #E7E7E7;
	line-height:			1.2em;
	padding:				8px;
	font-family:			'MavenProRegular';
	font-size:				15pt;
	width:					100%;
	-webkit-border-radius: 	3px;
	-moz-border-radius: 	3px;
	border-radius: 			3px;
	box-shadow: 			0 0 2px 1px #E7E7E7;
}

textarea {
	width:					383px;
	height:					114px;
	font-size:				12pt;
}

#soumettre {
	margin-top:				12px;
	color: 					#FFF;
	width: 					100%;
	background:				#00ACDC;
	border:					none;
	-webkit-border-radius: 	3px;
	-moz-border-radius: 	3px;
	border-radius: 			3px;
	height:					60px;
	font-family: 			'MavenProBold';
	font-size:				22px;
	cursor: 				pointer;
	background:				#00ACDC url('images/icone-courrier-bouton.png') no-repeat 350px;
}

#soumettre.hover-bouton {
	background:				#E2E417 url('images/icone-courrier-bouton.png') no-repeat 350px;
}

#champ-soumettre {
	margin:					0;
	padding:				0;
	position:				relative;
}
	#champ-soumettre .hover {
		background-image:	    url('images/icone-courrier-bouton-hover.png');
		background-repeat:		no-repeat;
		position:				absolute;
		width:					37px;
		height:					36px;
		top:					24px;
		right:					13px;
		display:				none;
		cursor: 				pointer;
	}

#soumettre.patienter {
	background-image:		url('images/ajax-loader.gif');
	background-repeat:		no-repeat;
	background-position:	250px 22px;
}

#contenu-bas {
	min-height:				240px;
}

#contenu-bas .boite {
	background:				#FFF;
	width:					836px;
	height: 				45px;
	border:					1px solid #E7E7E7;
	-webkit-border-radius: 	3px;
	-moz-border-radius: 	3px;
	border-radius: 			3px;
	box-shadow: 			0 0 2px 1px #E7E7E7;
	padding:				20px;
	margin-top:				80px;
}

	#contenu-bas .boite .gauche {
		float:					left;
		width:					380px;
	}

	#contenu-bas .boite .droite {
		float:					right;
		width:					420px;
	}

	#contenu-bas ul li{
		border-bottom:			none;
		text-align:				left;
		padding:				2px;
		padding-left:			20px;
		background-position:	0 8px;
	}

	#contenu-bas #bouteille {
		background-image:		url('images/bouteille.png');
		background-repeat:		no-repeat;
		width:					226px;
		height:					169px;
		position:				absolute;
		top: 					-190px;
		left:					-65px;
		z-index:				10;
	}