.content-main{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    min-height: 80vh;
    margin: 0 auto;
    padding: 0px 35px;
}
.content-main > h1{
    width: 100%;
    font-family: 'Oswald', sans-serif;
    color: #0b757f;
}
.content-main > h2{
    flex: 100%;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    color:#69cad3;
    margin: 0;
}
.div_contact{
    flex: 50%;
    background: #fff;
    padding: 0px 35px;
    border-radius: 20px;
    margin-bottom: 5%;

}
.block_contact_title{
    font-size: 18px;
    font-weight: bold;
    color: #69cad3;
}
#blocks_contact{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
}
.block_contact{
    flex: 50%;
}

#icon-social > a {
    font-size: 20px;
}
.form-group > textarea{
    width: 100%;
}
#form-submit{
	background-color: #0b757f;
    border: none;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
    padding: 10px 55px;
    text-decoration: none;
}
#form-submit:hover {
	background-color:#0d8d99;
}
#form-submit:active {
	position:relative;
	top:1px;
}
.form-group > input, .form-group > textarea{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    outline: none;
    background: #ffffff;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    padding: 7px 15px;
    margin: 10px 0px;
    min-height: 50px;
}

.form-group > textarea{
    min-height: 250px;
}

.msg_error{
    color: #fff;
    font-weight: bold;
    background: red;
    padding: 15px;
    margin-bottom: 5px;
}
.msg_valid{
    color: #fff;
    font-weight: bold;
    background: #69cad3;
    padding: 15px;
}

@media (min-width:1574px) {
    main {
        background: rgba(255, 255, 255, 0.8) url("/img/coaching-sportif-accompagnement-individuel-color.png") no-repeat scroll 0% 0%;
        background-position: right 0% bottom 50%;
    }
    #form_contact_div{
        background: #fff;
        padding: 35px;
        border-radius: 20px;
        margin-bottom: 5%;
        box-shadow: 1px 0px 10px -7px #000;
    }
}

@media (max-width: 1000px){
    .div_contact {
        flex: 100%;
        padding: 0px;
    }
    .content-main > h1{
        font-size: 20px;
    }
}