@charset "UTF-8";
/**********************************************************************************************************************
Pour toutes les tailles d'écran
**********************************************************************************************************************/
#img_certifications {
  height: 50vh;
}

.titre_certif > h1, .titre_vdc > h1, .titre_certifzone > h1, .titre_sysbadge > h1 {
  color: #0C3C56;
}

.illu_certification {
  width: 100vw;
  padding-right: 47px;
}

.image_map {
  background-color: #fff;
}

.btn_col {
  margin-bottom: 20px;
}

.material-button {
  height: 8em;
  width: 8em;
  color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
  cursor: pointer;
}

.option2 span:nth-child(2), .option3 span:nth-child(2) {
  display: block;
}

.option3 > img {
  width: 50px;
}

#certif {
  font-size: 13em;
}

#vdc {
  width: 80%;
  height: 80%;
}

.option1 {
  background: #A50044;
}

.option1:hover {
  background-color: #730032;
}

.option2 {
  background: #7DBEC0;
}

.option2:hover {
  background: #59898A;
}

.option3 {
  background: #FFFFFF;
}

.option3:hover {
  background: #EEEEEE;
}

.main-content {
  background: #F06250;
}

.card-body {
  text-align: center;
}

.image {
  width: 100%;
}

.validation {
  margin-top: 8vh;
  margin-bottom: 2vh;
}

.image_validation {
  max-height: 217px;
}

.image {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.logo {
  width: 100%;
}

@media (min-width: 992px) {
  .illu_certification {
    float: right;
    max-width: 812px;
    width: 100%;
    padding: 0;
  }
}

/*# sourceMappingURL=certifications.css.map */
