/*-----------------------------------------*/
/*    form.css
/*-----------------------------------------*/

form, fieldset {font: normal 14pt 'BenchNine', sans-serif;color: #222;border: none;margin: 0;padding: 0;}
label {font: bold 10pt 'Bitter', sans-serif;color: #222;text-transform: none;}
textarea, input, select {font: normal 14pt 'BenchNine', sans-serif;color: #111;vertical-align: middle;margin: 0;padding: 0 5px;border: 1px solid #fff;background: #fff;}
option {text-align: center;font: normal 14pt 'BenchNine', sans-serif;color: #fff;background-color: #444;line-height: 1.3em;}

input[type|='radio'],
input[type|='checkbox'] {margin: 4px;border: none;background: none;}

input[type|='submit'],
input[type|='button'] {text-transform: uppercase;font: bold 12pt 'BenchNine', sans-serif;cursor: pointer;color: #111;padding: 2px 15px;border: none;background: #c2b056;}
input[type|='submit']:hover,
input[type|='button']:hover {color: #fff;background: #111;}
input[type|='file'] {display: none;}

.erreur {color: #fff;background-color: #cc0202;}
.valid {display: inline;margin-left: -25px;padding-left: 16px;background: url("../images/valid.png") no-repeat center center;}
.unvalid {display: inline;margin-left: -25px;padding-left: 16px;background: url("../images/unvalid.png") no-repeat center center;}

/*---- Captcha ----*/

#spam {background-color: #fff;}
label[for|='spam'] {text-transform: none;}
input[id|='spam'],
input[name|='spam'] {text-transform: none;letter-spacing: 0.2em;color: #cc0202;font-weight: bold;}

/*---- Custom Form Select/radio/checkbox ----*/

.customSelect {font: normal 14pt 'BenchNine', sans-serif;color: #111;vertical-align: middle;margin: 0;padding-left: 5px;border: 1px solid #fff;background: #fff;}
.customSelectErreur {color: #fff;border-color: #cc0202;background-color: #cc0202;}
.customSelectInner {background: url('../images/boutons/form_select.png') no-repeat right center;}
.customSelectHover {background: #fff;}

input.styled {display: none;}
.disabled {opacity: 0.5;}
.radio,
.checkbox {display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: 4px;padding: 0;}
.radio {background: url('../images/boutons/form_radio.png') no-repeat;}
.checkbox {background: url('../images/boutons/form_checkbox.png') no-repeat;}