body  {
  font-size:19px;
}
#toolslab{
  margin-left:50px;
}
/* Style pour masquer les divs par défaut */
.checkboxes-div {
    display: block;
}

/* Style pour afficher les divs en ligne */
.checkbox-container {
    display: flex;
    flex-wrap: wrap; /* Pour permettre le retour à la ligne si l'espace est insuffisant */
    gap: 20px; /* Espacement entre les divs */
}

/* Style pour chaque div */
.checkboxes-div {
    width: 280px; /* Largeur de chaque div (à ajuster en fonction de tes besoins) */
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}

/*
.checkboxes-div {
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #f9f9f9;
    margin-top: 10px;
    width: 200px;
    margin-right: 10px;
}
*/

button {
    padding: 8px 12px;
    margin-top: 10px;
    cursor: pointer;
}

button:hover {
    background-color: #f0f0f0;
}

select {
    margin-top: 10px;
    padding: 8px 12px;
    cursor: pointer;
}

input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
}

label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
}
#sendDataBtn {
  margin-left: 20px; /* Ajustez la valeur selon vos besoins */
}
/* Cibler l'iframe par son ID */
#responseIframe {
  border: none; /* Supprimer la bordure */
  overflow: auto; /* Ajouter des barres de défilement si le contenu dépasse */
  width: 90%;
  height: auto;
}

/* Cibler tous les iframes avec la classe "embedded-content" */
.embedded-content {
  border: 1px solid #ccc;
  border
}

.tool {
  width:80%;
  margin: 0 auto; /*centre horiz*/
  display: flex; /*enfants en ligne*/
  flex-direction:row;
  border: 1px solid #03224C;
  border-radius: 8px;
  padding: 8px;
  align-items: stretch; /* <== essentiel pour que .loupe prenne la hauteur de .infos-tool */
  margin-top:15px;
}

.infos-tool {
  width:80%;
  color: #03224C;
  padding: 1rem;
}
.loupe {
  width:20%;
  display: flex;
  align-items: center;     /* centre verticalement */
  justify-content: center; /* centre horizontalement */
}
.loupe a {
  text-decoration: none;
  color: #03224C;
  font-style:italic;
}