.bouton:hover p{
    background-color: rgba(150,150,150,0.8);
    transition: all 0.5s linear 0s;
}
.bouton p{
    background-color: rgba(100,100,100,0.5);
    transition: all 0.5s linear 0s;
}

.competence:hover h2{
    opacity: 1;
    transition: all 1s;
}
.competence h2{
    transition: all 0.3s;
}
.competence:hover .logo_competence{
    width: 100%;
    height: 60%;
    transition: all 0.5s;
}
.competence .logo_competence{
    transition: all 0.8s;
}
.img_p_p .legende{
    transition: all 1s;
    color: rgb(255,255,255);
    opacity: 0;
}
.img_p_p:hover .legende{
    opacity: 1;
    transition:opacity 0.6s linear 0s;
}