/* File Icons  */
.fi {
    margin: 0;
    height: auto;
    width: auto;
    min-width: 28.8px;
}
.fi:hover:not(.fi-no-hover),
.fi.hover { /* Appliquer le même effet pour la classe .hover */
    transform: translate(0, -5px);
}


/* PDF */
.fi-pdf.fi:before,
.fi-pdf.fi .fi-content {
    background-color: #E53E3E; /* Rouge */
}
.fi-pdf.fi:after {
    border-left-color: #C53030; /* Rouge plus foncé pour le triangle */
}

/* Microsoft Word DOC/DOCX */
.fi-doc.fi:before,
.fi-doc.fi .fi-content,
.fi-docx.fi:before,
.fi-docx.fi .fi-content {
    background-color: #2B579A; /* Bleu Word */
}
.fi-doc.fi:after,
.fi-docx.fi:after {
    border-left-color: #204E86; /* Bleu plus foncé pour le triangle */
}

/* Microsoft Excel XLS/XLSX */
.fi-xls.fi:before,
.fi-xls.fi .fi-content,
.fi-xlsx.fi:before,
.fi-xlsx.fi .fi-content {
    background-color: #217346; /* Vert Excel */
}
.fi-xls.fi:after,
.fi-xlsx.fi:after {
    border-left-color: #1E6530; /* Vert plus foncé pour le triangle */
}

/* Microsoft PowerPoint PPT/PPTX */
.fi-ppt.fi:before,
.fi-ppt.fi .fi-content,
.fi-pptx.fi:before,
.fi-pptx.fi .fi-content {
    background-color: #D24726; /* Orange PowerPoint */
}
.fi-ppt.fi:after,
.fi-pptx.fi:after {
    border-left-color: #B9401D; /* Orange plus foncé pour le triangle */
}

/* Text File TXT */
.fi-txt.fi:before,
.fi-txt.fi .fi-content {
    background-color: #787878; /* Gris */
}
.fi-txt.fi:after {
    border-left-color: #626262; /* Gris plus foncé pour le triangle */
}

/* JPG/JPEG */
.fi-jpg.fi:before,
.fi-jpg.fi .fi-content,
.fi-jpeg.fi:before,
.fi-jpeg.fi .fi-content {
    background-color: #1E90FF; /* Bleu clair */
}
.fi-jpg.fi:after,
.fi-jpeg.fi:after {
    border-left-color: #1C86EE; /* Bleu plus foncé pour le triangle */
}