#contact{
  position: relative;

    .bloc1 {
        position: relative;
        height: 120vh;
        background-image: url("/wp-content/uploads/2025/02/Header-Contact.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        background-attachment: fixed;
        z-index: 1;
        @media screen and (max-width: 800px) {
          height:100vh;
          background-image: url("/wp-content/uploads/2025/02/Header-Contact-MOBILE.jpg");
        }
        .contenu {
            position: sticky;
            top: 0;
            padding-top: 70vh;

            h1 {
                color: white;
                margin-top: 23px;
            }
        }
    }

    .bloc2 {
        position: relative;
        background-color: var(--bleu);
        height: 400px;
        margin-top: -20vh;
        z-index: 2;
        @media screen and (max-width: 800px) {
          margin-top:0;
          height:auto;
        }
        .container {
            p {
                color: white;
                width: 60%;
                padding: 120px 0;
                font-weight: 200;
                @media screen and (max-width: 800px) {
                  padding:80px 0;
                  width:80%;
                }
                @media screen and (max-width: 500px) {
                  width:100%;
                }
            }
        }
    }
    .bloc3{
      position:relative;
      .container{
        gap:140px;
        display: flex;
        justify-content: space-between;
        padding:80px 0;
        @media screen and (max-width: 800px) {
          gap:80px;
        }
        @media screen and (max-width: 500px) {
          flex-wrap:wrap;
          gap:50px;
        }
        h3{
          margin-bottom:24px;
          color:var(--gris);
        }
        .left{
          width:25%;
          @media screen and (max-width: 800px) {
            width:25%;
          }
          @media screen and (max-width: 500px) {
            width:100%;
          }
          p{
            color:var(--gris);
            margin-bottom:28px;
          }
          a{
            text-decoration: none;
            color:var(--gris);
            &:hover{
              color:var(--bleu);
            }
          }
          .mail{
            margin-bottom:28px;
            display: inline-block;
            text-decoration: underline;
          }
        }
        .right{
          width:60%;
          @media screen and (max-width: 500px) {
            width:100%;
          }
          .wpcf7-response-output{
            color:red;
            margin-top:50px;
          }
          .screen-reader-response{
            display: none;
          }
          form{
            p{
              margin-bottom:24px;
            }
            label{
              color:var(--gris);
              margin-bottom:5px;
              font-size:16px;
              font-style: normal;
              font-weight: 400;
              line-height: 24px; 
              margin-bottom: 24px;
              input{
                width:100%;
                border:1px solid var(--bleu);
                height:27px;
                margin-top:5px;
              }
              textarea{
                width:100%;
                border:1px solid var(--bleu);
                margin-top:5px;
              }
            }
            .wpcf7-not-valid-tip{
              color:red;
            }
            .wpcf7-form-control.wpcf7-submit{
              background-color: var(--bleu);
              color:#fff;
              border:none;
              border-radius: 4px;
              padding:10px 20px;
              font-size: 12px;
              font-style: normal;
              font-weight: 700;
              line-height: 24px; 
              letter-spacing: 0.36px;
              text-transform: uppercase;
              width:150px;
            }

          }
        }
      }
    }
}