.connaissance_input {
  background: none;
  margin-bottom: 10px;
  padding: 0.75rem;
  width: 80%;
  border: none;
  border-bottom: 3px solid grey;
  color: white;
  background-color: transparent!important;
}

.connaissance_input::placeholder {
  color: #ccc;
}

.connaissance_textarea {
  background: none;
  color: white;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 0.75rem;
  width: 80%;
  height: 120px;
  resize: vertical;
  border: none;
  border: 2px solid grey;
  color: white;
}

.connaissance_textarea::placeholder {
  color: #ccc;
}

#connaissance_btn:hover {
  cursor: pointer;
}

@media (max-width: 455px) {
  #img_renseignement {
    display: none;
  }
}

@media (max-width: 992px) {
  #img_renseignement {
    width: 38vw!important;
  }
}

@media (max-width: 455px) {
  #fermerPopupRenseignement {
    font-size: 60px;
    width: 40px;
  }
}

#container_renseignement {
  overflow: hidden;
  overflow-y: auto;
}

#div_renseignement {
  width: 90%;
  height: 91%;
}

#img_renseignement {
  width: 36vw;
  height: auto;
  margin-left: 8%;
}

.fermer {
  position: absolute;
  top: -15px;
  right: 5%;
  font-size: 64px;
  color: #ffffff;
  cursor: pointer;
}

.tc {
  background-color: #0c141b!important;
  border: none;
}

@media (max-width: 1200px) {
  #form_renseignement {
    display: none;
  }
}

@media (min-width: 1201px) {
  #form_renseignement-2 {
    display: none;
  }
}

@media (max-width: 770px) {
  #col-gauche {
    display: none;
  }
}