.left-input {
    width: 50%;
    float: left;
    margin-bottom: 40px;
}
.etiq-css {
    width: 95%;
    float: left;
    margin-top: 65px;
    font-size: 18px;
}

.input_css {
    border: 0 !important;
    border-bottom: 1px solid #01263a !important;
    width: 85%;
    padding: 10px 10px 10px 5px;
    font-size: 17px;
}
.input_css::placeholder{
    color:#000;
    font-family: 'Open Sans', sans-serif;

}
.right-input .input_css {
   width: 92.5% !important;
   resize: none !important;
   min-height: 90px;
}
.input_css.eroorcss {
     border-bottom: 1px solid red !important;
}
textarea.eroorcss {
border-bottom: 1px solid red !important;
resize: none !important;
 width: 95% !important;
}
.input_css:focus {
    
outline: none;
}
.right-input {
    width: 100%;
    float: left;
}

.input_css.textareacss {
    resize: none !important;
    width: 95%;
}
.form-error {
    color: red;
    background: #ffbfbf;
    width: 92.5%;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    float: left;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}
.form-sucess {
    background: #dfffbf;
    color: green;
    width: 92.5%;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    float: left;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}
.text-css {
    width: 100%;
    margin: 20px 0;
    float: left;
}

.form-submit {
    color: #fff !important;
    padding: 13px 40px;
    text-decoration: none !important;
    transition: all .3s;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    background: #000;
    float: left;
    font-size: 15px;
}
.form-submit:hover {
    background: #313131;
}
.map-container iframe {
    width: 100%;
}
@media screen and (max-width: 991px) {
.left-input {
    width: 100%;
}
.input_css {
    width: 100%;
    font-size: 15px;
}
.input_css.textareacss {
    width: 100%;
}
.etiq-css {
    font-size: 15px;
}
}
span.label_css {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.titre-contacts {
    margin-bottom: 35px;
}
.cords-contact div {
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
.cords-contact  a {color: #000;font-family: 'Open Sans', sans-serif;}
.cords-contact strong {
    font-family: 'Open Sans', sans-serif;
}
.a-propos-contact p {
    font-family: 'Open Sans', sans-serif;
    float: left;
    margin-bottom: 30px;
}
.soc-contacts {
    float: left;
}

.soc-contacts a {
    display: flex;
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #000;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    text-decoration: none !important;
}
.soc-contacts a:hover{
    background: #313131;
}
.soc-contacts span {
    color: #fff;
}

.form-map-container {
    margin-top: 90px;
}

.container-infos-contact {
    margin: 0 auto;
    width: 85%;
}
@media screen and (max-width: 1024px) {
.container-infos-contact {width: 100%;padding-top: 60px;}
}
@media screen and (max-width: 991px) {
.container-infos-contact {
    margin-top: 15px;
    max-width: 700px;
}
.form-map-container {
    margin:0 auto;
    margin-top:60px;
    max-width: 700px;

}
.map-container {
    margin-top: 40px;
}
.right-input .input_css {
   width: 100% !important;
}
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 768px) {
.container-infos-contact {
    max-width: 450px;
}
.form-map-container {
    max-width: 450px;

}
.a-propos-contact {
    margin-top: 40px;
}
.titre-contacts {
    margin-bottom: 35px;
}
.cords-contact strong {
    font-size:16px;
}
}
@media screen and (max-width: 499px) {
.container-infos-contact {
    max-width: 300px;
}
.form-map-container {
    max-width: 300px;

}
}