body {
    font-family: Roboto !important;
}

.separator_blue {
    float: none;
    width: 80px;
    margin: 0px auto !important;
    padding: 5px !important;
    padding-bottom: 0px !important;
}

    .separator_blue hr {
        width: 100%;
        background-color: transparent;
        border-width: 3px;
        border-color: rgb(0, 72, 129);
        border-style: solid;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        display: block;
        height: 1px;
        padding: 0;
    }

.globalContact {
    padding: 60px 0px;
    background-image: linear-gradient(rgb(246,247,249),rgb(246,247,249)),linear-gradient(rgb(238,238,238),rgb(238,238,238));
}

    .globalContact h1 {
        font-size: 45px;
        font-weight: 300;
        text-align: center;
        font-family: Roboto !important;
    }

    .globalContact .besoinFormation {
        font-size: 20px;
        font-weight: 400;
        color: rgb(0, 0, 0);
        text-align: center;
        padding-top: 20px;
    }

    .globalContact .containerContact {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        margin-top:40px;
        text-align:center;
    }

        .globalContact .containerContact .gauche {
            display: inline-block;
            width: 680px;
            max-width: 100%;
            vertical-align: top;
            background-color: white;
            box-shadow: rgb(207, 207, 207) 0px 0px 10px 0px;
            text-align: left;
        }

        .globalContact .containerContact .droite {
            display: inline-block;
            width: 485px;
            max-width: 100%;
            vertical-align: top;
            background-color: white;
            margin-left: 30px;
            box-shadow: rgb(207, 207, 207) 0px 0px 10px 0px;
        }

            .globalContact .containerContact .droite .logoContact {
                text-align: center;
                margin-top:40px;
            }

            .globalContact .containerContact .droite .descWaltrade {
                text-align: justify;
                padding: 30px;
                font-size: 16px;
                line-height: 1.5em;
            }

            .globalContact .containerContact .droite .coordonneesContact {
                max-width: 300px;
                margin: 0 auto;
                font-weight: 400;
                font-size: 17px;
                margin-top: 20px;
                margin-bottom:62px;
            }

                .globalContact .containerContact .droite .coordonneesContact div {
                    margin-bottom:20px;
                    text-align:left;
                }

                    .globalContact .containerContact .droite .coordonneesContact div svg {
                        width: 16px;
                        height: 16px;
                        fill: rgb(0, 72, 129);
                        margin-right: 20px;
                    }

@media (max-width: 1185px) {
    .globalContact .containerContact .droite {
        margin-left: 0px;
    }

    .besoinFormation{
        padding:0px 10px;
    }
}

@media (max-width: 1215px) {
    .globalContact .containerContact .droite {
        margin-top: 30px;
    }

    .globalContact .containerContact {
        padding: 10px;
    }
}




body {
    font-family: roboto;
    background-color: white;
}

.InputLoginForm {
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 37px !important;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 1em;
    max-width: 100% !important;
}

    .InputLoginForm:focus {
        outline: none;
        border: 2px solid #9bb9ec;
    }

.InputCommentaireForm {
    background-position: 10px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 1em;
    max-width: 100% !important;
}

    .InputCommentaireForm:focus {
        outline: none;
        border: 2px solid #9bb9ec;
    }

#InputName, #InputEmail {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTUgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjE1eDE1PC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZGVmcz48L2RlZnM+PGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJsb2dpbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0LjAwMDAwMCwgLTIyMy4wMDAwMDApIiBmaWxsPSIjQzRDNEM0Ij48cGF0aCBkPSJNNDQuMTQ2MjY1MSwyMjUuNjMwNDY5IEM0NC4xNDYyNjUxLDIyNC41MzAzMDggNDUuMDQzMzI1MiwyMjMuNjM4NDUyIDQ2LjE1MjEyMzgsMjIzLjYzODQ1MiBMNTYuMTQwNDA2NCwyMjMuNjM4NDUyIEM1Ny4yNDgyMTE2LDIyMy42Mzg0NTIgNTguMTQ2MjY1MSwyMjQuNTM4NjI4IDU4LjE0NjI2NTEsMjI1LjYzMDQ2OSBMNTguMTQ2MjY1MSwyMzIuNjQ2NDM1IEM1OC4xNDYyNjUxLDIzMy43NDY1OTUgNTcuMjQ5MjA1LDIzNC42Mzg0NTIgNTYuMTQwNDA2NCwyMzQuNjM4NDUyIEw0Ni4xNTIxMjM4LDIzNC42Mzg0NTIgQzQ1LjA0NDMxODYsMjM0LjYzODQ1MiA0NC4xNDYyNjUxLDIzMy43MzgyNzYgNDQuMTQ2MjY1MSwyMzIuNjQ2NDM1IEw0NC4xNDYyNjUxLDIyNS42MzA0NjkgWiBNNDUuMTQ2MjY1MSwyMjcuMTM4NDUyIEw0NS4xNDYyNjUxLDIyNS42Mzg0NTIgTDUxLjE0NjI2NTEsMjI5LjEzODQ1MiBMNTcuMTQ2MjY1MSwyMjUuNjM4NDUyIEw1Ny4xNDYyNjUxLDIyNy4xMzg0NTIgTDUxLjE0NjI2NTEsMjMwLjYzODQ1MiBMNDUuMTQ2MjY1MSwyMjcuMTM4NDUyIFoiIGlkPSIxNXgxNSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+Cg==");
}

