.textured-iframe-container {
  text-align: center;
  color: #003da5;

  .header_form {
    background-color: #EB5390;
    color: white;
    text-align: center;
    padding: 60px 0;
    font-family: Montserrat-Regular;
    position: relative;

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

    h1 {
      font-size: 48px;
      line-height: 54px;
      padding: 0;
      margin: 0px;
      vertical-align: middle;
      text-align: left;
      font-weight: normal;
      font-family: Montserrat-Black;
      display: inline-block;
      color: white;
      position: relative;
    }

    .contenu_header_form {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 50px;
      font-family: Montserrat-Bold;
      padding: 0 0 0 45px;
      border-left: solid 2px white;
      text-align: left;

      .date {
        background-color: #FFF27E;
        padding: 6px 8px;
        font-family: Montserrat-Bold;
        display: inline-block;
        color: #003da5;
        font-size: 19px;
        line-height: 120%;
      }

      .titre_offre {
        font-family: Montserrat-Bold;
        font-size: 28px;
        line-height: 34px;
        padding: 20px 0 15px;

        sup {
          font-size: 18px;
        }
      }

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

        p {
          width: 240px;
        }

        sup {
          font-size: 45px;
          line-height: 1px;
          position: relative;
          top: -8px;
        }

        .taeg {
          font-size: 23px;
          line-height: 22px;
          position: absolute;
          bottom: 15px;
          right: -35px;

          p {
            width: auto;
          }

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

      .infos_offre {
        text-align: left;
        display: inline-block;
        padding: 0 0 15px 50px;
        vertical-align: middle;
        font-family: Montserrat-Medium;
        line-height: 130%;
        vertical-align: bottom;


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

    .ml {
      font-size: 10px;
      position: absolute;
      bottom: 15px;
      right: 20px;
    }
  }

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

    h2 {
      font-family: Montserrat-ExtraBold;
      font-size: 40px;
      font-weight: 400;
      line-height: 120%;
      margin: 0;
      padding: 0 0 30px;

      p {
        padding: 0;
      }

      sup {
        font-size: 14px;
      }
    }

    h3 {
      color: #003da5;
      font-family: Montserrat-SemiBold;
      font-size: 23px;
      line-height: 130%;
      font-weight: 400;
      margin: 0;
    }

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

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

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

      .contenu_header_form {
        padding: 0 0 0 30px;
        margin: 0 0 0 30px;

        .date {
          font-size: 17px;
        }

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

          sup {
            font-size: 14px;
          }
        }

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

          sup {
            font-size: 40px;
          }

          p {
            width: 200px;
          }

          .taeg {
            font-size: 15px;
            line-height: 17px;
            bottom: 13px;
            right: -10px;

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

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

    .contenu_part_form {
              padding: 40px 0 0;

      h2 {
        font-size: 40px;
        padding: 0 0 20px;
      }

      h3 {
        font-size: 23px;
      }
    }
  }

  @media (max-width: 1240px) {

    .contenu_part_form {
      h2 {
        font-size: 30px;
        padding: 0 25px 20px;
      }

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

      iframe {
        width: 780px;
      }
    }
  }

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

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

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

          sup {
            font-size: 13px;
          }
        }

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

          p {
            width: 160px;
          }

          sup {
            font-size: 30px;
          }

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

      .ml {
        bottom: 10px;
      }
    }
  }

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

    .header_form {
      padding: 20px 0 15px;

      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;
        font-size: 11px;
        position: static;
      }
    }

    .contenu_part_form {
      h2 {
        font-size: 27px;
      }

      h3 {
        font-size: 19px;
      }

      iframe {
        width: 520px;
      }
    }

    .footer_part_form {
      p {
        font-size: 14px;
        line-height: 130%;
        background-color: white;
        padding: 20px 20px 30px;
        color: #003da5;
      }
    }
  }

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

    .header_form {
      padding: 25px 20px;

      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;
        text-align: center;

        .date {
          font-size: 14px;
        }

        .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: 22px;
      }

      h3 {
        font-size: 16px;

        br {
          display: none;
        }
      }

      iframe {
        width: 340px;
      }
    }
  }
}