#page_contact_intro {
  margin-bottom:10px;
}
#page_contact {
  display:flex;  
}
  #page_contact_adresse {
    flex:1;
  }
  #page_contact_form {
    flex:2;
  }
.form_contact_ligne {
  display:flex;
  align-items: space-around;
  flex-wrap:wrap;
  width:100%;  
  margin-bottom:10px;
}

.form_contact_ligne input[type=text], .form_contact_ligne input[type=email], .form_contact_ligne select, .form_contact_ligne textarea {
    padding: 8px;
    flex:1;
    margin:0 5px 0 0;
    font-family: 'Dosis';
    font-size: 18px;  
    background-color:#bbdeb0;
    color:#fff;
    border:0;  
}

.form_contact_ligne textarea {
    flex:2;
}
.form_contact_ligne textarea[name=message] {
  height:160px;
}


.form_contact_ligne input[type=submit] {
  padding: 0;
  margin:10px 0;
  border:0px;
  background-color:#fff;
  color: #000;
  font-weight:bold;
  cursor:pointer;
  transition:0.5s ease-out;
    font-family: 'Dosis';
    font-size: 18px;    
}
.form_contact_ligne input[type=submit]:hover {
  background-color:#fff;
  color: #444;
}

.form_contact_rgpd_mention {
  font-weight:700;
  margin:5px 0;
}
.form_contact_rgpd_infos {
  font-size:10px;
  color:#666;
  margin:5px 0;
}




#page_contact_erreur {
  color:#a00!important;
  margin:10px 0;
}

/*special champ à ignorer pour contrer les robots*/
.mon_champ {
  display:none;
}

/* ------- MEDIA RESPONSIVE ----------------| 640px |-------------------- */

@media (max-width: 640px) {

  #page_contact {
    display:block;
  }
 .form_contact_ligne {
   display:block;
   margin:0;
 }    
 .form_contact_ligne input, .form_contact_ligne select, .form_contact_ligne textarea {
  margin:5px 0!important;
  width:100%;
 }
 

}