@charset "UTF-8";
body {
  background: #F7F7F7;
}

.bg-client {
  background: #5d5d5f;
}

.btn {
  border: none;
}

.img-circle {
  border-radius: 50%;
  /* même si l image est rectangulaire, elle doit etre en forme de cercle a l affichage */
  width: 100%;
  height: auto;
  max-width: 200px;
  max-height: 200px;
  margin: auto;
  display: block;
  border: 2px solid white;
}

header {
  background: #5d5d5f;
  color: white;
  text-align: center;
  padding-top: 70px;
}
header div.container {
  background: #5d5d5f;
  padding-top: 30px;
}
header h1 {
  font-size: 2.5em;
  padding: 20px 0 20px 0;
}
header h2 {
  padding: 15px 0 25px 0;
  color: #fff;
  font-weight: 300;
  line-height: 1.4;
  /*max-width: 170px;*/
  margin: 0 auto;
  opacity: 0.75;
  font-size: 17px;
}
header a {
  text-decoration: none;
  color: white;
}
header a:hover {
  color: rgba(255, 255, 255, 0.5);
}
header .row div.col {
  /*  border-top:1px solid rgba($color: white, $alpha: 0.4);*/
  /*
  &:first-child{
      border-right:1px solid rgba($color: white, $alpha: 0.4);
  }
  */
  padding-bottom: 30px;
  padding-top: 20px;
}
header .row div.col a {
  color: #5d5d5f;
}

div.container {
  max-width: 570px;
  background: white;
}
div.container div.wrapper {
  max-width: 80%;
  margin: auto;
  padding: 20px 0;
}
div.container div.wrapper table {
  font-size: 0.9em;
}
div.container div.wrapper table a {
  color: black;
  text-decoration: none;
}
div.container div.wrapper table a:hover {
  text-decoration: underline;
}
div.container div.wrapper table td.picto {
  color: #82848f;
  border: none;
  vertical-align: middle;
}
div.container div.wrapper table td.picto i {
  position: relative;
  top: 5px;
  color: #5d5d5f;
}
div.container div.wrapper table td {
  padding-top: 16px;
  padding-bottom: 16px;
}
div.container div.wrapper table td span {
  color: #82848f;
  font-size: 0.8em;
}

@media (max-width: 991.98px) {
  header {
    padding-top: 2px;
  }
}/*# sourceMappingURL=app.css.map */