body {
  background-color: #f4f4f4;
  font-family: Verdana, Arial, serif;
  margin: 0em;
}

.container {
  margin-top: 0;
  padding: 0;
  background-color: aliceblue;
}

#view {
  background-color: ghostwhite;
  padding: 1em 1em;
  transition: margin-left 0.5s;
  border: 1px solid darkgray;
}

#view a {
  color: #dc143c;
  text-decoration: none;
}

#view a:hover {
  background-color: #dc143c;
  color: white;
}

#view .important {
  padding: 0.5em;
  background-color: gainsboro;
  /* border: 1px solid #69c; */
  /* font-size: 90%; */
}

#view .important2 {
  /* background-color: gainsboro; */
  /* font-style: italic; */
  /* margin: 0 1.5em 1em 1.5em; */
  padding: 0.5em;
  border: 3px dashed gainsboro;
}

#view .small {
  font-size: 0.8em;
}

/* .carousel-inner a:hover {
  background-color: #a0a0a0;
  color: darkslategrey;
  opacity: 0.25;
  border: 5px solid yellow;
} */

/* .carousel-control-next a:hover {
  background-color: #a0a0a0;
  color: darkslategrey;
  opacity: 0.1;
  border: 5px solid yellow;
} */

/* images bootstrap full responsive */
/* .carousel-inner img {
  width: 100%;
  height: 100%;
} */



/* page de contact */
#contact-form label {
  margin-top: 7px;
  width: 10em;
  vertical-align: top;
}

#contact-form input {
  max-width: 45em;
  width: 100%;
}

#contact-form .form-control {
  display: inline-block;
}

#contact-form textarea {
  resize: horizontal;
  overflow: auto;
  max-width: 45em;
  min-width: 150px;
  min-height: 200px;
  width: 100%;
  /* border: 1px solid #3f3f3f; */
}

#contact-form .button-center {
  display: block;
  margin: 1.0em auto;
  text-align: center;
}

#contact-form #dummy-contener {
  display: none;
}

#contact-form #result {
  display: none;
  overflow-wrap: break-word;
}



/* petits écrans, on prend toute la largeur */
@media (max-width: 991px) {
  body {
    margin: 0;
  }

  .container {
    max-width: 100%;
  }

  fieldset label {
    margin-top: 1em;
  }

  fieldset textarea {
    max-width: 100%;
  }

  fieldset input {
    max-width: 100%;
  }
}