.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
}

.img-size {
    height: 250px !important;
    object-fit: cover;
    width: 100% !important;
}

.img-size-big {
    height: 500px !important;
    object-fit: cover;
    width: 100% !important;
}

.img-miniature {
    width: 80px;
    height: 84px;
    object-fit: cover;
}

.modal-body {
    text-align: center;
}

.modal-body img {
    max-width: 100%;
    height: auto;
}

.custom-modal-image {
    max-width: 100%;
    max-height: 200vh; /* Ajustez la hauteur selon vos besoins */
}

.calque{
    background-color: #0000007d;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    top: 0;
    right: 0;
}

.in-front{
    position: relative;
    z-index: 10 !important;
}

.logo-bottom-icon{
    height: 146px;
    width: 236px !important;
    object-fit: cover;
    background-color: rgba(255, 255, 255, 0.61);
    position: absolute;
    right: -131px;
    bottom: -20px;
    transform: rotate(118deg);
}

.logo-bottom-icon > img{
    height: 50px;
    width: 50px !important;
    object-fit: cover;
    position: absolute;
    top: 87px;
    right: 66px;
    transform: rotate(240deg);
    border-radius: 50% !important;
}

.fit-img-size{
    object-fit: cover !important;
}

.fit-img-size-large{
    height: 660px !important;
    object-fit: cover !important;
}
.fit-img-size-large2{
    height: 550px !important;
    object-fit: cover !important;
}

.text-capitalizer{
    text-transform: none !important;
}