{% extends "global/Page.html" %}
{% load otree %}

{% block title %}Fin de l'expérience{% endblock %}

{% block content %}

<style>
  /* Match the stored questionnaire template precisely */
  .p1-wrap{
    max-width: 980px;
    margin: 0 auto;
  }

  .p1-wrap p{
    margin-bottom: 14px;
  }

  .p1-wrap hr{
    margin: 18px 0;
  }

  .p1-section{
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .next-btn-wrap{
    text-align: right;
    margin-top: 24px;
  }

  .activity-title-box{
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 8px 16px;
    background: #fafafa;
    font-weight: 600;
    margin: 18px 0 10px 0;
  }

  /* Keep table clean and consistent (no change to content) */
  .pay-table{
    width: 100%;
    max-width: 650px;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 14px;
  }
  .pay-table td, .pay-table th{
    border: 1px solid #e6e6e6;
    padding: 10px;
    vertical-align: top;
  }
</style>

<div class="p1-wrap">
  <div class="p1-section">

    <p>
      Merci encore pour votre participation.
    </p>
    <p>
      Veuillez patienter quelques instants que quelqu'un vous appelle pour procéder au paiement.
    </p>
  </div>
</div>

{% endblock %}