body {
    background-color: #eee;
}

a {
    text-decoration: inherit;
}

.livreAuteur {
    align-content: center;
    align-items: center;
    justify-content: center;
    /* border: 2px solid black; */
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px 2px;
    background: #ffffff !important;
    border-radius: 4px;
}

.livreAuteur.imagelivre {
    width: 20vwv;
}

.livreAuteur.content {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.info {
    color: black;

}


.emprunt {
    display: flex;
    justify-content: center;
}

.card-book img {
    height: 150px;
    object-fit: cover;
    object-position: center;
    padding: inherit;
}

.card-book .card-body {
    color: #333;
    text-decoration: inherit;
}

.card-book .card-body .card-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.barreDeRecherche {
    margin-bottom: 20px;
}

.card {
    border: none;
    border-radius: 10px;
    margin-bottom: 20px;
}

.nav-merveille {
    background-color: #67aeed !important;
    text-align: center;
    ;
}

.nav-merveille nav ul {
    display: flex;
    gap: 30px;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-top: 20px;
}

.nav-merveille nav ul a {
    background: #fff;
    border-radius: 10px;
    padding: 4px;
    color: #333;
}

.nav-merveille .titre {
    font-size: 30px;
    font-weight: bold;
    text-transform: capitalize;
}

.logo {
    max-width: 270px;
    margin: auto;
    margin-bottom: 20px;
}

.badge {
    background-color: #6c757d;
}

.infoConnect {
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: #67aeed !important;
    border-radius: 4px;
    text-align: center;
}

.infoConnect p {

    color: #fff;

}

#box {
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: #67aeed !important;
    border-radius: 4px;
}

#box h2 {
    color: #fff;
}

.carousel {

    height: 300px;
}

.carousel img {
    object-fit: cover;
    height: 300px;
    margin: auto;
}

.carousel-item {
    background-color: rgba(0, 0, 0, 0.207);
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    filter: invert(100%);
}

.carousel-control-next,
.carousel-control-prev {
    background-color: #fff;
}

.infoConnect h2 {
    color: #fff;
}

.indispo {
    color: red;
}

.dispo {
    color: green;
}


@media screen and (max-width: 780px) {

    .nav-merveille nav ul {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .nav-merveille nav ul a {
        display: block;
    }

    .menu-authentifier {
        display: none;
    }

}