/* ==========================================
   1. MASQUAGE TITRE ET ALIAS
   ========================================== */
#editor-title-group,
#jform_title-group,
#jform_alias-group,
#jform_title-lbl,
#jform_title,
#jform_alias {
    display: none !important;
}

/* ==========================================
   2. CONFIGURATION GENERALE DES TABLEAUX
   ========================================== */
.com-content-article table {
    width: 100% !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-collapse: collapse !important;
}

/* Adaptation pour les smartphones */
@media screen and (max-width: 768px) {
    .com-content-article table {
        max-width: 100% !important;
    }
}

/* ==========================================
   3. GESTION DES PHOTOS (TAILLE STANDARD)
   ========================================== */
.com-content-article table.vignettes-alignees td:first-child img {
    width: 130px !important;
    min-width: 130px !important;   /* Empêche l'image de rétrécir */
    max-width: 130px !important;   /* Empêche l'image de s'agrandir */
    height: 130px !important;
    min-height: 130px !important;  /* Force la hauteur */
    max-height: 130px !important;  /* Force la hauteur */
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 6px !important;
}

/* Centre le texte verticalement à côté de l'image */
.com-content-article table.vignettes-alignees td {
    vertical-align: middle !important;
    padding: 10px !important;
}