.boite a .un {
    background-image: url(./img/axa/learning.png);
    height: 100%;
    background-position: top;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
    background-color: #d4e2f3;
}

.boite a .deux {
    background-image: url(./img/axa/awards.png);
    height: 100%;
    background-position: top;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
    background-color: d4e2f3;
}

.boite a .cinq {
    background-image: url(./img/axa/event1.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-color: #294561;
    pointer-events: visible;
    cursor: zoom-in;
}

.boite a .quatre {
    background-image: url(./img/axa/event2.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-color: #1b3859;
    pointer-events: visible;
    cursor: zoom-in;
}

/* 
.boite a .six {
    background-image: url(./img/tyty/luna.png);
    height: 100%;
    background-position: center;
    background-size: cover;
}


.boite a .trois {
    background-image: url(./img/tyty/infographies.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    pointer-events: visible;
    cursor: zoom-in;
    background-color : white;
}

.boite a .sept {
    background-image: url(./img/tyty/figma.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-color : white; 
}

.boite a .huit {
    background-image: url(./img/tyty/code.png);
    height: 100%;
    background-position: center;
    background-size: contain;
    background-color : white; 
}
 */