﻿.page_body { 
    padding: 0;
    /*background: url("../_client/images/agentCommerciauxContact.png") no-repeat center center;*/
    /*background-position-y: 951px;*/
    /*padding-bottom: 589px;
    min-height: 800px;*/
}

.page_body--content {
    margin: auto;
}

.page_body--content {
    max-width: 1200px;
    background: url("../_client/images/agentCommerciauxContact.png") no-repeat center center;
    background-position-y: 805px;
    padding-bottom: 589px;
    min-height: 800px;
    background-size : contain;
}

.page_body--titre1 {
    margin-bottom : 26px;
}

.page_header--logo img {
    max-height: 89px;
}


/* === FORMULAIRE === */

.page_body--titre3 {
    display: none;
}

.content_contact--coordonnees {
    display: none;
}

.page_body--content--form {
    position: relative;
    background-color: transparent;
    background: url("../_client/images/imgLeStudioContact.png") no-repeat right;
    background-size: contain;
    width: 100%;
    height: 742px;
    padding: 0;
    border: 1px solid #f8c32b;
}

.page_body--content--form ul {
    margin: 20px;
}

.page_body--content--form p {
    /*padding-right: 400px;*/
    padding-right: 417px;
    text-align: right;
}

.form--actions {
    position: absolute;
    bottom: 0px;
    background-color: #f8c32b;
    /*margin-right: 408px;*/
    width: 792px;
    height: 100px;
}

.form--actions .actionBouton {
    background-color: #f8c32b;
    border: solid 2px #ffffff;
    margin-top: 30px;
    margin-left: 50%;
    transform: translateX(-50%);
    height: 30px;    
    font-size: 14px;
}

.form--actions .actionBouton:hover {
    background-color: #ffffff;
    color: #f8c32b;
}

.form--actions .actionBouton:hover a {
    color: #f8c32b;
}
 

 

label{
    font-weight: bold;
}

em {
    color: red;
    font-weight: bold;
    font-size : inherit;
}

.form--item {
    margin-bottom: 24px;
}

.form--libelle {
    width: 139px;
    padding-left: 50px;
}

 


/* ==================================== */
/* =============== MEDIA ============== */


@media (max-width : 1200px) {

    textarea {
        width: 300px;
    }
}


@media (max-width : 1100px) {

    textarea {
        width: 240px;
    }
}

@media (max-width : 900px) {

    .page_body--content--form {
        width: 96%;
        background : none;
    }

    .form--actions {
        margin-right: 0px;
    }

    textarea {
        width: 60%;
    }

}

@media (max-width : 1100px) {

    textarea {
        width: 210px;
    }
}

