@font-face
{
font-family: 'Contact';
src: url('Contact.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#contact_form
{
width: 90%;
max-width: 720px;
margin: auto;
padding: 2em 0;
}
#contact_form input, #contact_form textarea, #contact_form button
{
display: block;
box-sizing: border-box;
width: 100%;
margin-bottom: 1em;
padding: 1.25em;
background: white;
box-shadow: 0 0 1.5em rgba(0,0,0,0.5);
border: 1px solid white;
border-radius: 4px;
color: black;
font-size: 1.15em;
font-weight: 600;
}
#contact_form:not(.envoi) input:hover, #contact_form:not(.envoi) textarea:hover, #contact_form:not(.envoi) button:hover {border-color: black;}
#contact_form input:focus, #contact_form textarea:focus, #contact_form button:focus {border-color: black;}
#contact_form > *::-moz-selection {background: black; color: white;}
#contact_form > *::selection {background: black; color: white;}
#contact_form input, #contact_form textarea {padding-left: 4em;}
#contact_form > i
{
display: block;
position: absolute;
padding: 0.7em;
font-size: 1.65em;
font-style: normal;
}
#contact_form textarea
{
height: 10em;
min-height: 10em;
resize: vertical;
}
#contact_form [type=submit]
{
background: rgba(0,0,0,0.75);
border: none;
color: white;
font-weight: 600;
text-transform: uppercase;
transition: background 0.5s, color 0.5s;
}
#contact_form [type=submit]:hover {background: rgba(0,0,0,1);}
#contact_form [type=submit] span i
{
display: inline-block;
margin-left: 0.2em;
font-family: Contact;
font-weight: 400;
font-style: normal;
text-transform: none;
}
#contact_form [type=submit] span:not(:first-child) {display: none;}
#contact_form.envoi [type=submit] .idle, #contact_form.envoye [type=submit] .idle {display: none;}
#contact_form.envoi > :not([type=submit]) {filter: blur(3px);}
#contact_form.envoi [type=submit]
{
cursor: default;
background: rgb(25,25,25);
}
#contact_form.envoi [type=submit] .wait {display: block;}
#contact_form.envoi [type=submit] .wait i {animation: tourne 1s linear infinite;}
#contact_form.envoi [type=submit] .good {display: none;}
#contact_form.envoye [type=submit]
{
background: rgb(25,25,25);
color: rgb(150,200,50);
}
#contact_form.envoye [type=submit] .wait {display: none;}
#contact_form.envoye [type=submit] .good {display: block;}
@media (max-height: 800px) {
	#contact_form input, #contact_form textarea, #contact_form button {padding: 0.5em;}
	#contact_form input, #contact_form textarea {padding-left: 2.5em;}
	#contact_form > i {font-size: 1.3em;}
}