.boite a .un {
    background-image: url(./img/pb/PositivityBuddy.png);
    background-size: cover;
    height: 100%;
    background-position: top;
    pointer-events: visible;
    cursor: pointer;
}

.boite a .deux {
    background-image: url(./img/pb/Capture_compte.png);
    height: 100%;
    background-position: top;
    background-size: cover;
}

.boite a .trois {
    background-image: url(./img/pb/Publi.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    pointer-events: visible;
    cursor: pointer;
}

.boite a .quatre {
    background-image: url(./img/pb/commentaires.png);
    height: 100%;
    background-position: center;
    background-size: contain;
}

.boite a .cinq {
    background-image: url(./img/pb/Diagram.jpg);
    height: 100%;
    background-size: contain;
    background-color: #212121;
    pointer-events: visible;
    cursor: pointer;
}

.boite a .six {
    background-image: url(./img/pb/reels.jpg);
    height: 100%;
    background-position: center;
    background-size: contain;
    pointer-events: visible;
    cursor: pointer;
}

.boite a .sept {
    background-image: url(./img/pb/Txt.jpg);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-color: #212121;
    pointer-events: visible;
    cursor: pointer;
}

.boite a .huit {
    background-image: url(./img/pb/img.jpg);
    height: 100%;
    background-size: contain;
    background-color: #212121;
    pointer-events: visible;
    cursor: pointer;
}