.textured-iframe-container {
  background-image: url("img/fond_form-cc4a8a3443a2e6e6befd1334d2ef46f4.jpg");
  background-position: center bottom;
  background-size: 1500px auto;
  padding: 50px 125px 0;
  text-align: center;
  color: #003da5;

  .text_white {
    color: white;
  }

  .header_form {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    text-align: center;
    padding: 40px 0 30px;

    p {
      padding: 0;
      display: inline-block;
    }

    h1 {
      font-size: 40px;
      line-height: 46px;
      padding: 0px;
      margin: 0px;
      vertical-align: middle;
      text-align: left;
      font-weight: normal;
      font-family: Lato-Black;
      display: inline-block;
      color: white;
      position: relative;
      top: -10px;
    }

    .contenu_header_form {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 50px;
      font-family: Lato-Bold;
      padding: 0 0 0 45px;
      font-size: 23px;
      line-height: 33px;
      border-left: solid 2px white;

      .date {
        background-color: #0097d5;
        padding: 6px 8px;
        font-family: Lato-Black;
        display: inline-block;
      }

      .titre_offre {
        font-family: Lato-Black;
        font-size: 32px;
        line-height: 36px;
        padding: 20px 0;

        sup {
          font-size: 18px;
        }
      }

      .num_offre {
        font-size: 120px;
        line-height: 120px;
        display: inline-block;
        position: relative;
        vertical-align: middle;

        p {
          width: 215px;
        }

        sup {
          font-size: 60px;
          line-height: 1px;
        }

        .taeg {
          font-size: 17px;
          line-height: 20px;
          position: absolute;
          bottom: 10px;
          right: 0px;

          p {
            width: auto;
          }

          sup {
            font-size: 12px;
          }
        }
      }

      .infos_offre {
        text-align: left;
        display: inline-block;
        padding: 0 0 0 50px;
        vertical-align: middle;

        span {
          font-size: 16px;
        }
      }
    }

    .ml {
      text-align: left;
      padding: 10px 0 0 50px;
      font-size: 13px;
    }
  }

  .contenu_part_form {
    background-color: white;
    padding: 30px 0;

    h2 {
      font-family: Lato-Black;
      font-size: 45px;
      font-weight: 400;
      line-height: 55px;
      margin: 0;
      padding: 0 0 30px;
      color: #8f2b72;

      p {
        padding: 0;
      }

      sup {
        font-size: 14px;
      }
    }

    h3 {
      color: #003da5;
      font-family: Lato-Bold;
      font-size: 27px;
      font-weight: 400;
      line-height: 36px;
      margin: 0;
    }

    iframe {
      margin: 0 auto;
      display: block;
      border: none;
      width: 890px;
      overflow: scroll;
    }
  }

  .footer_part_form {
    p {
      font-family: Lato-Bold;
      font-size: 18px;
      margin: 0;
      padding: 35px 0;
    }
  }

  @media (max-width: 1440px) {
    .header_form {
      h1 {
        font-size: 35px;
        line-height: 42px;
        top: 0;
      }

      .contenu_header_form {
        padding: 0 0 0 30px;
        margin: 0 0 0 30px;
        font-size: 19px;
        line-height: 28px;

        .titre_offre {
          font-size: 27px;
          padding: 15px 0;
        }

        .num_offre {
          font-size: 100px;
          line-height: 100px;

          p {
            width: 180px;
          }

          .taeg {
            font-size: 15px;
            line-height: 17px;
            bottom: 5px;
            right: 0px;

            sup {
              font-size: 8px;
            }
          }
        }

        .infos_offre {
          padding: 0 0 0 25px;
        }
      }
    }

    .contenu_part_form {
      h2 {
        font-size: 40px;
        line-height: 50px;
        padding: 0 0 20px;
      }

      h3 {
        font-size: 23px;
        line-height: 30px;
      }
    }
  }

  @media (max-width: 1240px) {
    .header_form {
      h1 {
        font-size: 33px;
      }

      .contenu_header_form {
        .titre_offre {
          font-size: 25px;
        }
      }
    }

    .contenu_part_form {
      h2 {
        font-size: 35px;
        line-height: 45px;
        padding: 0 25px 20px;
      }

      h3 {
        font-size: 19px;
        line-height: 24px;
        padding: 0 25px;
      }

      iframe {
        width: 780px;
      }
    }
  }

  @media (max-width: 1139px) {
    padding: 50px 50px 0;
  }

  @media (max-width: 1060px) {
    .header_form {
      padding: 25px 0 30px;

      h1 {
        font-size: 30px;
        line-height: 37px;
      }

      .contenu_header_form {
        font-size: 17px;
        line-height: 23px;

        .titre_offre {
          font-size: 22px;
          padding: 15px 0 5px;

          sup {
            font-size: 13px;
          }
        }

        .num_offre {
          line-height: 80px;
          font-size: 80px;

          p {
            width: 142px;
          }

          sup {
            font-size: 40px;
          }

          .taeg {
            font-size: 13px;
            line-height: 15px;
          }
        }
      }
    }
  }

  @media (max-width: 960px) {
    padding: 1px 0;
    background-position: top -200px center;
    background-size: 100% auto;
    background-repeat: no-repeat;

    .header_form {
      h1 {
        display: block;
        margin: 10px auto 20px;
        text-align: center;
        padding: 0 30px;

        br {
          display: none;
        }
      }

      .contenu_header_form {
        border: none;
        padding: 0px;
        margin: 0px;
      }

      .ml {
        text-align: center;
        padding: 20px 0 0 0;
        font-size: 11px;
      }
    }

    .contenu_part_form {
      h2 {
        font-size: 30px;
        line-height: 36px;
      }

      h3 {
        font-size: 19px;
        line-height: 24px;
      }

      iframe {
        width: 520px;
      }
    }

    .footer_part_form {
      p {
        font-size: 16px;
        line-height: 22px;
        background-color: white;
        padding: 0 20px 30px;
        color: #003da5;
      }
    }
  }

  @media (max-width: 580px) {
    background-image: url("img/fond_form_mob-2b60441370685f4b70f14bb84a14a555.jpg");
    background-position: top center;

    .header_form {
      margin: 20px;
      padding: 20px 15px;

      h1 {
        margin: 0px 0 20px;
        font-size: 25px;
        line-height: 31px;
        display: inline-block;
        padding: 0 10px;
      }

      .contenu_header_form {
        margin: 0px;
        font-size: 15px;
        line-height: 19px;

        .titre_offre {
          font-size: 17px;
          line-height: 23px;

          sup {
            font-size: 10px;
          }
        }

        .infos_offre {
          text-align: center;
          padding: 10px 15px 0;

          span {
            font-size: 13px;
          }
        }
      }
    }

    .contenu_part_form {
      h2 {
        font-size: 26px;
        line-height: 32px;
      }

      h3 {
        font-size: 19px;
        line-height: 24px;

        br {
          display: none;
        }
      }

      iframe {
        width: 340px;
      }
    }
  }
}