/* Form style */

mark.validate {
	display:inline-block;
	margin: 0 0 0 5px;
	width: 16px;
	height: 16px;
	background: transparent none;
}
mark.valid {
	background: url(../img/success.png) no-repeat top left;
}
mark.error {
	background: url(../img/error.png) no-repeat top left;
}
#contact label {
	float:left;
	width:100%;
}
#contact label.verify {
	padding: 0;
	margin: 2px 10px 2px 0;
	text-align: left;
}
#contact label.verify img {
	padding:1px;
	border:1px solid #c0c0c0;
}

#contact input, #contact textarea {
	border:1px solid #c0c0c0;
	width:92%;
	height:30px;
	color:#000;
	font-size:13px;
	margin:0px 0px 11px 0px;
	padding:5px 10px 5px 10px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	background-color:#fff;
}
#contact .styled-select select {
	margin:0px 0px 11px 0px;
	padding:5px 10px 5px 10px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
   	background: url(../img/down_arrow_select.png) no-repeat 95% #FFF;
	width:92%;
	height:30px;
   	font-size: 13px;
	border:1px solid #c0c0c0;
   	border-radius: 0;
   	-webkit-appearance:none;
}
#contact input#verify {
}
#contact textarea {
	height:105px;
}
#contact textarea.devis  {
	height:160px;
}
#contact input:focus, #contact textarea:focus {
	border:1px solid #000;
	color:#000;
	outline:none !important;
}
#contact .styled-select select:focus {
	border:1px solid #000;
	color:#000;
	outline:none !important;
}
#contact input.error, #contact textarea.error {
	border:1px solid #ff0000;
}
#contact .styled-select select.error {
	border:1px solid #ff0000;
}
#contact input.submit {
    width: 92%;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-bottom:30px !important;
    outline: none;
    padding: 10px 15px 10px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    border: none !important;
    background-color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-size: 30px 30px;
	margin-top:15px;
}
#contact input.submit:hover {
	background-color:#ff6633;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#contact input.submit:active, #contact input.submit:focus {
	top: 1px;
}

#contact input[type="submit"][disabled] { background-color:#5a5a5a; }
#contact input[type="checkbox"] { width:20px; margin-top:11px; }
#contact span.required{ font-size: 14px; color: #000; font-weight:bold } /* Select the colour of the * if the field is required. */

#message {   margin: 0 0 0 0; padding: 0; display: block; background: transparent none; }

.error_message {
	background: url('../img/error.png') left no-repeat ;
	padding-left:22px; 
	color:#ff6633; 
	letter-spacing:normal;
	font-family: Arial;
	font-weight:normal;
    font-style:italic;
	font-size:14px;
	line-height:1.5;
	margin-bottom:20px;
	margin-top:0px !important;
	word-spacing: 0.2em;
}

.loader { padding: 0 0 0 5px; }

#contact h8 { background: url('../img/success.png') left no-repeat; padding-left:22px; }
#contact h9 { background: url('../img/error.png') left no-repeat; padding-left:22px; }

#contact input[type="radio"] { width: 20px; margin-top:0px;}
#contact .radio {width:92%;}

acronym { border-bottom:1px dotted #ccc; }


/* ================= MEDIA QUERIES ================== */
@media only screen and (max-width:1340px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:91%;
}
@media only screen and (max-width:1330px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:90%;
}
@media only screen and (max-width:1320px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:89%;
}
@media only screen and (max-width:1310px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:88%;
}
@media only screen and (max-width:1300px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:87%;
}
@media only screen and (max-width:1290px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:86%;
}
@media only screen and (max-width:1290px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:86%;
}
@media only screen and (max-width:1280px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:86%;
}
@media only screen and (max-width:700px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:95%;
}
}
@media only screen and (max-width:480px) {
#contact input, #contact textarea, #contact .styled-select select, #contact input.submit, #contact .radio {
	width:93%;
}