.contact-form {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100%;
}

.contact-form fieldset {
	width: 80%;
	max-width: 600px;
	margin: 20px auto 0 auto;
	border: none;
	padding: 1em;
}

.contact-form legend {
	color: gray;
	font-variant: small-caps;
	font-size: 1.2rem;
	margin: 0 0 0 0.6em;
	padding: 0.6em 0.8em;
}

.edit-field {
	clear: left;
	float: none;
	width: 100%;
	padding-top: 1em;
}

.edit-msg {
	clear: left;
	float: none;
	width: 100%;
	padding-top: 1rem;
}

.name_label {
	float: left;
	width: 30%;
	font-size: 1rem;
	text-align: right;
	color: gray;
	padding: 0;
}

.text-input, input.invalid, input.valid {
	float: left;
	width: 50%;
	margin-left: 8%;
	padding: 0.1em 0;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	font-size: 0.9rem;
}

.select-input {
	margin-left: 20px;
	margin-top: 7px;
	font-size: 0.9rem;
}

.textarea-input, textarea.invalid, textarea.valid {
	float: left;
	width: 50%;
	margin-left: 8%;
	font-family: Verdana;
	font-size: 0.9rem;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
}

input.invalid, textarea.invalid {
	background: #ffa;
}

input.valid, textarea.valid {
	background: #afa;
}

form .send-button {
	clear: both;
	width: 30%;
	min-width: 150px;
	padding: 0.8em;
	border: 1px solid #fefefe;
	margin-top: 20px;
	margin-left: 29%;
	color: #254d4d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	background: white;
	border-radius: 5px;
}


form input.send-button:hover {
	background: gray;
	color: #ffffff;
}

#alert_messages {
	display: none;
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
}

#alert_text {
	position: absolute;
	background-color: white;
	border: 1px solid white;
	width: 30%;
	min-width: 200px;
	max-width: 350px;
	left: 0;
	margin: 5em auto auto auto;
}

#alert_messages .close {
	display: inline-block;
	text-align: right;
	padding-right: 1%;
}

/***************************/
/* FORMATAGE DE LA REPONSE */
/***************************/

#img-answer {
	width: 100%;
	margin-top: 6em;
}

#image {
	margin-left: 17%;
}

#content {
	clear: both;
	width: 90%;
	margin: 1em auto 0 auto;
	padding: 1em;
}

#content h2 {
	margin-top: 2em;
	margin-bottom: 1.4em;
	font-size: 2.0em;
	color: grey;
}

#content p {
	font-size: 1rem;
	margin: 0.7em 0;
	color: grey;
}

#checkmark {
	position: relative;
	top: -64px;
	left: -72px;
}

a.retour {
	color: #464646;
	text-decoration: none;
}

/******************************************/

@media only screen and (max-width: 480px) {
	.contact-form fieldset {
		width: 90%;
		padding: 0 0 0 2em;
	}
}