/* Section avec une image et un texte */

.imageH {

    position: relative;

    width: 100%;

    height: 273px;

    overflow: hidden;

}



.imgHead {

    width: 100%;

    height: 100%;

    object-fit: cover; /* Maintient les proportions tout en remplissant */

}



.texteH {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 48px;

    font-family: 'Inria', serif;

    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);

}



@media (max-width: 800px) {

    div.imageH {

        position: relative;

        width: 100%;

        height: 73px;

        overflow: hidden;

    }



    .titre {

        font-size: 30px;

    }

}