.glossaire-entreprises {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.entreprise {
    display: flex;
    background : #ffffff;
    margin-top : 20px;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.logo {
    max-width: 250px;
    display: flex;
    align-items: center;
    border-radius: 5px 0px 0px 5px;
    overflow: hidden;
}

.infos {
    flex: 1;
    padding : 20px;
    font-family: 'Alternate got n3',Helvetica,Arial,Lucida,sans-serif;
    font-size : 1.2em;
    color : #333333;
}

.infos h2{
  font-family: 'FK Screamer', Helvetica, Arial, Lucida, sans-serif;
  color : #b91828;
  text-transform: uppercase;
  font-size: 1.8em;
}

.voir-site, .voir-lk{
  width : 100%;
  text-align: right;
}

a.voir-site{
  font-family: 'FK Screamer', Helvetica, Arial, Lucida, sans-serif;
  color : #b91828;
  text-transform: uppercase;
  font-size : 1.5em;
  border : 2px solid #b91828;
  padding : 5px 10px 5px 10px;
}

a.voir-site:hover{
  border : 2px solid #efd6cd;
  text-decoration: underline;
  animation-fill-mode: forwards;
  transition: all .3s, -webkit-mask-size .3s .3s;
}

.lettres-tri{
  margin: auto;
  display: flex;
  width: 70%;
  justify-content: space-between;
}

.lettre-tri{
  font-family: 'FK Screamer', Helvetica, Arial, Lucida, sans-serif;
  color : #333333;
  text-transform: uppercase;
  font-size: 2em;
  transition: all 0.2s ease-out;
}

.lettre-tri.active{
  font-size: 2.2em;
  color : #b91828;
  transition: all 0.2s ease-out;
}

.lettre-tri:hover{
  font-size : 2.2em !important;
  color : #d13b4a !important;
  transition: all 0.2s ease-out;
}


/* Cacher le sélecteur déroulant sur desktop */
.mobile-only {
    display: none;
}

/* Afficher la frise uniquement sur les écrans desktop */
.desktop-only {
    display: flex;
}



@media (max-width: 768px) {
    .logo img {
        max-width: 100px; /* Limiter la taille du logo à 100px */
        height: auto;
    }
}
@media (max-width: 768px) {
    .entreprise .description {
        font-size: 14px;
        color: #333;
    }
    #recherche-texte{
      font-size : 1.5em !important;
    }
}

.description_tronque{
  display: none;
}
.description{
  display: block;
}

@media (max-width: 768px) {
    .description_tronque {
      display : block;
        font-size: 14px;
        color: #333;
    }
    .description{
      display: none;
    }
}

select#lettre-select{
      font-family: 'Alternate got n3',Helvetica,Arial,Lucida,sans-serif;
      text-transform: uppercase;
      color : #b91828;
      border : 2px solid #b91828;
      background: #efd6cd;
}

.lettres-tri-mobile{
  margin : auto;
}

#entreprise-select{
  border : 2px solid #b91828 !important;
  font-family: 'Alternate got n3',Helvetica,Arial,Lucida,sans-serif;
  text-transform: uppercase;
  background: #efd6cd;
  color : #b91828;
  font-size: 1.7em;
}

.recherche-et-alphabet {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px; /* Pour espacer de la liste des entreprises */
}

.recherche-entreprise {
    margin-bottom: 15px; /* Pour espacer du tri alphabétique */
    text-align: center;
}

.lettres-tri {
    display: flex;
    justify-content: center;
}

/* Conteneur englobant la recherche et l'alphabet */
.recherche-et-alphabet {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; /* Utilise toute la largeur disponible */
    max-width: 1200px; /* Optionnel : fixe une largeur maximale pour la section */
    margin: 0 auto 20px auto; /* Centrage horizontal avec espace en bas */
}

.recherche-entreprise {
    margin-bottom: 15px;
    width: 100%; /* Prend toute la largeur disponible */
    max-width: 800px; /* Limite la largeur du champ de recherche */
    text-align: center;
}

.lettres-tri {
    display: flex;
    justify-content: space-between; /* Espace les lettres uniformément */
    flex-wrap: wrap; /* Permet d'aller à la ligne si nécessaire */
    gap: 10px;
    width: 100%; /* Prend toute la largeur disponible */
    max-width: 800px; /* Limite la largeur totale de la frise alphabétique */
}

#recherche-texte{
  border : 2px solid #b91828;
  color : #b91828 !important;
  background: #ecd8cf;
  font-family: 'Alternate got n3',Helvetica,Arial,Lucida,sans-serif;
  font-size: 2em;
  width : 50%;
}

#recherche-texte::placeholder{
    color : #b91828 !important;
}




/* Cacher la frise et afficher le sélecteur déroulant sur mobile */
@media (max-width: 768px) {
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
        margin-bottom: 20px;
    }

    #lettre-select {
        width: 100%;
        padding: 10px;
        font-size: 16px;
    }
}

.slick-slide {
    margin: 0 10px; /* Ajoute un espace de 10px entre les slides */
}

/* Compense la marge pour éviter que les slides sortent du conteneur */
.slick-list {
    margin: 0 -10px;
}