body{
    background: #67BE4B;
}
#container{
    width:400px;
    margin:0 auto;
    margin-top:10%;
}
/* Bordered form */
form {
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#container h1{
    width: 38%;
    margin: 0 auto;
    padding-bottom: 10px;
}

/* Full-width inputs */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */
input[type=submit] {
    background-color: #53af57;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
input[type=submit]:hover {
    background-color: white;
    color: #53af57;
    border: 1px solid #53af57;
}

/* Différents formats */
.centrer {
  text-align: center;
}

/* La corps de la police sera  12px */
/* La hauteur de ligne 14px et la   */
/* famille de polices sans-serif    */

.text-12_lg14_sans-serif {
  font: 12px/14px sans-serif;
}

/* La corps de la police sera  14px */
/* La hauteur de ligne 16px et la   */
/* famille de polices sans-serif    */

.text-14_lg16_sans-serif {
  font: 14px/16px sans-serif;
}

/* La corps de la police sera  18px */
/* La hauteur de ligne 20px et la   */
/* famille de polices sans-serif    */

.text-18_lg20_sans-serif {
  font: 18px/20px sans-serif;
}

/* Les liens */

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

a:link {
  color: #265301;
}

a:visited {
  color: #437A16;
}

a:focus {
  border-bottom: 1px solid;
  background: #BAE498;
}

a:hover {
  border-bottom: 1px solid;     
  background: #CDFEAA;
}

a:active {
  background: #265301;
  color: #CDFEAA;
}