.div-banniere{
    width: 100%;
    animation: animBanniere 1s ease-in;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes animBanniere{
    0%{}
    100%{opacity: 1;}
}

.img-banniere{
    width: 100%;
}

.div-picto{
    padding-top: 50px;
}

h3{
    color: #5261ac;
    text-transform: uppercase;
}

.picto-text{
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.div-picto-solo:hover .img-picto-home{
    transform: rotate(30deg);
}

.div-picto-solo:hover h3{
    text-decoration: underline;
}

.img-picto-home{
    width: 150px;
    height: 150px;
    transition-duration: 0.5s;
    animation: animImgPictos 1.5s ease-in-out;
    margin-bottom: 20px;
}

@keyframes animImgPictos{
    0%{opacity: 0; transform: translateY(-200px);}
    60%{opacity: 0;}
    80%{opacity: 0.8;}
    100%{transform: translateY(0px); opacity: 1;}
}

.btn-details{
    background-color: #5261ac;
    border: none;
    color: white !important;
}

.btn-details:hover{
    background-color: #f79134;
    color: black !important;
}