body {
      font-family: Arial, sans-serif;
      margin:0; padding: 0;
      background-image: url('images/image.jpg.jpeg'); 
      background-size: cover;
      background-position: top 80px center;
      background-repeat: no-repeat;
      min-height: 100vh;
    }
    header { 
      background: #82b8ea;
      color: #0a0a0a; 
      padding: 10px 10px; 
      display: flex; 
      align-items: flex-end; 
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .header-titles { flex: 1 1 350px; min-width: 250px; }
    .header-photos { display: flex; gap: 10px; align-items: flex-end; }
    .photo-group { display: flex; flex-direction: column; align-items: center; }
    .photo-group img {
      width: 52px; height: 52px; object-fit: cover;
      border-radius: 50%; border:2px solid #fff;
      background: #fafafa; margin-bottom: 2px;
    }
    .photo-name { font-size: 0.96em; font-weight: bold; line-height: 1; text-align: center; }
    .photo-prenom { font-size: 0.87em; text-align: center; color: #e7b3b3; }
    h1 { margin:0 0 8px 0; font-size: 1.23em; text-align:center; }
    #connexion { max-width: 900px; margin-left: 100px; }
    .container {
      max-width: 1200px;
      margin: 30px auto;
      background: rgba(255,255,255,0.93);
      padding: 30px;
      border-radius:10px;
      box-shadow: 0 6px 24px rgba(0,0,0,0.18);
    }
    .hide { display: none }
    input[type="text"], select { width: 95%; padding: 7px; margin: 8px 0 16px 0; border-radius: 4px; border:1px solid #ccc;}
    button { background:#04284b; color: #fff; border:none; padding:10px 17px; border-radius:5px; font-weight:bold; cursor:pointer;}
    button:hover { background: #00b315 }
    table { border-collapse: collapse; width: 100%; margin: 6px 0;}
    th, td { border:1px solid #ddd; padding:8px; text-align:left; vertical-align:top;}
    td:nth-child(2) { font-size: 0.85em; font-weight: 600;text-align: justify;}
    td:nth-child(3) span { font-size: 0.75em !important; }
    td:nth-child(5) { font-size: 0.85em; }
    td:nth-child(6) { font-size: 0.85em; }
    th { background: #eef; }
    nav { margin-bottom: 18px; }
    .tab-btn { background: #e9e9e9; color: #81b5e9; margin-right:5px; border:none; border-radius:5px 5px 0 0; padding:7px 13px;}
    .tab-btn.selected, .tab-btn:hover { background: #89b9ea; color:#fff;}
    .faq-question {font-weight:bold; margin-top:1em;}
    .small { font-size:0.92em; color:#b0b5ee;}
    .section-row td {
      background:#dfeeff;
      font-weight:bold;
      text-align:center;
    }
    #checkTable td:nth-child(3) {
      width: 22% !important;
      min-width: 180px;
    }
    #checkTable td:nth-child(3) div:first-child {
      text-align: justify;
      text-justify: inter-word;
    }
    #checkTable td:nth-child(3) span {
      text-align: justify;
      display: block;
    }
    .pdf-btn-container {
      text-align: right;
      margin-bottom: 6px;
    }
    .pdf-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, #c84b3e 0%, #a0362e 100%);
      color: white;
      border: none;
      padding: 12px 20px;
      border-radius: 8px;
      cursor: pointer;
      font-weight: bold;
      font-size: 0.95em;
      box-shadow: 0 4px 12px rgba(200, 75, 62, 0.3);
      transition: all 0.3s ease;
    }
    .pdf-btn:hover {
      background: linear-gradient(135deg, #a0362e 0%, #802821 100%);
      box-shadow: 0 6px 16px rgba(200, 75, 62, 0.4);
      transform: translateY(-2px);
    }
    .pdf-btn:active {
      transform: translateY(0);
    }
    .pdf-icon {
      width: 18px;
      height: 18px;
    }
    #classification label { display:block; max-width:500px; }
    #classification select { width: 200px; }
    .disclaimer {
  margin: 15px 0;
  padding: 12px 16px;
  border-radius: 6px;
  background-color: #f8d7da; /* rouge clair */
  color: #721c24;            /* texte rouge foncé */
  border: 1px solid #f5c6cb;
  font-size: 0.9em;
}

.disclaimer strong {
  font-weight: bold;
}