.image-titre-description.bg-full{
    background: var(--grisblanc2);
}

.image-titre-description:not(.bg-container){
    padding:50px 0;
}

.image-titre-description.bg-full .container{
    padding:50px 20px;
}

.image-titre-description.bg-container .container .wrapper{
    background: var(--grisblanc2);
    border-radius: 4px;
    padding:40px 20px;
}

.image-titre-description .container .wrapper{
    display: flex;
    flex-direction: column;
}

.image-titre-description .container .wrapper.texte-gauche{
    flex-direction: column-reverse;
}

.image-titre-description.bg-full .container .wrapper{
    padding:0 20px;
}

.image-titre-description:not(.bg-container) .container .wrapper > h2,
.image-titre-description:not(.bg-container) .container .wrapper > a{
    display: none;
}

.image-titre-description.bg-container .container .wrapper .droite h2,
.image-titre-description.bg-container .container .wrapper .droite a h2{
    display: none;
}

.image-titre-description.bg-container .container .wrapper h2,
.image-titre-description.bg-container .container .wrapper a h2{
    margin:0 auto;
}

.image-titre-description.hide-image-mobile .container .wrapper .gauche{
    display: none !important;
}

.image-titre-description:not(.bg-full) .container .wrapper .gauche{
    margin-top:30px;
}

.image-titre-description .container .gauche figure img{
    aspect-ratio: 310/151;
    object-fit: cover;
    height: 100%;
}

.image-titre-description .container .gauche figure img{
    border-radius: 4px;
}

.image-titre-description.bg-full .container .gauche figure img{
    border-radius: 4px;
}

.image-titre-description.bg-full .container .wrapper .gauche figure img{
    aspect-ratio: 350/218;
}

.image-titre-description .container .droite{
    display: flex;
    flex-direction: column;
}

.image-titre-description:not(.bg-container) .container .wrapper .droite{
    margin-top:50px;
}

.image-titre-description:not(.bg-container) .container .wrapper.texte-gauche .droite{
    margin-top: 0;
}

.image-titre-description .container .droite .sous-titre{
    color: var(--bleufonce);
    font-family: 'Century', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top:20px;
}

.image-titre-description .container .droite .texte{
    margin-top:10px;
}

.image-titre-description .container .wrapper.texte-gauche .droite .texte{
    margin-top:30px;
}

.image-titre-description .container .droite .texte,
.image-titre-description .container .droite .texte *{
    color: var(--shades-noir-2);
    font-family: Trenda, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.image-titre-description.bg-full .container .wrapper .droite .texte{
    color:var(--shades-noir-2);
    margin-top:30px;
}

.image-titre-description .container .droite .savoir-plus{
    margin-top:16px;
    width:fit-content;
}

.image-titre-description .container .droite .btn{
    margin-top:20px;
}

.image-titre-description.bg-full .container .wrapper .droite .savoir-plus{
    margin-top:30px;
}

.image-titre-description .container .gauche .images{
    display: grid;
    grid-template-areas: "a b"
                         "a c";
    gap:10px;
}

.image-titre-description .container .gauche .images figure:first-child{
    grid-area: a;
}

.image-titre-description .container .gauche .images figure:nth-child(2){
    grid-area: b;
}

.image-titre-description .container .gauche .images figure:last-child{
    grid-area: c;
}

.image-titre-description .container .gauche .images figure:first-child img{
    aspect-ratio: 170/306;
}

.image-titre-description .container .gauche .images figure:nth-child(2) img,
.image-titre-description .container .gauche .images figure:last-child img{
    aspect-ratio: 170/148;
}

@media screen and (min-width: 992px){
    .image-titre-description{
        padding: 50px 0;
    }

    .image-titre-description.bg-full{
        margin-top: 50px;
        padding:0;
    }

    .image-titre-description:not(.bg-full) .container .wrapper{
        padding:50px;
    }

    /*.image-titre-description.bg-full .container{
        max-width:1080px;
    }*/

    .image-titre-description:not(.bg-container) .container .wrapper{
        padding:0 75px;
    }

    .image-titre-description:not(.bg-full) .container .wrapper .droite h2,
    .image-titre-description:not(.bg-full) .container .wrapper .droite a h2{
        display: flex;
        margin:unset;
    }

    .image-titre-description .container .droite .sous-titre{
        margin-top:50px;
        font-size:20px;
    }

    .image-titre-description:not(.bg-full) .container .wrapper > h2,
    .image-titre-description:not(.bg-full) .container .wrapper > a{
        display: none;
    }

    .image-titre-description .container .wrapper{
        flex-direction: row;
        gap: 50px;
        padding: 0;
    }

    .image-titre-description .container .wrapper.texte-gauche{
        flex-direction: row-reverse;
    }

    .image-titre-description.hide-image-mobile .container .wrapper .gauche{
        display: flex !important;
    }

    .image-titre-description .container .gauche figure{
        height:100%;
    }

    .image-titre-description .container .gauche figure img{
        aspect-ratio: 540/359;
    }

    .image-titre-description .container .gauche figure img{
        border-radius: 4px;
    }

    .image-titre-description.bg-full .container .wrapper .gauche figure img{
        aspect-ratio: 515/384;
    }

    .image-titre-description .container .gauche{
        width: 50%;
        margin-top:0 !important;
    }

    .image-titre-description .container .droite{
        width: 50%;
        justify-content: center;
    }

    .image-titre-description:not(.bg-container) .container .wrapper .droite{
        margin-top: 0;
    }

    .image-titre-description .wrapper.no-photo .droite{
        width: 70%;
        align-items: center;
        max-width: 100%;
        margin: 0 auto;
    }

    .image-titre-description .wrapper.no-photo .droite .texte{
        text-align: center;
    }

    .image-titre-description .container .droite .texte,
    .image-titre-description .container .droite .savoir-plus{
        margin-top:20px;
    }

    .image-titre-description:not(.bg-container) .container .wrapper .droite .texte{
        margin-top:50px;
    }

    .image-titre-description.bg-full .container .wrapper .droite .savoir-plus{
        margin-top: 20px;
    }

    .image-titre-description .container .gauche .images figure:first-child img{
        aspect-ratio: 252/441;
    }

    .image-titre-description .container .gauche .images figure:nth-child(2) img,
    .image-titre-description .container .gauche .images figure:last-child img{
        aspect-ratio: 252/215;
    }

}