﻿/* 1. TAILLE PAR DÉFAUT (200px) POUR LA PLUPART DES DOSSIERS */
/* On regroupe tous les dossiers qui partagent la même dimension */
img[src*="img/enfant/"],
img[src*="img/homme/"],
img[src*="img/femme/"],
img[src*="img/layette/"],
img[src*="img/magazines/"],
img[src*="img/magazines-plassard/"],
img[src*="img/livres/"],
img[src*="img/nouveautes/"] {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

/* 2. TAILLE SPÉCIFIQUE (160px) POUR LE DOSSIER DISPONIBLE */
img[src*="img/disponible/"] {
    width: 160px;
    height: 160px;
    object-fit: cover;
}

/* 3. CLASSES D'EXCEPTION (FORCE LA TAILLE PEU IMPORTE LE DOSSIER) */
/* On ne les définit qu'une seule fois ici */
.format-petit {
    width: 160px !important;
    height: 160px !important;
    object-fit: cover;
}

.format-grand {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover;
}

/* 4. STYLE COMMUN À TOUTES LES IMAGES DU TABLEAU */
.tab-image {
    display: inline-block;
    border-radius: 4px;
    margin: 5px;
}
