body {
    font-family: Calibri, serif;
    font-weight: bold;
}

.navbar-brand {
    padding-left: 3rem;
    margin-right: -3rem;
    line-height: 1.3em;
    color: rgb(116, 116, 156);
}

.navbar-brand .galerie {
    font-weight: bolder;
    font-size: 2rem;
}

.navbar-brand .name {
    font-weight: 900;
    font-size: 1rem;
}

.title {
    text-align: center;
    font-weight: 900;
    color: rgb(116, 116, 156);
}

.navbar {
    background-color: white !important;
}

.legend {
    top: 7rem;
    position: absolute;
    right: 5%;
    text-align: justify;
}

.nav-item a {
    color: rgb(116, 116, 156);
}

.nav-item {
    padding: 0 1rem;
}

.homepage {
    padding: 1rem 3rem;
}

.carousel-caption {
    bottom: -8px;
    text-align: center;
}


.desc {
    font-size: 1.1rem;
    color: #7F7F7F;
    font-family: Calibri, serif;
    text-align: justify;
}

.desc a {
    color: #7F7F7F;
    text-decoration: underline;
}

.desc .aide {
    text-align: center;
    font-size: 1rem;
}

.links span {
    cursor: pointer;
    background-color: rgba(116, 116, 156, 0.5);
    font-size: 18px;
    text-align: center;
    display: block;
    color: #fff;
    text-shadow: rgba(0, 0, 0, .8) 0 1px 0;
    z-index: 21;
    position: relative;
    top: 150px;
}

.links img {
    width: 100%;
}

a {
    text-decoration: none;
}

.figure-img {
    margin-bottom: 0;
}

.home-box {
    margin: 0.5rem 0;
    color: rgb(116, 116, 156) !important;
}

.home-box img {
    height: 13rem;
}

.p-4 {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;
}

.home-box > div {
    box-shadow: 0 0 5px #c0c0c0;
}

.home-box > div {
    transition: 1s;
    background-color: white;
}
.home-box:hover > div {
    transition: 1s;
    background-color: rgba(116, 116, 156, 0.1) !important;
    color: black !important;
}