.cat-contact {
  background: #f1f0ef; }
  .cat-contact .background-container {
    background: #f1f0ef url("../../../content/dam/portzamparc/img/pages/nous-contacter/bg-contact.jpg") 0 0 fixed no-repeat;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .cat-contact .background-container {
        background-image: url("../../../content/dam/portzamparc/img/pages/nous-contacter/bg-mob-contact.jpg"); } }
  .cat-contact section.intro {
    min-height: 70vh; }
    .cat-contact section.intro > div {
      padding: 0; }
  .cat-contact .hero {
    color: #ffffff;
    min-height: 18.75rem;
    align-items: center;
    display: flex; }
    @media screen and (max-width: 991px) {
      .cat-contact .hero {
        min-height: 10.625rem; } }
  .cat-contact .form-container iframe {
    z-index: 20;
    height: 1200px; }
    @media screen and (min-width: 1200px) {
      .cat-contact .form-container iframe {
        height: 1000px; } }
  .cat-contact .form-container .spinner-border {
    z-index: 10;
    width: 4rem;
    height: 4rem;
    border-width: 0.5em; }

#nous-contacter .background-container {
  position: absolute;
  width: 100%;
  height: 50rem; }

#nous-contacter .double-block-color > div:first-child {
  border-bottom: 1px solid #f1f0ef; }
  @media screen and (min-width: 768px) {
    #nous-contacter .double-block-color > div:first-child {
      border-bottom: 0;
      border-right: 1px solid #f1f0ef; } }

@media screen and (max-width: 767px) {
  #nous-contacter #signal-problem,
  #nous-contacter .double-block-color {
    text-align: center; }
  #nous-contacter #signal-problem .h6 {
    font-size: 1.375rem; } }