body {
    font-family: 'Roboto', sans-serif;
}
/* Style pour le formulaire */
/*form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 90vw;
    margin: 0 auto 5vh;
}*/

form {
    max-width: 90vw;
    margin: 0 auto 5vh;
    display: flex;
    flex-direction: column;
    font-size: 2vh;
    float: left;
    clear: both;
}

/* Style pour les étiquettes */
label {
    width: 100%;
    margin-bottom: 5px;
    /*font-weight: bold;*/
    font-size:1.3em;
}

label.label_radio {
    display: flex;
    flex-direction: row;
    margin:2vh;
}

label.label_radio span {
    margin: 0 3vw;
    display: inline-block;
}
/* Style pour les champs de saisie */
/*input[type="text"],
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 15px;
}*/

input[type="text"],
input[type="email"],
select,
textarea {
    padding: 12px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 1vh;
    font-size: 1.5em;
    height: 4vh;
}

input[type="radio"] {
    height:3vh;
    width:3vh;
}

textarea {
    height:20vh;
}


/* Style pour le bouton d'envoi */
/*input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}*/
input[type="submit"] {
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.5em;
}

/* Style pour la liste déroulante */
select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

/* Message d'erreur éventuel */
.error {
    width:100%;
    border: 2px solid #ff0000; /* couleur de bordure rouge */
    background-color: #ffebeb; /* couleur de fond rose clair */
    color: #ff0000; /* couleur de texte rouge */
    padding: 10px; /* espace interne du contenu */
    margin-bottom: 10px; /* marge en bas pour espacer les messages d'erreur */
    font-size: 16px; /* taille de police */
    border-radius: 5px; /* coins arrondis */
}

/* Texte généré */
#prediction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 90vw;
    margin: 0 auto;
    border: 1px solid blue;
    padding: 3vh 3vw;
    margin-bottom: 15px;
    font-size: 2em;
}
#div_images {
    margin-bottom: 5vh;
}
#div_images img {
    width:26vw;
    margin-left:3vw;
    margin-right: 3vw;
    float: left;
}

#genere {
    position: relative;
    bottom: 0;
    margin-top: 3vh;
    display: inline-block;
    font-size: 0.4em;
    width:100%;
}