a.retour {
	display: block;
	width: 20%;
	max-width: 140px;
	border-radius: 5px;
	margin: 2em auto;
	text-align: center;
	font-size: 0.8em;
	padding: 0.8em 1em;
	color: #ff6a0b;
	background-color: white;
}

.contact-form, .contact-form input, .contact-form textarea {
	font-family: 'Hero', sans-serif;
	font-size: 0.9rem;
	color: #7f7f7f;
}

.contact-form fieldset {
	width: 60%;
	max-width: 600px;
	margin: 20px auto 0 auto;
	border: 2px solid #ff8005;
	padding: 2em;
}

.contact-form legend {
	font-variant: small-caps;
	font-size: 1.2em;
	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: 1em;
}

.contact-form label {
	display: block;
	float: left;
	width: 30%;
	padding-top: 0.5em;
	text-align: right;
}

.contact-form input {
	display: block;
	float: left;
	width: 55%;
	margin-left: 4%;
	padding: 0.5em 1.5em;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-radius: 0.5em;
	outline: none;
}

textarea.msg {
	display: block;
	background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
	color: #ffffff;
	border: none;
	border-radius: 1em;
	padding: 1.2em 1.5em;
	font-size: 1em;
	outline: none;
	transition: all 0.3s ease;
	width: 55%;
  	min-height: 100px;
  	margin-left: 34%;
	resize: vertical;
	text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

textarea.msg:focus {
  	box-shadow: 0 0 0 3px rgba(250, 112, 154, 0.4);
}

textarea.msg::placeholder {
  	color: #ffffff;
}
/*https://frontend-hero.com/beautiful-css-textarea-examples*/

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

.contact-form input[type="submit"] {

}


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

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

#message {
	width: 400px;
	margin: 0 auto;
}

#message h2 {
	margin-top: 30px;
	font-size: 2.0em;
	color: #000000;
}

#message p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 16px 0px;
	color: #000000;
}

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

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

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