/*.grid{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}*/
.event-detail {
    max-width: 980px;
    width: 80%;
    margin: 0 auto 1.8rem auto;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.event-detail p{
    margin: 0em;
}
.event-detail img{
    max-width: 50%;
}
.event-text{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.event-date{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}

.abs{
    position: absolute;
}
.rel{
    position: relative;
    width: 100%;
    height: 100%;
}
.grid-item {
    /*overflow: hidden;*/
    transition-duration: 250ms;
    width: 31%;
    max-width: 260px;
    margin: 1%;
    z-index: initial;
    /*margin: initial;*/
}
.grid-item--width2 { width: 66%; }

.titreArt{
    top: 0;
    opacity: 0;
    /* transform: translateX(-260px); */
    transition-duration: 350ms;
    transition-timing-function: ease-in;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /*margin-left: -40%;*/
}
/*.titreArt h3{
    text-align: center;
    margin-top: 0px;
    width: 140%;
    padding: 10px;
    font-size: 2.8rem;
}*/
.grid-item .titre3D{
    transition-duration: 150ms;
    text-align: center;
    margin-top: 0px;
    width: 100%;
    padding: 10px;
    font-size: 1.4rem;
}
.grid .overlay{
    opacity: 0;
    top: 0px;
    left: 0px;
    /* background-color: #6acd5b; */
    mix-blend-mode:multiply;
    transition-duration: 250ms;
}
.grid-item:hover{
    z-index: 6;
    transform: scale(1.4)!important;
}
.grid-item:hover .titreArt {
    transform: translateX(0px);
    opacity: 1;
}
.grid-item:hover img {
    mix-blend-mode:multiply;
}.grid-item:hover .overlay {
    opacity: 1;
}