.contact_el {
  display:flex;
  width:100%;
  margin-bottom:10px;
}

.contact_el_logo_contener {
  flex:1;
}

.contact_el_logo {
    background-color:#49A8A0;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    width: 80px;
    min-height: 80px;
    margin:auto;
}

.contact_el_logo[logo=tel] {
    background-image: url(../images/contact-tel.png);
}
.contact_el_logo[logo=mail] {
    background-image: url(../images/contact-mail.png);
}
.contact_el_logo[logo=adresse] {
    background-image: url(../images/contact-address.png);
}



.contact_el_titre {
  color:#49A8A0;
  font-size:30px;
  background-color:#F6F0EB;
  padding:15px;
  flex:6;
}

.contact_el_form {
  background-color:#F6F0EB;
  padding:15px;
  flex:6;
}

.formChamp {
  display:flex;
  margin-bottom:10px;
}
.formIntituleChamp {
  flex:1;
  padding:5px 20px;
  
}
.formInputChamp {
  flex:2;
}

.formChamp .obligatoire {
  color:#a00;
}

.formChamp input[type=text], .formChamp input[type=email], .formChamp textarea, .formChamp select {
  border:1px solid #D4D0C9;
  padding:5px;
  color: #4B423B;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;  
  width:200px;
}
#message {
  width:100%;
  height:200px;
}

.formInputSubmit {
  text-align:center;
  width:100%;
  margin:20px 0;
}

.formInputSubmit input[type=submit] {
  border:0;
  background-color:#E6D5C9;
  padding:5px;
  color: #4B423B;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;  
  width:200px;
  cursor:pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;  
}
.formInputSubmit input[type=submit]:hover {
   opacity: 0.8;
}                        

.contact_erreur {
  color:#a00;
  font-weight:500;
  margin-bottom:20px;
}

.contact_message {
  color:#0a0;
  font-weight:500;
  margin-bottom:20px;
}

.contact_loi {
  color:#999;
  font-size:12px;
}

.formInfochamp {
  margin:5px 0;
  color:#999;
  font-size:14px;
  font-style:italic;
}

input.dater {
  text-align:center;
  width:120px!important;
}

@media (max-width: 800px) {
  .formChamp{
    display:block;
  }
  .formIntituleChamp {
    padding:0;
    margin-bottom:10px;
  }
}