#module-147 .floating-button {
    position: fixed !important;
    width: 60px;
    height: 60px;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    right: 25px;
    font-weight: bold;
    background-color: #F47F25;
    color: white;
    border-radius: 50px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 14px;
}

#module-147 .floating-button a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    content: '';
    width: 60px;
    height: 60px;
    box-shadow: 0 0 0 0 rgba(255,255,255,.20);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: sdb03 3s infinite;
    animation: sdb03 3s infinite;
    box-sizing: border-box;
}

/*-Ribbon Styles--*/
.arrow-ribbon {
    padding: 2px 8px;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index:999;
    font-size: 14px;
}
.arrow-ribbon.bg-purple:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid #604dd8;
    border-bottom: 15px solid transparent;
    width: 0;
}
.arrow-ribbon.bg-danger:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    color:white !important;
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid  #e45324;
    border-bottom: 15px solid transparent;
    width: 0;
}
.arrow-ribbon.bg-primary:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    width: 0;
}
.arrow-ribbon.bg-secondary:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid #f6f7fb;
    border-bottom: 15px solid transparent;
    width: 0;
}
.arrow-ribbon.bg-success:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    color:white !important;
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid #06840d;
    border-bottom: 15px solid transparent;
    width: 0;
}

.arrow-ribbon.bg-warning::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid #F8D448;
    border-bottom: 15px solid transparent;
    width: 0;
}

.product-image-thumb img{
    max-height: 100% !important;
    object-fit: cover !important;
}

/* Les bandeaux de page portent désormais un h1 : une page sans titre de
   premier niveau n'annonce son sujet à aucun moteur de recherche. Le thème
   dimensionne h1 à 70px, taille prévue pour le diaporama d'accueil et non
   pour ces bandeaux ; la classe leur rend l'apparence du h5 qu'ils avaient.
   Le sélecteur combiné l'emporte sur la règle « h1 » du thème quel que soit
   l'ordre de chargement des feuilles. */
h1.h5 {
    font-size: 32px;
    line-height: 40px;
}

/* Le thème réduit h5 à chaque palier : le h1 suit les mêmes valeurs, sans
   quoi le bandeau déborderait sur mobile. */
@media (max-width: 1199px) {
    h1.h5 { font-size: 27px; line-height: 32px; }
}

@media (max-width: 991px) {
    h1.h5 { font-size: 24px; line-height: 30px; }
}

@media (max-width: 767px) {
    h1.h5 { font-size: 24px; line-height: 28px; }
}