.block-bg-left-text-right-container{
    font-size: 0;
}

.block-bg-left-text-right-text-container,
.block-bg-left-text-right-bg-img{
    vertical-align: middle;
}
.block-bg-left-text-right-bg-img{
    background-repeat: no-repeat;
    background-position: right -300% center;
    width: calc(100% / 3);
    display: inline-block;
    border-right:1px solid #d0d0d0;
    padding-bottom: 36.5rem;
    transition:all 1s;
}
.block-bg-left-text-right-bg-img.animated{    
    background-position: right 0 center;
}
.block-bg-left-text-right-text-container{
    font-size: 2.4rem;
    padding:0 5rem;
    color:#000000;
    width: calc(200% / 3);
    display: inline-block;        
    line-height: 3rem;
    font-weight: normal;
}
.block-intro--white .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_intro-blanc.png);
}
.block-group--red .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_group-red.png);
}
.block-group--red .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_group-red.png);
}
.block-group--red .block-bg-left-text-right-bg-img:not(.animated){
    background-size: 90% auto;
}

.block-group--red .block-bg-left-text-right-bg-img.animated{
    background-size: 90% auto;
}

.block-focus--white .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_focus-blanc.png);
}
.block-focus--grey .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_focus.png);
}
.block-quote--white .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_quotes-blanc.png);
}
.block-quote--grey .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_quotes.png);
}
.block-bus--white .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_bus-blanc.png);
}
.block-bus--grey .block-bg-left-text-right-bg-img{
    background-image: url(../../images/bg_bus.png);
}
.block-bg-left-text-right-legend{
    margin-top:5.5rem;
    font-weight:bold;
    font-size:1.6rem;
}
.block-intro--white .block-bg-left-text-right-legend{
    color:#DB0717;
}
.block-bg-left-text-right-text-title{
    font-size: 3.6rem;
    font-weight: bolder;
    margin-bottom: 2.8rem;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .block-bg-left-text-right-bg-img{
        display: none;
    }
    .block-bg-left-text-right-text-container{
        width: 100%;
        padding: 0 3.90625VW;
    }
    .block-bg-left-text-right-text-container p{
        margin-bottom:0;
    }
    .block-bg-left-text-right-text-container{
        font-size: 2rem;        
        line-height: 2.7rem;
    }
    .block-bg-left-text-right-text-container{
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .block-focus--grey .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_focus_mob.png);
    }
    .block-intro--white .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_intro-blanc@2x.png);
    }
    .block-group--red .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_group_mob-red@2x.png);
    }
    .block-focus--white .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_focus_mob-blanc.png);
    }
    .block-quote--white .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_quotes_mob-blanc.png);
    }
    .block-quote--grey .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_quotes_mob.png);
        background-size: 88% auto;
    }
    
    .block-quote--white .block-bg-left-text-right-text-container,
    .block-quote--grey .block-bg-left-text-right-text-container{
        min-height: 78vw;
        display: flex;
        flex-direction: column;
        background-size: 88% auto;
    }
    
    .block-quote--white .block-bg-left-text-right-text-container>div,
    .block-quote--grey .block-bg-left-text-right-text-container>div{
        margin:auto;
    }
    
    
    .block-bus--white .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_bus-blanc@2x.png);
    }
    .block-bus--grey .block-bg-left-text-right-text-container{
        background-image: url(../../images/bg_bus@2x.png);
    }
    
    .block-bg-left-text-right-legend {
        margin-top: 2.5rem;
    }
    .transdev-bloc.block-focus--white{
        margin-top: 5.5rem;
    }
}