body, html {
  height: 100%;
    font-size: 1.025em;
    color: #654942; 
}

#menu{
    display: flex;
    justify-content: space-between;
}

#Retour a{
  display: flex;
  padding : 25px 30px 0% 30px;
  text-decoration: none;
}

#Retour a:hover{
  color: #654942;
}

#Retour a:visited{
  color: #654942;
}

#Retour img{
  margin: 0% 10px 0% 10px;
  width: 24px;
  height: 24px;
}

h1{
    margin:20px;
    margin-bottom:30px;
}

.debut{
    margin:20px;
}

.groupe {
    background-color: white; 
    border: 1px solid #ccc; 
    padding: 20px; 
    margin: 20px; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.groupe h2, .groupe h3, .groupe p {
    margin-bottom: 10px; 
}

.groupe table {
    width: 100%; 
    border-collapse: collapse; 
}

.groupe table th, .groupe table td {
    border: 1px solid #ccc; /* Bordure des cellules */
    padding: 10px; /* Espacement intérieur des cellules */
    text-align: left; /* Alignement du texte à gauche */
}

.groupe table th {
    background-color: #f2f2f2; /* Fond des en-têtes de colonnes */
}

.debut form {
    margin-bottom: 20px; /* Espacement en dessous du formulaire */
}

/* Style pour le bouton "Envoyer" */
.debut form input[type="submit"] {
    background-color: #4CAF50; /* Couleur de fond du bouton */
    color: white; /* Couleur du texte */
    padding: 12px 20px; /* Espacement intérieur */
    border: none; /* Pas de bordure */
    border-radius: 4px; /* Bordures arrondies */
    cursor: pointer; /* Curseur pointeur au survol */
}

.debut form input[type="submit"]:hover {
    background-color: #45a049; /* Couleur de fond au survol */
}

/* Style pour les paramètres d'ajout */
.debut .parametreajt {
    margin-bottom: 5px; /* Espacement en dessous de chaque champ */
}

/* Style pour le conteneur du formulaire */
.debut .tableau {
    border: 1px solid #ccc; /* Bordure grise claire */
    padding: 20px; /* Espacement intérieur */
    border-radius: 10px; /* Bordures arrondies */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombrage léger */
}

/* Style pour le conteneur général */
.debut {
    background-color: white; /* Fond blanc transparent */
    margin: 20px; /* Espacement extérieur */
}

#supp {
    background-color: #f30000; 
    color: white; 
    padding: 12px 20px; 
    border: none; 
    border-radius: 4px; 
    cursor: pointer; 
}

#supp:hover {
    background-color: #d40404; 
}

select{
    border-radius:10px;
    padding:5px
}

form input[type="text"]{
    border:1px solid;
    border-radius:10px;
    padding:5px
}

#petit img{
    width:25px;
    height:25px;
    margin-right: 50px;
}
