#contact { display: block; width: auto; margin: 0; padding: 0px; border: none; overflow:visible }

/* Form style */

#contact label { display: none; float: none; height:0px; }
input:-moz-placeholder, textarea:-moz-placeholder { color:rgba(255,255,255,0.6); }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:rgba(255,255,255,0.6); }
input.placeholder, textarea.placeholder { color:rgba(255,255,255,0.6); }

input, textarea, select { width:270px; padding:21px 10px; font: 15px "Ubuntu", Georgia, "Times New Roman", Times, serif; color:#fff; border:0; border-bottom:1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block; margin:10px 0 0 0; -webkit-appearance: none; background:none}
#contact textarea { margin-bottom:0px; margin-right:0px !important; }

input:focus, textarea:focus, select:focus { background:rgba(0, 48, 80, 0.40); }
input.submit { position:relative; width:auto; margin:0 auto; color:#000; font-size:15px; text-shadow:1px 1px 0px rgba(206, 245, 210, 1); background:#adefb4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top:#81e0ab 1px solid; border-left:#81e0ab 1px solid; border-right:#81e0ab 1px solid; border-bottom:#81e0ab 4px solid; padding:4px 25px 5px 25px; cursor:pointer; }
#contact input.submit:hover { background:#c2f3c7; text-shadow:1px 1px 0px rgba(218, 248, 221, 1); border-top:#81e0ab 1px solid; border-left:#81e0ab 1px solid; border-right:#81e0ab 1px solid; border-bottom:#81e0ab 4px solid;  }

/*select { color: rgba(255,255,255,0.6); }
option:first-child { display:none; }
option { color: #000 !important; background: #094365; }*/

.placeholder { color: rgba(255,255,255,0.6); margin-top:8px !important; }
 
select option:first-child{color:grey; display: none;}
select option {color:#fff; background: #094365;}

#contact fieldset { padding-left:0px;}

#contact span.required { padding-left:28px; background:url(../images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }

#message { margin: 0; padding: 0px; z-index:200; height:auto; width:298px }
#success_page { width:298px  }
/*#success_page h3 {font-size:15px; font-weight:600; padding:34px 40px 0 40px; margin-bottom:-6px; }
#success_page p {position:relative !important; padding-bottom:35px;  font-style:italic;}*/

.error_message { 
  height: auto;
  padding: 10px 0;
  text-align: center;
  color: red;
  font-weight: bold;
  background: rgba(255, 0, 0, 0.30);
}

.loader { display:none; }

.code-zone { margin:10px 0 0 20px; float:left; background:#FFFFFF; box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2); padding:15px; }
#code { width:180px; float:left; display:inline-block; }

#contact .padding-right {padding-right:20px; }
#comments {height: 155px; }

input#nom:valid, input#email:valid, input#com:valid, input#code:valid {
  border-bottom: 1px green solid;
}

.contact-mail {
	display:block;
	background: rgba(16, 135, 196, 1) url(../images/mail_icon.png) no-repeat center center;
	width: 30px;
	height: 30px;
	position: relative;
	float:left;
	margin: -5px 10px 0 0px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
}
.contact-tel {
	display:block;
	background: rgba(16, 135, 196, 1) url(../images/phone_icon.png) no-repeat center center;
	width: 30px;
	height: 30px;
	position: relative;
	float:left;
	margin: -5px 10px 0 0px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
}