.vpa-2col-txt-img, .vpa-2col-txt-mozaic, .vpa-2col-txt {
    margin: auto;
    /*border:1px solid #000;*/
    position:relative;
    z-index: 10;
    line-height: 1.5em;

    .vpa-picto{
        height:auto !important;
    }
    .columns {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 1em;
        .column div figure {
            padding: 1em;
        }
        .column div .heading {
            padding-right: 1em;
            line-height: 1.25em;
        }
        .column .list a:hover {
            color: var(--main-color-darker) ;
        }
        .column .list a {
            text-decoration: underline ;
        }
        @media screen and (min-width: 768px) {
            grid-template-columns: 50% 50%;
            .column{
                display: flex; /* contexte sur le parent */
                flex-direction: column; /* direction d'affichage verticale */
                justify-content: start; /* alignement vertical */
                
            }
            .column .sub-container {
                margin-left:0;
                padding:0;
            }
        }
        @media screen and (min-width: 768px) {
                    .arrondi img{
                        border-top-left-radius: 30% 50%;
                        border-bottom-left-radius: 30% 50%;
                    }
                }
        .column:first-child{
            figure{
                margin:0;
                padding:0;
                
            }
            p , ul {
                justify-self: left;
            }
            .heading{
                justify-self: left;
            }
            .link{
                justify-self: center;
            }
        }
        .column:nth-child(2){
            
            figure{
                margin:0;
                padding:0.25em;
                
            }

            .heading{
                justify-self: left;
            }
            .link{
                justify-self: center;
            }
        }
    }

}
.vpa-2col-txt-mozaic  {
    padding-top:3vh;
}
.vpa-2col-txt-mozaic > .columns {
    padding-bottom:1em;
    @media screen and (min-width: 768px) {
            grid-template-columns: 30% 66%;
    }
}
.vpa-2col-txt-mozaic > .columns > .column > .vpa-1col-txt {
    margin-top: 0;
}
.vpa-2col-txt-mozaic > .columns > .column:nth-child(2) {
  
    .heading {
        
        justify-self: center;
    }
    @media screen and (min-width: 768px) {
        .columns:has(.column:first-child > .vpa-1col-txt){
            grid-template-columns: 35% 65%;
        }
        .columns:has(.column:nth-child(2) > .vpa-1col-txt){
            grid-template-columns: 65% 35%;
        }
    }
}
.vpa-2col-txt {
    @media screen and (min-width: 768px) {
        .columns:has(.column:first-child > .heading){
            grid-template-columns: 35% 65%;
        }
        .columns:has(.column:nth-child(2) > .heading){
            grid-template-columns: 65% 35%;
        }
        
    }
}
.demi {
    @media screen and (min-width: 768px) {
        .columns:has(.column:nth-child(2) > .heading){
            grid-template-columns: 1fr 1fr;
        }
        
    }
}
.center {
    text-align: center;
}   
    .reverse_img {

        .columns {
                display: flex !important;
                flex-direction: column-reverse;
        }
        @media screen and (min-width: 768px) {
        .columns {
                display: grid !important;
        }
        }
    }