/**
-----------------------------------------------------------------------------------------------------
-------------------------------------------- CONTACT PART -------------------------------------------
-----------------------------------------------------------------------------------------------------
 */
.content-container #content-container-contact > .container-img-bg{
    width: 100%;

}
.content-container #content-container-contact > .container-img-bg > img{
    width: 100%;
}
.content-container #content-container-contact .container-bloc-contact{
    padding-bottom: 50px;
}
.content-container #content-container-contact .container-body-contact-top{
    width: 100%;
    height: 100px;
    transform-origin: 0% 100%;
    background: #ffffff;
}
.content-container #content-container-contact .container-body-contact h1{
    color: #82686f;
}
.content-container #content-container-contact .container-body-contact p{
    color: #ab9a9f;
    font-size: 20px;
    text-align:center;
}
.content-container #content-container-contact #map{
    height: 300px;
}
.content-container #content-container-contact .container-body-contact .formContact .form-control{
    background: #e8e0dc;
    color: #4b5c62;
}
.content-container #content-container-contact .container-body-contact .formContact .form-control::placeholder{
    color: #4b5c62;
}
.content-container #content-container-contact .container-body-contact .formContact textarea.form-control{
    height: 150px;
}
.content-container #content-container-contact .container-body-contact div.info-contact div ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.content-container #content-container-contact .container-body-contact div.info-contact div ul a{
    font-family: 'quicksandregular';
    color: #977480;
    font-size: 20px;
    cursor:default;
}
.content-container #content-container-contact .container-body-contact div.info-contact div ul a.logo_gps{
    font-size: 40px;
    cursor:pointer;
}
.content-container #content-container-contact .container-body-contact div.info-contact div ul a.logo_gps:hover{
    color: red;
}
.content-container #content-container-contact .container-body-contact div.info-contact div{
    margin-top: 20px;
}
.content-container #content-container-contact .container-body-contact div.info-contact div:first-child{
    margin-top: 0px;
}
.content-container #content-container-contact .container-body-contact div.info-contact div.gps{
    margin-top: 50px;
}
@media screen and (max-width: 980px){
    .content-container #content-container-contact .container-body-contact div.info-contact div ul a{
        font-size: 17px;
    }
}
/**
-----------------------------------------------------------------------------------------------------
-------------------------------------------- CONTACT BLOC -------------------------------------------
-----------------------------------------------------------------------------------------------------
 */
.content-container .container-bloc-contact{
    padding-bottom: 20px;
}
.container-bloc-contact,
.container-bloc-contact .container-body-contact-top{
    background: #605369 !important;
}
.content-container .container-bloc-contact .container-body-contact-top{
    width: 100%;
    height: 100px;
    transform-origin: 0% 100%;
    transform: skewX(0deg) skewY(-2deg);
    background: #605369;
}
.container-bloc-contact .container-body-contact h3{
    color: #c2aea6;
    font-family: 'quicksandregular';
    font-size: 30px;
}
.container-bloc-contact .container-body-contact p{
    color: #928083;
    text-align:center;
}
.container-bloc-contact .container-body-contact div.container-contact-field{
    position:relative;
    top: 50px;
}
.container-bloc-contact .container-body-contact div.info-contact div{
    margin-bottom: 20px;
}
.container-bloc-contact .container-body-contact div.info-contact div ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.container-bloc-contact .container-body-contact div.info-contact div ul a{
    font-family: 'quicksandregular';
    color: #dbccc6;
    font-size: 14px;
    cursor:default;
}
.container-bloc-contact .container-body-contact div.info-contact div ul a.name{
    color: #977480;
}
.container-bloc-contact .container-body-contact div.info-contact div ul a.logo_gps{
    font-size: 40px;
    cursor:pointer;
}
.container-bloc-contact .container-body-contact div.info-contact div ul a.logo_gps:hover{
    color: red;
}
@media (max-width:640px){
    #content-container-contact div.container-img-bg img{
        left: 160px;
        top: 100px;
    }
}
@media (max-width: 480px){
    .container-body-contact{
        padding: 0px 10px;
    }
    .container-body-contact form.formContact div.row.formContact{
        display: block;
    }
    .container-body-contact form.formContact div.row.formContact > div{
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
}