body {
  /* background-color: #34404E; */
  font: bold 12px Lato;
  /* background-image: url(/images/fond.jpg) ; */
  background-color: #34404E;
  background-size: 150%;
  background-repeat: repeat;
}
.container {
  margin-left: 35%;
  margin-right: 35%;
  width: 30%;
  text-align: center;
  background-color: #fff;
  padding: 15px;
  box-sizing: border-box;
  /* width: 100%; */
  border: solid #9a9a9a 3px;
  padding: 5px;

}
@media (max-width: 992px) {
  .container {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
  }
}
h3 {
  font: bold 30px Lato;
  letter-spacing: 2px;
  color: #9a9a9a;
}
.upper-body {
  margin-top: 10%;
  margin-bottom: 10px;
}
.upper-body h3 {
  color: #fff;
  margin-bottom: 0.4rem;
}
.input-field .prefix {
  padding-top: 7px;
}
.input-field:not([type="search"]).col input {
  height: 45px;
  transition: all 0.3s;
}
.input-field:not([type="search"]).col input:focus + label {
  color: #74808a !important;
}
.input-field:not([type="search"]) label {
  padding-left: 3%;
}
.input-field:not([type="search"]) .prefix {
  height: 47px;
  transition: all 0.3s;
}
.input-field:not([type="search"]) .prefix.active {
  color: #74808a !important;
}
img {
  width: 160px;
}
.lower {
  margin-top: 15px;
}
.lower a {
  color: #9a9a9a;
  font-size: 14px;
  letter-spacing: 1px;
}
i {
  color: #74808a !important;
}
h1 {
  color: #5a5a5a;
}
.btn {
  box-shadow: none;
  text-transform: uppercase;
  background-color: #333333;
}
.btn:hover {
  background-color: #696868;
}
.material-icons.md-18 {
  font-size: 18px;
}
col {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -webkit-column-rule: 1px solid #ddd;
  -moz-column-rule: 1px solid #ddd;
  column-rule: 1px solid #ddd;
}
::-webkit-input-placeholder {
  color: #9a9a9a;
}
:-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
::-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #9a9a9a;
}
.brand-logo {
  color: #333333;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 2.1rem;
  margin-top: 2.1rem;
  margin-bottom: 1.68rem;
}
.brand-logo img {
  margin-bottom: -18px;
}
span {
  line-height: 3rem;
}
.input-field {
  color: #5a5a5a;
  margin-bottom: 0;
}
.succMsg {
  color: #A6005C;
  font-size: 15px;
  font-weight: bold;
  padding-top: 15px;
}
.errMsg {
  color: #F44336;
  font-size: 15px;
  font-weight: bold;
  padding-top: 15px;
}
.voir {
  border: 1px solid #ddd;
  background: #ebf0f5 !important;
  color: #5a87a4;
}
input,
.prefix {
  border: none;
}
input[type=text].full-required-input,
input[type=password].full-required-input,
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]) {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
}
.full-required-prefix {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}
input[type=text].empty-required-input,
input[type=password].empty-required-input {
  border-top: 1px solid #9fb1bf;
  border-right: 1px solid #9fb1bf;
  border-bottom: 1px solid #9fb1bf;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.empty-required-prefix {
  border-top: 1px solid #9fb1bf;
  border-left: 1px solid #9fb1bf;
  border-bottom: 1px solid #9fb1bf;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
input[type=text].focus-input,
input[type=password].focus-input,
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]) {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #74808a !important;
  box-shadow: 0 1px 0 0 #74808a !important;
}