.map {
    padding: 0;
}
.coord {
    background: #005e20;
    color: #fff;
    min-height: 590px;
    height:auto;
    padding-right: 85px;
    font-size: 18px;
    display: table;
}
.tel_ar {display: block;direction: ltr;text-align: right;}
.coord h1 {
    letter-spacing: 0.2rem;
    font-size: 48px;
    text-transform: uppercase;
    padding-bottom: 30px;
    font-weight: bold;
}
.lib_coord {
    color: #99c23b;
    text-transform: uppercase;
    padding: 30px 0 5px 0;
}
.div_contact {
    display: table-cell;
    vertical-align: middle;
}
h1.titre_contact {
/*    letter-spacing: 0.2rem; */
    font-size: 48px;
    text-transform: uppercase;
    padding-bottom: 30px;
    font-weight: bold;
    text-align: center;
    color: #005e20;
}
.container_form {
    max-width: 780px !important;
    width: 100%;
    margin-bottom:80px;
}
.container_contact {
    padding: 60px 0 !important;
}
 @media screen and (min-width:768px) and   (max-width:1024px) {
.coord h1 {
    letter-spacing: 0.2rem;
    font-size: 38px;}
.coord {padding:20px; }
}

@media screen and (max-width:767px) {
.coord {
    background: #005e20;
    color: #fff;
    min-height: 400px;
    height: auto;
    padding: 0 10px;
    text-align: center;
    font-size: 18px;
    display: block;
}
.div_contact {
    display: block;
    vertical-align: middle;
}
.coord h1 {
font-size:28px;}
h1.titre_contact{
font-size:28px;}
.map iframe {
    max-height: 350px;
}
.container_contact {
    display: flex;
    flex-direction: column-reverse;
}
}