/*page contact*/

.page_contact {

}
.page_contact #entete.avec_paves {
    padding-bottom:200px;
    z-index:0;
}

#entete.entete_v1 + section#paves_contact {
    z-index:1;
    background:none;

}
#image_entete.image_remerciement {
    align-items:flex-end;
}
#entete.avec_paves + section#paves_contact .container {
    margin-top:-200px;
}
.un_pave_contact {
    background:var(--blanc);
    padding:35px 20% 35px 24%;
    color:var(--noir);
    position:relative;
}
.un_pave_contact:after {
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    border-right:3px solid var(--noir);
    border-bottom:3px solid var(--noir);
    right:5%;
    transform:translateY(-50%) rotate(45deg);
    z-index:1;
    font-size:var(--fs-xl);
}
.un_pave_contact h3 {
    margin-top:0;
}
.un_pave_contact h3 + p{ 
    margin-top:0.5em;
    line-height:1.2;
    font-weight:var(--normal);
}
@media(min-width:1280px) {
    .un_pave_contact h3 {
        font-size:var(--fs-40);
        margin-top:1.5em;
    }
    .un_pave_contact h3 + p {
        font-size:var(--fs-26);
    }

}
.un_pave_contact.active,
.un_pave_contact:hover {
    color:var(--rouge-3);
}
.un_pave_contact:hover svg,
.un_pave_contact.active svg {
    fill:var(--rouge-3);
}
#zone_bordee_contact {
    padding:25px
}

#appelez_nous p {
    margin-top:0.5em;
 }
#appelez_nous .rouge {
    font-size:var(--fs-xl);
    color:var(--rouge-3);
    line-height:1;
}
#appelez_nous + #formulaire_contact {
    margin-top:80px;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 11px;
}
#formulaire_contact p:not(.gform_required_legend) {
    font-size:var(--fs-m);
    line-height:1;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-weight:var(--normal)!important;
}
#zone_bordee_contact.autre #appelez_nous {
    display:none;
}
.gform_wrapper.gravity-theme .gfield_required {
    color:var(--blanc)!important;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 10px;
}

.gform_wrapper.gravity-theme .gfield input[type=text],
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield select option {
    background:var(--noir);
    border:1px solid;
    color:var(--blanc);
    padding:15px;
}
.gform_wrapper.gravity-theme .gfield select {
    appearance:none;
    background:url('../images/jeantil/select.png') no-repeat 95% center;
    padding-right:10%;
}
.page_contact section.fond_noir .container {
    width:1120px;
}
.gform_footer {
    justify-content: center;
}

.nos_sites_div {
    border-bottom: 2px solid var(--blanc);
    padding: 1rem 1rem 1rem calc(30px + 0.5rem);
    min-height:75px;
}

#siege_jeantil {
    background:url('../images/jeantil/icone_localisation.webp') no-repeat left 1.5rem  ;
    background-size: auto 30px;
}
#etablissement_jeantil {
    background:url('../images/jeantil/icone_localisation.webp') no-repeat left 1.5rem  ;
    background-size: auto 30px;
}
#telephone_contact {
    color:var(--rouge-3);
    background:url('../images/jeantil/icone_telephone.webp') no-repeat  left center;
    background-size: auto 30px;
    font-size:var(--fs-xl);
}
.nos_sites_div > p:only-child {
    margin:0;
}

.gform_fileupload_rules {
    font-style: italic;
    font-size: 14px !important;
    opacity:0.5
  }
.ginput_container_fileupload {
    padding: 15px;
    margin-top: ;
    background: ;
    color: ;
    border: 1px solid;
}


