#main-content {
    overflow: hidden;
}

.title_photomosaic_container {
    display: block;
    height: 75px;
    position: relative;
}

.title_photomosaic_container .container .page-title {
    padding-top: 10px;
}


.title_photomosaic h4, .title_photomosaic h3 {
    background: rgba(243, 243, 243, 0.85);
    padding: 5px 10px;
    display: block;
    width: fit-content;
}

.title_photomosaic {
    position: relative;
    z-index: 10;
    width: fit-content;
}


#photo-mosaic {
    position: absolute;
    display: flex;
    top: 0;
    z-index: 1;
}

#photo-mosaic a {
    display: block;
    width: 100px;
    height: 75px;
    cursor: default;
    float: left;
    text-decoration: none;
}

#photo-mosaic a .divimg, #photo-mosaic-block a .divimg {
    display: block;
    width: 100px;
    height: 75px;
    overflow: hidden;
}

#photo-mosaic a:hover, #photo-mosaic a:hover {
    white-space: normal;
    position: relative;
    cursor: pointer;
}

/*
 * Agrandissement au survol réduit (x1.4 au lieu de x2 dans le thème natif) et
 * z-index abaissé sous celui de la navbar (500 en dessous de 992px, voir
 * theme-modules.css) pour ne plus jamais passer par-dessus le header.
 * En dessous de 992px (menu mobile), la navbar n'est plus en position
 * absolute/fixed avec un z-index élevé : on désactive donc complètement
 * l'agrandissement pour éviter qu'il ne recouvre les boutons home/menu.
 */
#photo-mosaic a:hover .divimg, #photo-mosaic a:hover .divimg {
    position: absolute;
    left: -20px;
    top: -13px;
    z-index: 400;
    width: 140px;
    height: 105px;
    border-color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 991.98px) {
    #photo-mosaic a:hover .divimg, #photo-mosaic a:hover .divimg {
        position: static;
        left: auto;
        top: auto;
        z-index: auto;
        width: 100px;
        height: 75px;
    }
}

.divimg {
    float: left;
}

.cb {
    clear: both;
}