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

form header {
	margin: 0 0 20px 0; 
	}
	form header div {
	font-size: 90%;
	color: #999;
	}
	form header h2 {
	margin: 0 0 5px 0;
	}
	form > div {
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 10px 0;
	}
	form > div > fieldset > div > div {
	margin: 0 0 5px 0;
	}
	form > div > label,
	legend {
	width: 25%;
	float: left;
	padding-right: 10px;
	padding-left: 25px;
	}
	form > div > div,
	form > div > fieldset > div {
	width: 75%;
	float: right;
	}
	form > div > fieldset label {
	font-size: 90%;
	}
	fieldset {
	border: 0;
	padding: 0;
	}
	
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	select,
	textarea {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding:6px 12px;
	background:#EEE;
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	select,
	textarea {
	width: 70%;
	}
	input[type=text]:focus,
	input[type=email]:focus,
	input[type=url]:focus,
	input[type=password]:focus,
	select:focus,
	textarea:focus {
	outline: 0;
	border-color: #4697e4;
	background:#FFF;
	}
	input[type=text]:hover,
	input[type=email]:hover,
	input[type=url]:hover,
	input[type=password]:hover,
	select:hover,
	textarea:hover {
	outline: 0;
	border-color:#36C;
	}
	
	@media (max-width: 600px) {
		form > div {
		margin: 0 0 15px 0; 
		}
		form > div > label,
		legend {
		  width: 100%;
		float: none;
		margin: 0 0 5px 0;
		text-align: right;
		padding-left:0;
		}
		form > div > div,
		form > div > fieldset > div {
		width: 100%;
		float: none;
		}
		input[type=text],
		input[type=email],
		input[type=url],
		input[type=password],
		textarea,
		select {
		width: 100%; 
		}
	}
	
	@media (min-width: 1200px) {
		form > div > label,
		legend {
		text-align: right;
		}
	}
	
	
	/* ––––––––––––––––––––––––––––––––––– */
	/*  CONTACTEZ NOUS : FORMULAIRE */
	/* ––––––––––––––––––––––––––––––––––– */
	#infoForm {margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #EEE;}
	#infoForm label {font-weight:bold}
	#infoForm #button {
	font-family:"Open Sans",sans-serif;
	font-size: 1.2em;
	color: #fff;
	letter-spacing: 1px;
	padding:8px 24px 8px 24px;
	text-decoration: none;
	text-shadow: #333;
	line-height: 1em;
	cursor: pointer;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:none;
	background-color: #1260a6;
	}
	#infoForm #button:hover {background:#C30;}
	#infoForm select {background:#eee;color:#333;font-weight:normal;padding:5px}
	
	/* ––––––––––––––––––––––––––––––––––– */
	/*  VALIDATION : ERROR */
	/* ––––––––––––––––––––––––––––––––––– */
	form label.error { display: none; }
	form em {font-weight:bold;color:red;font-size:.9em;line-height:1em}