::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #eee;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #4F1964;
    border-radius: 10px;
    border: solid 1px #9c968b;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #975AB6;
}

body{
    margin: 0;
    min-height: 90vh;
    background-color: rgba(228, 227, 237, 0.34);
    font-family: 'Raleway';

}

.main-menu{
    font-family: 'Bentham';
    padding-top: 21px;
    padding-bottom: 21px;
    background-color:  #4F1964;
    color: #fff;
    background-image: url('/image/pictoTop.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px 100% ;
}

.main-title{
    font-family: 'Great Vibes', sans-serif;
    width: 100%;
    text-align: center;
    font-size: 80px;
}

.main-sub-title{
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    letter-spacing: 8px;
    word-spacing: 8px;
}

.navbar{
    font-family: 'Bentham';
    position: sticky;
    top: -1px;
    background-color: #975AB6;
    z-index: 42;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    -webkit-box-shadow: 0px 10px 6px -9px #858585;
    -moz-box-shadow: 0px 10px 6px -9px #858585;
    box-shadow: 0px 10px 6px -9px #858585;
}

.navbar-left{
    text-align: left;
}
.navbar-right{
    text-align: right;
}

.navbar-reseaux-icon{
    color: #fff;
}

.block-navbar{
    margin: 11px;
    margin-left: 52px;
    font-size: 22px;
    padding: 5px;
    padding-bottom: 0;
    padding-top: 0;
    color: #fff;
}

.block-navbar>a{
    color: #fff;
    text-decoration: none;
}

.block-navbar:hover{
    cursor: pointer;
    background-color: #4F1964;
    border-radius: 10px;
}