@charset "utf-8";
/* CSS Document */


div#fond-form{
	position:relative;
	width:680px;
	height:592px;
	background:#FFF;
	padding:20px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}


div#fond-form #formulaire{
	position:relative;
	width:280px;
	height:auto;
	float:left;
}

div#fond-form #formulaire #infos-form{
	position:relative;
	width:295px;
	height:auto;
	}




div#fond-form #map{
	position:relative;
	width:400px;
	height:auto;
	float:left;
	margin-top:-12px;
}

div#fond-form #map h4{
color:#055563;
font-family: 'HelveticaNeueLTStd75Bold';
font-size:14px;
}


div#fond-form #map p{
color:#999;
font-family: 'HelveticaNeueLTStd45Light';
font-size:12px;
margin:0px;
}


/*----------------------- FORMULAIRE  ----------------------------*/

.description{
	padding: 10px;
	border: 1px solid #9d9b9b;
	font-family: 'Arial';
	margin-top:108px;
	font-size: 14px;
}

#formulaire{
font-family: 'Arial';
}

#formulaire h1{
	font-family: 'Arial';
	color:#209BD8;
	margin:0px;
	font-size:20px;
}

#formulaire label{
	font-family: 'Arial';
	display:block;
	width:200px;
	float:left;
}

.clear-both{
	
	clear: both;
	
}

#formulaire input[type=submit]{
	display:block;
	margin:10px 0px;
	width:80px;
	height:30px;
	background: #209BD8;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.19, #209BD8),
		color-stop(0.6, #48c1fd)
	    );
	background-image: -moz-linear-gradient(
	    center bottom,
	    #209BD8 19%,
	    #48c1fd 60%
	);
	font-family: 'HelveticaNeueLTStd45Light';
	color:#FFF;
	border: 1px solid #209BD8;
	font-size:16px;
	
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#formulaire input[type=submit]:hover{
	
	background: #20a4e5;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.19, #20a4e5),
		color-stop(0.6, #64cafd)
	    );
	background-image: -moz-linear-gradient(
	    center bottom,
	    #20a4e5 19%,
	    #64cafd 60%
	);
	color: #e3e5e6;
}


#formulaire input[type=text], input[type=tel]{
	width:250px;
	height:25px;
	font-size:1.1em;
	color:#666;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #CCC;
	background:#e7e8ea;
}

#formulaire input[type=email]{
	width:250px;
	height:25px;
	font-size:1.1em;
	color:#666;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #CCC;
	background:#e7e8ea;
}

#formulaire textarea{
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #CCC;
	width:450px;
	height:195px;
	background:#e7e8ea;
}

#formulaire textarea:focus{

	background: white;
}


#formulaire input:focus:invalid{
	background:#ffc9c9;
	border:1px solid #900;
}

#formulaire input:focus:valid{
	background:#c9ffcc;
	border: 1px solid #060;
}