.elementor-12 .elementor-element.elementor-element-9a8fb27{margin-top:0px;margin-bottom:20px;}.elementor-12 .elementor-element.elementor-element-95c1311 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-12 .elementor-element.elementor-element-95c1311 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-95c1311{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-12 .elementor-element.elementor-element-7092990f > .elementor-background-overlay{background-color:var( --e-global-color-3ef4fcc );opacity:1;}.elementor-12 .elementor-element.elementor-element-7092990f{margin-top:0px;margin-bottom:0px;padding:16px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-1594df43{margin:20px 10px calc(var(--kit-widget-spacing, 0px) + 20px) 10px;padding:0px 10px 0px 10px;}.elementor-12 .elementor-element.elementor-element-afed0bd .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-12 .elementor-element.elementor-element-afed0bd .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-afed0bd{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for html, class: .elementor-element-1594df43 */.thumbnail-rond {
    border-radius: 50% !important;
    width: 45px;
    height: 45px;
    margin: 5px;
    ;
    
}

.thumbnail-rond:hover,
.thumbnail-selected{
    border: 
    3px solid #E48913;
}

.main-image img {
    max-width: 700px;
    display: none;
}

.widget-container.computer {
    display: flex;
    align-items: flex-start;
    /* Alignez les éléments en haut */
}

.thumbnails-column {
    flex: 1;
    /* Les miniatures prennent autant d'espace que possible */
}

.images-column {
    flex: 1.3;
    /* La colonne des images prend le double d'espace de la colonne des miniatures */
    padding-left: 10px; /* Espace entre la colonne des miniatures et des images */
    position: relative; /* Permet de positionner l'image en tant que fond */
}
@media (max-width: 767px) {
    .widget-container {
        display: flex;
        flex-direction: column; /* Afficher les éléments en colonne */
    }
    .thumbnails-column {
        order: 2; /* Réorganiser les colonnes - thumbnails en bas */
    }
    .images-column {
        order: 1; /* Réorganiser les colonnes - main image en haut */
    }
    .thumbnail-rond {
    border-radius: 50% !important;
    width: 25px;
    height: 25px;
    margin: 5px;
    ;
    
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7092990f */.thumbnail {
   width: 50px;
   height: 50px;
   cursor: pointer;
}

.main-image img {
   max-width: 100%;
   display: none;
}/* End custom CSS */