/* -------------------------------- PAGE BANNER -----------------------------*/
.page_banner .bg_img
{
    background-image: url(../../../medias/images/headers/contact_600px.jpg);
}
/* -------------------------------- PAGE BANNER -----------------------------*/
/* ---------------------------- SPECIFIC CONTENT ----------------------------*/
.contact_form
{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    max-width: 540px;
    width: 100%;
}

.contact_form form
{
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    width: 100%;
}

.contact_form .form_row
{ 
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    width: 100%;
}

.contact_form .form_row.pt
{
    padding-top: 5px;
}

.contact_form .form_row.msg
{
    text-align: center;
}

.contact_form .form_row.footer
{
    padding-top: 5px;
}

.contact_form .form_row.footer .sep
{
    margin-left: 5px;
    margin-right: 5px;
}

.contact_form .form_cmds
{ 
    margin-top: 20px;
    text-align: center;
}

.contact_form .form_cmds .text_btn
{ 
    max-width: 160px;
    min-width: 120px;
    width: calc(50% - 8px);
}

.contact_form .form_cmds .text_btn:nth-child(2n)
{ 
    margin-left: 5px;
}

.contact_form .form_cmds .text_btn:nth-child(2n+1)
{ 
    margin-right: 5px;
}

.contact_form .form_msg
{
    padding-top: 30px;
    text-align: center;
}

.contact_form .form_msg p
{
    margin: 0px;
    margin-bottom: 30px;
    padding: 0px;
}

.contact_form .confirm .infos
{
    margin-top: 20px;
}
/* ---------------------------- SPECIFIC CONTENT ----------------------------*/
/* --------------------------- RESPONSIVE STYLES ----------------------------*/
@media only screen and (min-width: 600px)
{
    .page_banner .bg_img
    {
        background-image: url(../../../medias/images/headers/contact_900px.jpg);
    }
}

@media only screen and (min-width: 900px)
{
    .page_banner .bg_img
    {
        background-image: url(../../../medias/images/headers/contact_1200px.jpg);
    }
}

@media only screen and (min-width: 1200px)
{
    .page_banner .bg_img
    {
        background-image: url(../../../medias/images/headers/contact_1800px.jpg);
    }
}

@media only screen and (min-width: 1800px)
{
    .page_banner .bg_img
    {
        background-image: url(../../../medias/images/headers/contact_2400px.jpg);
    }
}
/* --------------------------- RESPONSIVE STYLES ----------------------------*/