.logo{
    width: 80PX;
}
.classe_head{
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(../img/acceuil1.jpg) center center no-repeat;
    background-size: cover;
}
.classe_head::before,
.classe_head::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    top: 0;
    left: 0;
    background: url(../img/bg-header-top.png) center center repeat-x;
    z-index: 1;
}


.classe_head::after {
    height: 19px;
    top: auto;
    bottom: 0;
    background: url(../img/bg-header-bottom.png) center center repeat-x;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    height: 270px; /* Hauteur fixe pour chaque image */
}

.gallery-item img {
    object-fit: cover; /* S'assure que l'image couvre toute la div sans déformation */
    width: 100%; /* Largeur complète du conteneur */
    height: 100%; /* Hauteur complète du conteneur */
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}