body {
  font-family: Lato, sans-serif;
  background: white;
  color: #333;
  margin: 0;
  padding: 20px;
  line-height: 1.6;
  
  /* Centrage du contenu */
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  
  /* Optionnel : pour mieux gérer les très petits écrans */
  box-sizing: border-box;
}

h1 {color:#007BDF;font-size:130%;text-transform: uppercase;width:100%;text-align:center;font-weight:normal;padding:1% 0% 1% 0%}
h2 {color:#007BDF;font-size:110%;text-transform: uppercase;width:100%;font-weight:normal;padding:1% 0% 1% 0%}
h3 {color:#007BDF;font-size:100%;width:100%;text-align:center;}

.logo {
  display: block;
  margin: 0px auto 0px;
  padding-top: 3%;
  width: 250px;
}


#menuTop {
  width: 100%;
  border-radius: 6px;
  background-color: #28a745; /* vert moyen moderne */
  color: white;
  padding: 12px;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}  
  #menuTop a {
    color: white;
    text-decoration: none;
  }
  
  #menuTop a:hover {
    text-decoration: underline;
  }
  
  button, input[type=submit], input[type=button] {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #007BDF;
    color: white;
    border: none;
    border-radius: 6px; /* même arrondi que les zones */
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
  }
  
  button:hover, input[type=submit]:hover, input[type=button]:hover {
    background-color: #005bb5;
  }
  

  textarea, input[type=text], input[type=email], input[type=file] {
  width: 100%;
  padding: 12px;
  background-color: #e6f0ff; /* bleu très clair */
  color: #333;
  border: 1px solid #ccc;
  border-radius: 6px; /* coins arrondis */
  font-size: 1rem;
  box-sizing: border-box;
  margin-bottom: 10px;
  resize: vertical;
}

#chat {
    width: 100%;
    padding: 12px;
    background-color: #f5f5f5;  /* gris clair neutre pour différencier de la saisie */
    color: #333;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1rem;
    box-sizing: border-box;
    min-height: 120px;
    white-space: pre-wrap;
    overflow-y: auto;
    resize: vertical;
  }

  .medoc-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }
  
  .medoc-item input[type=text] {
    flex-grow: 1;
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
  }
  
  .medoc-item button {
    width: 40px;               /* ✅ largeur fixe */
    height: 40px;
    font-size: 1.2rem;
    background-color: #dc3545;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
  }