/***** bloc newsletter *****/
.bloc_newsletter {
  position: relative;
  padding: 100px 0;
}

.bloc_newsletter_inner {
  display: grid;
  grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
  gap: 70px;
  align-items: center;
}

.bloc_newsletter_content {
  position: relative;
}

.bloc_newsletter_content .sous_titre {
  margin-bottom: 12px;
}

.bloc_newsletter_content .titre_main {
  margin-bottom: 20px;
}

.bloc_newsletter_content .chapo {
  margin-bottom: 0;
}

.bloc_newsletter_form {
  position: relative;
  min-height: 620px;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(0,0,0,10%);
}

.bloc_newsletter_form iframe {
  display: block;
  width: 100%;
  min-height: 580px;
  border: 0;
  background: transparent;
}

/* desktop hover uniquement si nécessaire */
@media (min-width:1201px) {
  .bloc_newsletter_form {
    transition: all 400ms ease-in-out;
  }
}

/* tablette large / petit desktop */
@media (max-width:1200px) {
  .bloc_newsletter {
    padding: 80px 0;
  }

  .bloc_newsletter_inner {
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    gap: 50px;
  }

  .bloc_newsletter_form {
    min-height: 610px;
    padding: 25px;
  }

  .bloc_newsletter_form iframe {
    min-height: 570px;
  }
}

/* tablette */
@media (max-width:1000px) {
  .bloc_newsletter {
    padding: 60px 0;
  }

  .bloc_newsletter_inner {
    display: block;
  }

  .bloc_newsletter_content {
    max-width: 650px;
    margin-bottom: 35px;
  }

  .bloc_newsletter_form {
    min-height: 620px;
  }

  .bloc_newsletter_form iframe {
    min-height: 580px;
  }
}

/* mobile */
@media (max-width:700px) {
  .bloc_newsletter {
    padding: 45px 0;
  }

  .bloc_newsletter_content {
    margin-bottom: 25px;
  }

  .bloc_newsletter_content .sous_titre {
    margin-bottom: 10px;
  }

  .bloc_newsletter_content .titre_main {
    margin-bottom: 12px;
  }

  .bloc_newsletter_form {
    min-height: 660px;
    padding: 15px;
    box-shadow: none;
  }

  .bloc_newsletter_form iframe {
    min-height: 630px;
  }
}

/* très petit mobile */
@media (max-width:400px) {
  .bloc_newsletter_form {
    min-height: 700px;
    padding: 10px;
  }

  .bloc_newsletter_form iframe {
    min-height: 680px;
  }
}