@media(min-width:640px) {
    #entete.entete_v1 + #nos_sites {
        margin-top: -8vw;
        padding-top: 4vw;
    }
    .nos_sites_div {
        width: 50%;
        padding: 1rem 1rem 1rem calc(50px + 0.5rem);
    }    
    #siege_jeantil {
        background-size: auto 50px;
    }
    #etablissement_jeantil {
        background-size: auto 50px;
    }
    #telephone_contact {
        background-size: auto 50px;
    }
}
@media(max-width:979px) {
    .page_contact #entete.entete_v1 #intro_entete {
        padding-left:0;
    }
    .un_pave_contact {
        margin-top:2px !important;
        margin-bottom: 2px !important;
    }
    .un_pave_contact svg {
        position:absolute;
        top:50%;
        left:5%;
        transform:translateY(-50%);
        z-index:1;
        width: 11%;
    }
    #entete.entete_v1.avec_paves #intro_entete > div {
        padding-bottom:25px;   
    }
}

@media(min-width:980px) and (max-width:1170px) {
    .page_contact section {
        padding-left:25px;
        padding-right:25px;
    }
} 
@media(min-width:980px) {
    #entete.entete_v1.avec_paves #intro_entete > div {
        padding-bottom:25px;   
    }
    #entete.avec_paves + section#paves_contact .container {
        padding:0;
    }
    .un_pave_contact {
        text-align:center;
        padding:75px 30px 170px 30px;
    }
    .un_pave_contact:after {
        top: 78%;
        right: 50%;
        width: 40px;
        height: 40px;
        transform: rotate(45deg) translateX(50%);
        transform-origin: center;
    }
    #zone_bordee_contact {
        border:1px solid var(--blanc);
        padding:30px 100px;
    }
    .gform-field-row--span-five {
        grid-row:span 5;
    }
    .gform-field-row--span-four {
        grid-row:span 4;
    }
    .gform-field-row--span-three {
        grid-row:span 3;
    }
    .gform-field-row--span-two {
        grid-row:span 2;
    }
    #formulaire_contact #gform_fields_1 .gfield:not(.gfield--type-consent) {
        width: 48%;
    }
    #gform_fields_1 {
        position:relative;
    }
    #formulaire_contact .gravity-theme .gfield#field_1_25 {
        position:absolute;
        top:0;
        right:0;
        z-index:1;
    }
    #formulaire_contact .gravity-theme .gfield textarea.large {
        height:601px;
    }

    

    #nos_sites .container {
        padding-left: 9vw;
    }
}
@media(min-width:1280px) {
    #formulaire_contact .gravity-theme .gfield:not(.gfield--type-consent)  {
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
    }      
    #formulaire_contact .gravity-theme .gfield.gfield--type-textarea  {
        align-items:flex-start;
    }
    #formulaire_contact .gravity-theme .gfield.gfield--type-textarea label {
        margin-top:15px;
    }
    #formulaire_contact .gravity-theme .gfield:not(.gfield--type-consent) label {
        width:22%;
    }
    #formulaire_contact .gravity-theme .gfield:not(.gfield--type-consent) .ginput_container {
        width:70%
    }
    #formulaire_contact .gravity-theme .gfield textarea.large {
        height:485px;
    }
    #formulaire_contact .gravity-theme .gfield:not(.gfield--type-consent) label {
        margin-bottom:0
    }

    #nos_sites .container {
        padding-left: 100px;
    }
}

@media (max-width: 639px) {
.page_contact  #w1000_entete {
  -ms-flex-direction: column;
  flex-direction: column;
}
}

@media (min-width: 640px)  {
    .page_contact #entete.entete_v1 #intro_entete p {
        font-size: 26px;
    }
}

@media(min-width:640px) and (max-width:979px) {
    .page_contact #entete.entete_v1:not(.avec_paves) #intro_entete > div {
        padding-bottom:4vw;
    }
}
@media(min-width:980px) and (max-width:1919px) {
    .page_contact #entete.entete_v1:not(.avec_paves) #intro_entete > div {
        padding-bottom:6vw;
    }
}
@media(min-width:1200px) {
    .page-template-contact #entete .container {
        width: 100%;
      }
}
@media(min-width:1600px) {
    .page-template-contact #entete .container {
        width: 1430px;
      }
}
@media(min-width:1920px) {
    .page_contact #entete.entete_v1:not(.avec_paves) #intro_entete > div {
        padding-bottom:50px;
    }
}
