/* Style de base pour l'accordéon */
.accordion {
    width: 100%;
    /* max-width: 600px; */
    /*margin: 20px auto;*/
    margin: 20px 0;
    /* font-family: Arial, sans-serif; */
    font-family: Helvetica, Verdana, sans-serif;
}

/* Style pour les éléments <details> */
.accordion details {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

/* Style pour les éléments <summary> */
.accordion summary {
    padding: 10px 20px;
    /* background-color: #f1f1f1; */
    background-color: #eeeeee;
    color: #3265ba;
    cursor: pointer;
    font-weight: bold;
    /*list-style: none;*/
    position: relative;
}

/* Style pour les éléments <summary> au survol */
.accordion summary:hover {
    background-color: #e0e0e0;
}

/* Style pour le contenu de l'accordéon */
.accordion .content {
    padding: 10px;
    background-color: #fff;
}

/* Style pour la flèche (icône) */
.accordion summary::marker {
    letter-spacing: 14px;
    padding-right: 14px;
    margin-right: 14px;
    /*content: "▶";*/
    content: "\25BA";
    font-size: 14px;
    transition: transform 0.2s;
}

.accordion details[open] summary::marker {
    /*content: "▼";*/
    content: "\25BC";
}

/* Flexbox for column layout */
.flex-container {
  display: flex;          /* Enables Flexbox */
  gap: 10px;             /* Adds space between columns */
  padding: 10px;
}

.flex-column {
  flex: 1;               /* Columns share equal width */
  /* background: #000000; */
  padding: 10px;
  border-radius: 0px;
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
}