.perret-contact-form {
  max-width:920px;
  margin:2rem 0
}
.perret-form-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem 1.5rem
}
.perret-contact-form p {
  margin:0
}
.perret-contact-form input:not([type=checkbox]),.perret-contact-form select,.perret-contact-form textarea {
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:.48rem;
  padding:.75rem;
  border:1px solid #777;
  border-radius:2px;
  background:#fff;
  font:inherit
}
.perret-contact-form input[type=checkbox] {
  margin-right:.5rem;
  vertical-align:middle
}
.perret-form-wide {
  grid-column:1/-1
}
.perret-form-note,.perret-contact-form small {
  font-size:.9rem;
  font-weight:400
}
.perret-hp {
  position:absolute;
  left:-9999px
}
.perret-form-notice {
  padding:1rem;
  margin:1rem 0;
  border-left:4px solid
}
.perret-form-notice.success {
  background:#edf7ee;
  border-color:#287a35
}
.perret-form-notice.error {
  background:#fff1f0;
  border-color:#a12b24
}
@media(max-width:700px) {
  .perret-form-grid {
    grid-template-columns:1fr
  }
  .perret-form-wide {
    grid-column:auto
  }
}
.perret-contact-form label {
  display:block;
  font-weight:600
}
.perret-contact-form label>span[aria-hidden="true"] {
  display:inline;
  color:#8b1f1f;
  font-size:.72em;
  line-height:1;
  vertical-align:super;
  margin-left:.18em
}
.perret-rgpd {
  margin-top:.5rem;
  padding:1.1rem 1.25rem;
  border-left:3px solid rgba(22,20,18,.4);
  background:rgba(255,255,255,.38);
  font-size:.92rem;
  line-height:1.55
}
.perret-contact-form .perret-rgpd {
  margin-top:.5rem
}
.perret-contact-form .perret-form-note {
  margin-top:1rem;
  color:#5d5751
}
.perret-contact-form button {
  margin-top:1.4rem
}