body { 
  font-family: Lato, sans-serif; 
  background:#f9f9f9; 
  margin:0; 
  text-align:center;  /* tout centré par défaut */
}

h1{font-size:130%;text-transform:uppercase;width:100%;text-align:lefcenter;font-weight:normal;padding:1% 0;}
h2{font-size:110%;text-transform:uppercase;width:100%;font-weight:normal;padding:1% 0;}

header { 
  width:80%; 
  margin:20px auto; 
  background:#104a8d; 
  color:white; 
  padding:15px; 
  border-radius:6px; 
  font-size:18px; 
}

main { 
  margin:20px auto; 
}

#chat { 
  min-height:120px; 
  margin:10px auto; 
  width:80%; 
  text-align:left; 
}

.message { 
  margin:5px 0; 
  padding:8px 10px; 
  border-radius:6px; 
  white-space:pre-wrap; 
}
.user { background:#e1f5fe; text-align:right; }
.bot { background:#f1f1f1; text-align:left; }

/* Zone de saisie */
.input-zone { 
  margin-top:5px; 
}

.input-zone textarea {
  width:80%;              /* largeur */
  height:6em;             /* environ 4 lignes (1em ≈ hauteur d'une ligne) */
  padding:10px;
  font-size:16px;
  border:1px solid #ccc;
  border-radius:6px;
  background:white;
  resize:vertical;         /* option : permettre de redimensionner */
}


.input-zone button {
  width:30%;           /* 30% de large */
  margin-top:10px;     /* petit espace sous l’input */
  padding:12px;
  font-size:16px;
  font-weight:bold;
  color:white;
  background:#6cb6f5;
  border:none;
  border-radius:6px;
  cursor:pointer;
}
.input-zone button:hover { background:#4da6f0; }
.input-zone button:disabled{ opacity:.6; cursor:not-allowed; }

#finalBlock { margin:20px auto; width:80%; text-align:left; }
.cta a { 
  display:inline-block; 
  margin:5px; 
  padding:8px 12px; 
  background:#4caf50; 
  color:white; 
  text-decoration:none; 
  border-radius:4px; 
}
.disclaimer { font-size:12px; color:#666; margin-top:10px; }
.error { color:#b00020; font-size:13px; }