#bg1{
    background-image: url('../image/common/bg1.png');
    background-repeat: no-repeat;
    background-size: cover;
}
#bg-aboutUs{
    background-image: url('../image/about-us/bgabout.png');
    background-repeat: no-repeat;
    background-size: cover;
}
#bg-news{
    background-image: url('../image/blog/bg-news.png');
    background-repeat: no-repeat;
    background-size: cover;
}




#tbBackground{
    background-image: url('../../backOffice/assets/image/common/table-body.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#bg-voyage{
    background-image: url('../../backOffice/assets/image/common/paper\ 2.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}





.legende{
    font-size: 1.5vw; width: 96%
}
.trois{
    width: 84%; height: 82%; margin-top: 2.5%;
}





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

    .descript{
        font-size: 2.5vw;
        margin-left: 1.3%;
    }

}


@media screen and (max-width: 991px){
    /*------------------------------------------------------Hasiana maso ny class descript*/
    .descript{
        font-size: 2vw;
        margin-left: 2%;
    }

    .mb-paragraphe{
        margin-bottom: 3%;
    }
}


@media screen and (min-width: 992px){

    .descript{
        font-size: 2vw;
        margin-left: 2%;
    }

    .mb-paragraphe{
        margin-bottom: 3%;
    }
}





/* ---------------------media MD ----------------------*/




.z-index-1{
    z-index: 1;
}
.z-index-2{
    z-index: 2;
}