/* CSS pour la page sommaire.html pour afficher AnyThinkSlider - Faiz 270926
/* --- FORCAGE CSS POUR ANYTHINGSLIDER (SPIP 4.2 / PHP 8) --- */
/* ------------------------------------------ */

/* 1. On force le bloc principal à occuper le bon espace */
.anythingslider-wrapper, .anythingSlider {
    width: 600px !important;
    height: 380px !important; /* Ajustez la hauteur selon vos besoins (300px image + 80px titre) */
    position: relative !important;
    overflow: hidden !important;
}

/* 2. On force les conteneurs de listes à s'aligner correctement */
.anythingSlider ul.anythingBase {
    width: 9999px !important; /* Permet le défilement horizontal */
    display: block !important;
}

/* 3. On impose des dimensions strictes à chaque diapositive (évite le bug du 0px) */
.anythingSlider .panel, .anythingSlider li {
    width: 600px !important;
    height: 380px !important;
    float: left !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. On s'assure que l'image remplit son espace sans disparaître */
.anythingSlider li img {
    width: 600px !important;
    height: 300px !important;
    display: block !important;
}

/* 5. Fixation des flèches sur les côtés pour éviter qu'elles ne descendent au milieu */
.anythingSlider .arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
    z-index: 10 !important;
}
.anythingSlider .back { left: 10px !important; }
.anythingSlider .forward { right: 10px !important; }


/* end */