.titre-page{
    background : url("/img/canape\ \(2\).jpg");
}

/* descripion générale du service  */

.services .img-service{
    background-image: url("/img/nettoyage_canape.jpg");
}

/* nos services  */

.nos-services .services-details .service:nth-child(1){
    position: relative;
    isolation : isolate;
}

.nos-services .services-details .service:nth-child(1)::after{
    background-image :url("/img/canape.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.4;
}

.nos-services .services-details .service:nth-child(2){
    position: relative;
    isolation : isolate;
}

.nos-services .services-details .service:nth-child(2)::after{
    background-image :url("/img/fauteuil.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.4;
}

.nos-services .services-details .service:nth-child(3){
    position: relative;
    isolation : isolate;
}

.nos-services .services-details .service:nth-child(3)::after{
    background-image :url("/img/interieur_voiture.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.4;
}


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

    header nav .onglet {
        padding-top :0px;
        margin-top : 0px;
        padding-left : 0px;
    }

    header .titre-page{
        margin-top : 45%;
    }

    .services{
        flex-wrap : wrap; 
    }

    .services .img-service{
        width : 90%;
        margin : auto;
    }

    .services .explication{
        width : 90%;
        margin : auto;
        /* padding-bottom : 40px; */
        margin : 5%;
    }

    .services .img-service{
        width : 90%;
        height : 30vh;
        margin-bottom : 10px;
    }

    .nos-services .service{
        width : 90%;
    }

}