.wrapper_contacter {
  display: grid;
  row-gap: 20px;
  column-gap: 50px;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  align-content: start;
  padding:40px;
}

.wrapper_contacter_col1 {
  position: relative;
}

.wrapper_contacter_col2 {
  position: relative;
}

.contacter_titretext {
  font-family: Spartan;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  display: block;
  margin: 0 4px 10px 0;
  text-transform: uppercase;
  text-align: left;
}
.contacter_labelzonesaisie {
  font-family: Spartan;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  display: block;
  margin: 10px 4px 10px 0;
  text-align: left;
}
.contacter_zonesaisie {
  font-family: Spartan;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px #e0e0e0 solid;
  height: 40px;
  line-height: 32px;
  text-align: left;
  display:inline-block;
  width:100%;
}
.contacter_texte {
  font-family: Spartan;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  display: block;
  margin-right: 4px;
  text-align: left;
}
.contacter_btnvalid{
  font-size:20px;
  color:#fff;
  width:max-content;
  background-color:#AFBFBE;
  padding:10px 20px 10px 20px;
  margin:6px;
  cursor:pointer;
}
.contacter_icone{
  display: inline-block;
}