﻿.nav-bottom-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px; /* ou ce que tu veux */
    background-color: #fff;
    border-top: 1px solid #ccc;
    z-index: 9999; /* pour qu’elle reste au-dessus */
}

/*hover-belowline-animation*/
/*Début*/
.hover-belowline-animation {
    display: inline-block;
    position: relative;
}

    .hover-belowline-animation::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        top: 0;
        left: 0;
        background-color: #0087ca;
        transition: transform 0.50s ease-out;
    }

    .hover-belowline-animation:hover::after {
        transform: scaleX(1);
    }

    .hover-belowline-animation.left::after {
        transform-origin: top right;
    }

    .hover-belowline-animation.left:hover::after {
        transform-origin: top left;
    }

    .hover-belowline-animation.center::after {
        transform-origin: top center;
    }

    .hover-belowline-animation.center:hover::after {
        transform-origin: top center;
    }

    .hover-belowline-animation.right::after {
        transform-origin: top left;
    }

    .hover-belowline-animation.right:hover::after {
        transform-origin: top right;
    }
/*fin*/
/*hover-belowline-animation*/

.loading {
    padding: 2rem;
    text-align: center;
    font-size: 1.2rem;
    color: #555;
}