#InputTel {
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU3OC4xMDYgNTc4LjEwNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTc4LjEwNiA1NzguMTA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTU3Ny44Myw0NTYuMTI4YzEuMjI1LDkuMzg1LTEuNjM1LDE3LjU0NS04LjU2OCwyNC40OGwtODEuMzk2LDgwLjc4MSAgICBjLTMuNjcyLDQuMDgtOC40NjUsNy41NTEtMTQuMzgxLDEwLjQwNGMtNS45MTYsMi44NTctMTEuNzI5LDQuNjkzLTE3LjQzOSw1LjUwOGMtMC40MDgsMC0xLjYzNSwwLjEwNS0zLjY3NiwwLjMwOSAgICBjLTIuMDM3LDAuMjAzLTQuNjg5LDAuMzA3LTcuOTUzLDAuMzA3Yy03Ljc1NCwwLTIwLjMwMS0xLjMyNi0zNy42NDEtMy45NzlzLTM4LjU1NS05LjE4Mi02My42NDUtMTkuNTg0ICAgIGMtMjUuMDk2LTEwLjQwNC01My41NTMtMjYuMDEyLTg1LjM3Ni00Ni44MThjLTMxLjgyMy0yMC44MDUtNjUuNjg4LTQ5LjM2Ny0xMDEuNTkyLTg1LjY4ICAgIGMtMjguNTYtMjguMTUyLTUyLjIyNC01NS4wOC03MC45OTItODAuNzgzYy0xOC43NjgtMjUuNzA1LTMzLjg2NC00OS40NzEtNDUuMjg4LTcxLjI5OSAgICBjLTExLjQyNS0yMS44MjgtMTkuOTkzLTQxLjYxNi0yNS43MDUtNTkuMzY0UzQuNTksMTc3LjM2MiwyLjU1LDE2NC41MXMtMi44NTYtMjIuOTUtMi40NDgtMzAuMjk0ICAgIGMwLjQwOC03LjM0NCwwLjYxMi0xMS40MjQsMC42MTItMTIuMjRjMC44MTYtNS43MTIsMi42NTItMTEuNTI2LDUuNTA4LTE3LjQ0MnM2LjMyNC0xMC43MSwxMC40MDQtMTQuMzgyTDk4LjAyMiw4Ljc1NiAgICBjNS43MTItNS43MTIsMTIuMjQtOC41NjgsMTkuNTg0LTguNTY4YzUuMzA0LDAsOS45OTYsMS41MywxNC4wNzYsNC41OXM3LjU0OCw2LjgzNCwxMC40MDQsMTEuMzIybDY1LjQ4NCwxMjQuMjM2ICAgIGMzLjY3Miw2LjUyOCw0LjY5MiwxMy42NjgsMy4wNiwyMS40MmMtMS42MzIsNy43NTItNS4xLDE0LjI4LTEwLjQwNCwxOS41ODRsLTI5Ljk4OCwyOS45ODhjLTAuODE2LDAuODE2LTEuNTMsMi4xNDItMi4xNDIsMy45NzggICAgcy0wLjkxOCwzLjM2Ni0wLjkxOCw0LjU5YzEuNjMyLDguNTY4LDUuMzA0LDE4LjM2LDExLjAxNiwyOS4zNzZjNC44OTYsOS43OTIsMTIuNDQ0LDIxLjcyNiwyMi42NDQsMzUuODAyICAgIHMyNC42ODQsMzAuMjkzLDQzLjQ1Miw0OC42NTNjMTguMzYsMTguNzcsMzQuNjgsMzMuMzU0LDQ4Ljk2LDQzLjc2YzE0LjI3NywxMC40LDI2LjIxNSwxOC4wNTMsMzUuODAzLDIyLjk0OSAgICBjOS41ODgsNC44OTYsMTYuOTMyLDcuODU0LDIyLjAzMSw4Ljg3MWw3LjY0OCwxLjUzMWMwLjgxNiwwLDIuMTQ1LTAuMzA3LDMuOTc5LTAuOTE4YzEuODM2LTAuNjEzLDMuMTYyLTEuMzI2LDMuOTc5LTIuMTQzICAgIGwzNC44ODMtMzUuNDk2YzcuMzQ4LTYuNTI3LDE1LjkxMi05Ljc5MSwyNS43MDUtOS43OTFjNi45MzgsMCwxMi40NDMsMS4yMjMsMTYuNTIzLDMuNjcyaDAuNjExbDExOC4xMTUsNjkuNzY4ICAgIEM1NzEuMDk4LDQ0MS4yMzgsNTc2LjE5Nyw0NDcuOTY4LDU3Ny44Myw0NTYuMTI4eiIgZmlsbD0iI2M0YzRjNCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}

