input {
            width: 40px;               /* Prend toute la largeur du parent */
            margin: 5px 0;            /* Espace extérieur en haut et en bas */
            font-size: 16px;           /* Taille du texte */
            border: 1px solid #ccc;    /* Bordure grise */
            border-radius: 5px;        /* Coins arrondis */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Ombre subtile */
            outline: none;             /* Retirer le contour par défaut au focus */
            transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Transition douce */
        }

        input:focus {
            border-color: #fff;     /* Changer la couleur de bordure au focus */
            box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2); /* Ombre plus marquée */
        }

        input:disabled {
            background-color: #f0f0f0; /* Couleur de fond pour les champs désactivés */
            cursor: not-allowed;       /* Curseur pour montrer que c'est inactif */
        }

        .hoverButton {
            padding: 2px;
            cursor: pointer;
        }

        .hoverDiv {
            padding: 1px;
            width: 252px;
            height: 400px;
            background-color: #f0f0f0;
            display: none;
            position: absolute;
            top: 1px; /* Ajuster selon vos besoins */
            left: 46px;
            border: 1px 1px solid #007BFF; /* Ajoute une bordure pour rendre le div visible */
            z-index: 999; /* Assure que ce div est affiché au-dessus des autres éléments */
			
        }
		/* Style de chaque menu */
.menu {
   width: 100%;
   height: 294px;
   background-color: #f0f0f0;
   display: none; /* Utilisez JavaScript pour l'afficher */
   position: absolute; /* Ou utilisez 'fixed' si vous voulez qu'il reste en haut pendant le défilement */
   top: 39px; /* Ajustez cette valeur pour positionner le menu correctement */
   left: 0;
   overflow: hidden; /* Garde le contenu à l'intérieur du menu sans dépassement */
   z-index: 1000; /* Assurez-vous que le menu soit au-dessus d'autres éléments */
    border: 1px 1px solid #007BFF; 
}
.menuM {
  position: absolute; /* Positionnement absolu pour superposition */
  top: 5; /* Ajustez cette valeur pour placer le menu où vous le souhaitez */
  left: 0; /* Ajustez cette valeur pour placer le menu où vous le souhaitez */
  z-index: 10; /* Valeur élevée pour que le menu soit au-dessus des autres éléments */
  width: 100%; /* Largeur du menu */
  height: 10px; /* Hauteur du menu */
 
}
/* Exemple pour plusieurs menus */
.menu1 {
  z-index: 20; /* Menu avec un z-index plus élevé sera au-dessus */
}

.menu2 {
  z-index: 15; /* Menu avec un z-index inférieur à menu1 */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 
           
		.red-button {
    background-color: red;
    color: white;
    border: none;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
	float: right;
}

.red-button:hover {
    background-color: darkred;
}
 .content {
            display: none;
        }
        .visible {
            display: block;
        }

        /* Style pour les boutons sous forme d'onglets */
        .menu-buttons {
            display: flex;
            margin-bottom: 0;
        }

        .menu-buttons button {
            padding: 10px 20px;
            font-size: 16px;
            border: 1px solid #ccc; /* Bordure grise pour ressembler à des feuilles */
            border-bottom: none; /* Retirer la bordure du bas pour simuler l'onglet actif */
            border-radius: 10px 10px 0 0; /* Bord supérieur arrondi comme un onglet */
            background-color: #f1f1f1; /* Couleur de fond neutre pour ressembler à du papier */
            color: #333;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-right: 5px;
        }

        /* Effet de survol */
        .menu-buttons button:hover {
            background-color: #ddd; /* Changement de fond au survol */
        }

        /* Onglet actif */
        .menu-buttons button.active {
            background-color: white; /* L'onglet actif est en blanc */
            border-bottom: 1px solid white; /* Retirer la bordure du bas pour simuler l'activation */
        }

        /* Style des divs pour correspondre aux onglets */
        .content {
            border: 1px solid #ccc;
            padding: 20px;
            background-color: #ffc;
            border-radius: 0 10px 10px 10px;
            margin-top: -1px; /* Pour coller au bord inférieur de l'onglet actif */
        }
		.attachedFileDiv					{margin-top:5px;}											/*Div des inputs et des fichiers déjà enregistré*/
.attachedFileDiv label				{margin-left:10px;}											/*options "insérer dans le texte" et "supprimer"*/
[id^=attachedFileDivList]:hover		{background-color:#eee;}									/*Survol chaque fichier déjà enregistré (cf. padding)*/
[id^=attachedFileDivAdd]:not(#attachedFileDivAdd1), [id^=attachedFileOption]  {display:none;}	/*Masque tous les inputs, sauf le premier input  &&  Masque les boutons "insérer dans le texte" des inputs*/