/* Global */
main {
  margin-top:50px;
  margin-bottom: 200px;
}

/* Form */
#regForm {
 background-color: #CCCCCC;
 margin: 0 auto;
 padding: 40px;
 }

/* Input fields */
input {
 padding: 10px;
 width: 100%;
 font-size: 17px;
 font-family: Raleway;
 border: 1px solid #aaaaaa;
}

/* Style des Input qui obtiennent une erreur au moment de la validation : */
input.invalid {
 background-color: #ffdddd;
}

/* Fermer tous les steps par défaut: */
.tab {
 display: none;
}

/* Circles - Steps du form: */
.step {
 height: 15px;
 width: 15px;
 margin: 0 2px;
 background-color: black;
 border: none;
 border-radius: 50%;
 display: inline-block;
 opacity: 0.5;
}

/* Step Actif : */
.step.active {
 opacity: 1;
}

/* Steps terminés et valides : */
.step.finish {
 background-color: #4CAF50;
}