.optional {
  font-size: .85rem;
  font-weight: 400;
  color: #68778c;
}

[hidden] {
  display: none !important;
}

.org-contact {
  margin: 8px 0 0;
  color: #e6f0fd;
  font-size: .9rem;
}

.print-contact {
  margin-top: 7px !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
}

.receipt-signatures {
  margin-top: 28px;
}

.hero {
  background: linear-gradient(125deg, rgba(11, 44, 88, .86), rgba(20, 175, 41, .72)),
    url("arriere-plan.jpg") center / cover no-repeat;
}

.reglement-table {
  width: 100%;
  margin: 12px 0 20px;
  border-collapse: collapse;
  font-size: .9rem;
}

.reglement-table th,
.reglement-table td {
  padding: 10px;
  border: 1px solid #d8e1ee;
  text-align: left;
  vertical-align: top;
}

.reglement-table th {
  color: #fff;
  background: #112c58;
}

@media print {
  .receipt {
    font-size: 10px !important;
    line-height: 1.25;
  }

  .receipt header {
    gap: 12px;
    padding-bottom: 10px;
  }

  .receipt .brand {
    gap: 7px;
  }

  .receipt .brand img,
  .receipt .receipt-brand img {
    width: 22px;
    height: 22px;
  }

  .receipt header > img {
    width: 55px;
    height: 68px;
  }

  .receipt .eyebrow {
    font-size: .48rem;
  }

  .receipt h2 {
    font-size: .95rem;
    margin: 2px 0;
  }

  .receipt header p:not(.eyebrow) {
    font-size: .6rem;
  }

  .receipt .print-contact {
    font-size: .52rem !important;
  }

  .receipt h3 {
    margin-top: 14px;
  }

  .receipt dd {
    margin-bottom: 8px;
  }

  .reglement-table {
    margin: 8px 0 14px;
    font-size: .68rem;
  }

  .reglement-table th,
  .reglement-table td {
    padding: 7px;
  }

  .contract-receipt {
    font-size: 12px !important;
    line-height: 1.35;
  }

  .contract-receipt h2 {
    font-size: 1.1rem;
  }

  .contract-receipt h3 {
    font-size: .95rem;
  }

  .contract-receipt .reglement-table {
    font-size: .78rem;
  }

  .contract-receipt .reglement-table th,
  .contract-receipt .reglement-table td {
    padding: 8px;
  }

  .signature-grid {
    margin-top: 22px;
  }
}