/*
  Archive active des regles CSS du code d'origine.
  Conservees sans supprimer les selecteurs inutilises ni les anciennes declarations.
  La feuille accueil-modernise.css chargee apres prend le relais sur le nouveau rendu.
*/

.entrance-img {

        background-size: contain;

        background-repeat: no-repeat;

    }

    .home-entrances .home-entrance {

        background-size: cover;

        background-repeat: no-repeat;

        border: 5px solid #000;

        color: #fff;

        text-decoration: none;

        font-style: normal;

        font-weight: normal;

        line-height: normal;

    }

    .home-entrance .entrance-content {

        background-color: #E11111;

    }

    @media screen and (max-width: 1200px) {

        .home-entrances .home-entrance img {

            display: none !important;

        }

    }

    .grid-home {

        margin-top: 40px;

        display: grid;

        column-gap: 15px;

        grid-template-columns: repeat(2, 1fr);

    }

    .grid-home a,

    div.grid-item {

        position: relative;

        display: flex;

        flex-direction: column;

    }

    div.grid-item {

        gap: 15px;

    }

    div.grid-item>a {

        border-radius: 10px;

        overflow: hidden;

        font-style: normal;

    }

    .grid-home .grid-item p {

        /*position: absolute;*/

        bottom: 0;

        left: 0;

        right: 0;

        color: #fff;

        background-color: #E11113;

        padding: 10px;

        margin: 0;

    }

    .grid-item img {

        object-fit: cover;

        object-position: top center;

    }

    div.grid-item a img {

        max-height: 120px;

    }

    div.grid-item a img {

        max-height: 250px;

    }

    /*.grid-home>.grid-item:first-child img {

        max-height: 300px;

    }  */

    div.grid-item a:hover {

        opacity: 0.8;

        transition: 0.2s all;

    }

    @media screen and (max-width: 1200px) {

        .grid-home {

            grid-template-columns: repeat(1, 1fr);

            gap: 20px;

        }

        .grid-item img {

            display: none !important;

        }

        .grid-home .grid-item p {

            position: static;

        }

    }

#home-festivitas {

        margin-top: 50px;

    }

    #home-festivitas h2 {

        color: #FE0000;

        font-weight: bold;

        font-size: 22px;

    }

    #home-festivitas>div {

        display: flex;

        gap: 30px;

        align-items: center;

    }

    #home-festivitas>div>div:first-child {

        width: 30%;

        text-align: center;

    }

    #home-festivitas>div>div:last-child {

        width: 70%;

    }

    @media screen and (max-width:1200px) {

        #home-festivitas h2 {

            text-align: center;

        }

        #home-festivitas>div {

            flex-direction: column;

        }

        #home-festivitas img {

            max-width: 50% !important;

        }

        #home-festivitas>div>div {

            width: 100% !important;

            justify-content: center;

        }

    }