.form_avis{
	float: left;
	width: 100%;
	margin-bottom: 40px;
    box-sizing: border-box;
	position: relative;
}
.form_avis:last-child{
	margin-bottom: 0px;
}
	.form-label {
	    float: left;
	    width: 30%;
	    line-height: 32px;
	    padding-right: 10px;
	    box-sizing: border-box;
	    text-align: right;
	}
	.form-label + .form-field {
	    float: left;
	    width: 70%;
	}
	.form-line{
		float: left;
		width: 100%;
		position: relative;
	}
		.form-data{
			float: left;
			width: 100%;
			margin-bottom: 10px;
			box-sizing: border-box;
		}
		.form-data.half{
			width: 50%;
			padding-right: 10px;
		}
		.form-data:last-child{
			padding-right: 0;
		}
			.form-field {
				float: left;
				width: 100%;
				height: 32px;
				line-height: 30px;
				padding: 0 8px;
				background: #ffffff;
				border: 1px solid #cccccc;
				box-sizing: border-box;
				position: relative;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
			textarea.form-field {
				line-height: 15px;
				padding: 8px;
				height: auto;
				min-height: 168px;
			}
			.form-submit {
				display: block;
				float: right;
				height: 30px;
				box-sizing: border-box;
			}
			.form-asterisk {
				float: right;
				line-height: 30px;
				margin-right: 10px;
				color: #888888;
				font-style: italic;
				font-size: 12px;
			}
			.form-field.error{
				background-color: #FFDDDD;
				border-color: #E0BBBB;
			}

.form-result{
	display: none;
	float: left;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	color: #ffffff;
}
.form-result.success{
	background: #226B15;
}
.form-result.error{
	background: #9A2323;
}
	.form_avis.success .form-result.success{
		display: block;
	}
	.form_avis.error .form-result.error{
		display: block;
	}

::-webkit-input-placeholder{
	color: #888888;
}
:-moz-placeholder{
	color: #888888;
}
::-moz-placeholder{
	color: #888888;
}
:-ms-input-placeholder{
	color: #888888;
}