add comment element for error message state (used in the login/emain/password format

front/src/common/component/error-message-state/error-message-state.html

@@ -0,0 +1 @@
+<div class="error color-shadow-black" *ngIf="value !== true && value !== false">{{value}}</div>

front/src/common/component/error-message-state/error-message-state.less

@@ -0,0 +1,34 @@
+
+.error {
+	background-color: #f44336;
+	position: absolute;
+	z-index: 10;
+	display: block;
+	max-width: 450px;
+	padding: 5px 8px;
+	margin: 2px 0 0;
+	font-size: 16px;
+	font-weight: 400;
+	border-style: solid;
+	border-width: 0px;
+	box-sizing: border-box;
+
+	&:after,
+	&:before {
+		bottom: 100%;
+		left: 25px;
+		border: solid transparent;
+		content: ' ';
+		height: 0;
+		width: 0;
+		position: absolute;
+		pointer-events: none;
+	}
+
+	&:after {
+		border-bottom-color: #f44336;
+		border-width: 10px;
+		margin-left: -10px;
+	}
+}
+

front/src/common/component/error-message-state/error-message-state.ts

@@ -0,0 +1,17 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { Component, Input } from '@angular/core';
+
+@Component({
+	selector: 'app-error-message-state',
+	templateUrl: 'error-message-state.html',
+	styleUrls: ['error-message-state.less'],
+})
+export class ErrorMessageStateComponent {
+	/// Value of the password
+	@Input() value: boolean|string = false;
+
+}