/* Style the form - display items horizontally */
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.alert-info{
	visibility: hidden;
	color:#0c5460;
	background-color:#d1ecf1;
	border: 1px solid #abdde5;
	border-radius: 8px;
	text-align: center;
	padding: 10px 10px 10px;
}

/* Add some margins for each label */
.label {
  margin: 10px 100px 10px 10px;
  font-size: 16px;
  font-family: cursive;
}

.container {
	text-align: left;
	margin: 10px 10px 10px 10px;
	background-color: #f2f2f2;
	padding: 20px 20px 15px 20px;
	border: 1px solid lightgrey;
	border-radius: 8px;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -16px;
}

.col-25 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}

.col-25 {
  padding: 0 16px;
}

#email:focus,
#confemail:focus {
  border: 3px solid #555;
}

/* Style the input fields */
#email {
  vertical-align: middle;
  margin: 10px 10px 20px 50px;
  padding: 10px;
  background-color: #fff;
  border: border: 3px solid #555;
  width:20%;
}

.imgvalid {
	vertical-align: middle;
	margin: 10px 10px 20px -20px;
	padding: 10px;
	width: 30px;
	height: 30px;
	visibility: hidden;
}

#confemail {
  vertical-align: middle;
  margin: 10px 10px 20px -60px;
  padding: 10px;
  background-color: #fff;
  border: border: 3px solid #555;
  width:20%;
}

.form-inline p {
	margin: 10px 100px 10px 10px;
	font-size: 18px;
	color: red;
}

.form-inline text {
	color: red;
}

/* Style the submit button */
#btnEnregistrer {
  padding: 10px 50px;
  display: block;
  margin : auto;
  background-color: #006aa6;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: white;
  width: 20%;
}

#btnEnregistrer:hover {
  background-color: royalblue;
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
  #email,
  #confemail {
    margin: 10px 0;
  }

  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}