#box{
	width:500px;
	margin:20px auto;
	padding-top:5px;
	font-family: serif;
}
#form{
	border-radius:10px;
	border: 1px solid #1A33FF;
    background: #ecf5fc;
    padding: 20px 35px 35px;
	/* padding:2px 170px; */
	box-shadow:0 0 15px;
	font-size:14px;
	font-weight:bold;
	/* width:100%; */
	margin:20px 250px 0 35px;
	/* float:left; */
	margin-left:auto;
	margin-right:auto;
}
h3{
	text-align:center;
	font-size:20px;
}
input{
	width:100%;
	height:35px;
	margin-top:5px;
	margin-bottom: 20px;
	border:1px solid #999;
	border-radius:3px;
	padding:5px;
}
input[type=submit]{
	background-color:blue;
	border:1px solid white;
	font-family: serif;
	font-Weight:bold;
	font-size:18px;
	color:white;
}
textarea{
	width:100%;
	height:80px;
	margin-top:5px;
	border-radius:3px;
	padding:5px;
	resize:none;
}
span{
	color:red
}

#mention {
	color:black;	
	font-size:0.7em;
	background-color: #7acc7d;
	text-align:center;
}



.successMessage{
    background-color: #7acc7d;
    border: #2b5a2d 1px solid;
    padding: 5px 9px;
    color: #262b26;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}
.errorMessage{
    background-color: #e64141;
    border: #da1414 1px solid;
    padding: 5px 10px;
    color: #fdf7f7;
    border-radius: 4px;
}
.info{
    font-size: 0.9em;
    color: #d67262;
    letter-spacing: 2px;
    padding-left: 5px;
}