.img-responsive {
  width: 100%;
}

html body {
  background-image: url("../img/background2.jpg");
  width: 100%;
  background-size: cover;
}

footer {
  position: relative;
  bottom: 0;
}

#couleur li:hover {
  background-color: gray;
}

#couleur li a {
  color: black;
}

#couleurnav {
  background-color: #F9FFFF;
}

/**refactoring en scss***/
.title {
  font-size: 30px;
}

.content {
  padding-right: 50px;
  white-space: pre-line;
}

.img {
  width: 80px;
  height: 50px;
}

.img-profile {
  width: 100px;
  height: 100px;
}

.legend {
  font-size: 32px;
}

/*page projets*/
.reponse {
  white-space: pre-line;
}

/*Page contact (validatorForm)
Selecteur pour une class*/
.valid {
  background-color: yellowgreen;
  border: 2px green solid;
}

.invalid {
  background-color: pink;
  border: 2px red solid;
}

/*media query*/
@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1600px;
  }
}/*# sourceMappingURL=style.css.map */