@charset "utf-8";
/* CSS Document */

#message {
	width:90%;
	text-align:justify;
	margin: 1em auto;
	font-size: 1.8rem;
}

.info, .success, .warning, .error, .validation {
	width:80%;
    border: 1px solid;
    margin: 10px auto;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	text-align:justify;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}


@media only screen and (max-width : 999px){
	#message {
		width:98%;
	}
	
	.info, .success, .warning, .error, .validation {
		font-size: 1.2rem;
		box-sizing: border-box;
		width:98%;
   		padding:3em 1em 1em 1em;
		background-position: center 0.5em;
	}

}