@charset "utf-8";
/* CSS Document */
/* ©2013 Didier Berck */

/*  reset --> */
:required,
:invalid,
:valid {  
	box-shadow: none; 
}
input:focus,
select:focus,
textarea:focus {
	outline: none;
	-webkit-box-shadow: 0 0 2px #bdce0f inset;
	   -moz-box-shadow: 0 0 2px #bdce0f inset;
	        box-shadow: 0 0 2px #bdce0f inset;
}
:-moz-submit-invalid {  
	box-shadow: none;  
}
:-moz-ui-invalid {  
	box-shadow:none;  
}
/* <-- reset */

/* rows --> */
form.form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
form.form {
	margin: 0;
}
form.form p {
	padding: 0.5em 0 0 0;
	margin: 0 !important;
}
form.form label.left, 
form.form span.left {
	display: inline-block;
	width: 23%;
	padding-right: 2%;
	margin-right: -6px;
	vertical-align: middle;
	line-height: 1em;
	text-align: right;
}
form.form span.right {
	display: inline-block;
	width: 75%;
	background-position: right center;
	background-repeat: no-repeat;
}
form.form span.required {
	background-image: url(../images/form-required.png);
}
form.form span.valid {
	background-image: url(../images/form-valid.png);
}
form.form span.invalid {
	background-image: url(../images/form-invalid.png);
}
@media screen and (max-width:760px) {
	form.form label.left,
	form.form span.left {
		display: block;
		width: 100%;
		text-align: left;
	}
	form.form span.right {
		display: block;
		width: 100%;
	}
}
/* <-- rows */

/* elements --> */
form.form input, 
form.form select, 
form.form textarea {
	background-color: #fff;
	border: none;
	vertical-align: top;
	color: #343636;
	font-family: "proxima-nova", Times, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: 300;
}
form.form input.input, 
form.form textarea.input {
	width: 74.5%;
	padding: 0.25em 0.25%;
}
form.form textarea.input {
	min-width: 74.5%;
	max-width: 74.5%;
	min-height: 5em;
	overflow: auto;
}
form.form select.input {
	width: 74.5%;
	padding: 0;
}
form.form input.radio {
	margin: -0.075em 0 0.075em 0;
	background-color: transparent !important;
	background: none !important;
	border: 0;
	vertical-align: middle;
}
form.form input[type=checkbox] {
	margin-right: 8px;
}
form.form input.required,
form.form textarea.required,
form.form select.required {
	background: #fff url(../images/form-required.png) 99% 5px no-repeat;
}
form.form select.required {
	background: #fff url(../images/form-required.png) 95% 5px no-repeat;
}
form.form input.valid,
form.form textarea.valid {
	background: #fff url(../images/form-valid.png) 99% 5px no-repeat;
}
form.form select.valid {
	background: #fff url(../images/form-valid.png) 95% 5px no-repeat;
}
form.form input.invalid,
form.form textarea.invalid {
	background: #fff url(../images/form-invalid.png) 99% 5px no-repeat;
}
form.form select.invalid {
	background: #fff url(../images/form-invalid.png) 95% 5px no-repeat;
}
@media screen and (max-width:760px) {
	form.form input.input, 
	form.form textarea.input {
		width: 99.5%;
	}
	form.form textarea.input {
		min-width: 99.5%;
		max-width: 99.5%;
	}
	form.form select.input {
		width: 99.5%;
	}
}
/* <-- elements */

/* submit --> */
form.form input[type=submit],
form.form button {
	display: inline-block;
	padding: 0.25em 1.5em;
	float: right;
	background: #343636;
	background: -webkit-linear-gradient(top, #343636 0%, #000 100%);
	background:    -moz-linear-gradient(top, #343636 0%, #000 100%);
	background:      -o-linear-gradient(top, #343636 0%, #000 100%);
	background:         linear-gradient(to bottom, #343636 0%, #000 100%);
	border: none;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	        box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	font-family: "bree", Times, Arial, sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1em;
	text-shadow: 0 -1px 1px #222;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	cursor: pointer;
}
form.form input[type=submit]:hover,
form.form input[type=submit]:focus,
form.form input[type=submit]:active,
form.form button:hover,
form.form button:focus,
form.form button:active {
	background-color: #000;
	background-image: -webkit-linear-gradient(top, #000 0%, #343636 100%);
	background-image:    -moz-linear-gradient(top, #000 0%, #343636 100%);
	background-image:      -o-linear-gradient(top, #000 0%, #343636 100%);
	background-image:         linear-gradient(to bottom, #000 0%, #343636 100%);
}
/* <-- submit */

/* antispam --> */
img#code-secu {
	max-width: 100%;
	margin-top: -5px;
	vertical-align: top;
}
@media screen and (max-width:760px) {
	p.antispam {
		text-align: left;
	}
}
/* <-- antispam */

/* errors --> */
.errors {
	color: #ce330f;
}
/* <-- errors */