#InputName {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJTaWduLXVwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQuMDAwMDAwLCAtMjQ1LjAwMDAwMCkiIGZpbGw9IiNDNEM0QzQiPjxnIGlkPSJHcm91cC01Ij48ZyBpZD0iR3JvdXAtMy1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOC4wMDAwMDAsIDIzMy4wMDAwMDApIj48cGF0aCBkPSJNMjUuOTI4ODc1NSwyMC42NTY1ODk0IEMyNy45NzY5NTk4LDIxLjIxNTkyMDEgMzAsMjIuMjk3MDM0NyAzMCwyMy44MzMzMzMzIEwzMCwyNiBMMTYsMjYgTDE2LDIzLjgzMzMzMzMgQzE2LDIyLjI5NzAzNDcgMTguMDIzMDQwMiwyMS4yMTU5MjAxIDIwLjA3MTEyNDUsMjAuNjU2NTg5NCBDMjAuOTE5NTM0OCwyMS4xOTEwNjYgMjEuOTI0MDMyNSwyMS41IDIzLDIxLjUgQzI0LjA3NTk2NzUsMjEuNSAyNS4wODA0NjUyLDIxLjE5MTA2NiAyNS45Mjg4NzU1LDIwLjY1NjU4OTQgWiBNMjcsMTYgQzI3LDE4LjIxMzMzMzMgMjUuMjA2NjY2NywyMCAyMywyMCBDMjAuNzkzMzMzMywyMCAxOSwxOC4yMTMzMzMzIDE5LDE2IEMxOSwxMy43OTMzMzMzIDIwLjc5MzMzMzMsMTIgMjMsMTIgQzI1LjIwNjY2NjcsMTIgMjcsMTMuNzkzMzMzMyAyNywxNiBaIiBpZD0idXNlcl9pY29uIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPgo=")
}

.ValidateForm:hover {
    background: #bf292b;
    color: #fff;
}

.ValidateForm {
    background: 0;
    background-color: #db4c3f;
    color: #fff !important;
    text-shadow: none;
    border: 1px solid transparent;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 15px !important;
    font-weight: normal;
    padding: 9px 12px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
}

.divError {
    color: red;
}

.leftFormContact {
    width: 308px;
    display: inline-block;
    padding-right: 8px;
    max-width: 49.5%;
}

.rightFormContact {
    width: 308px;
    display: inline-block;
    padding-left: 8px;
    max-width: 49.5%;
}

label {
    border-left: 2px solid rgb(0, 72, 129);
    padding-left: 15px;
    margin-bottom: 10px;
    font-weight: 400;
}

.blue_button_reverse {
    color: white;
    line-height: 1.2em;
    font-size: 18px;
    background-color: rgb(0, 72, 129) !important;
    padding: 15px 25px !important;
    border-radius: 3px;
    text-decoration: none !important;
    border: 1px solid rgb(0, 72, 129);
    margin: 0 auto;
}

    .blue_button_reverse:hover {
        color: rgb(0, 72, 129);
        background-color: transparent !important;
    }



@media (max-width: 422px) {
    .leftFormContact {
        max-width: 49%;
    }

    .rightFormContact {
        max-width: 49%;
    }
}