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

.titre-page p::after{
    opacity: 0.4;
}

/* description generale du service  */

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

/* sercies  */


.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/dressing.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.5;
}

.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/bureau.jpg");
    background-size: cover;
    background-position:50% 80%;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.5;
}

.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/plan_de_travail.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.5;
}

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

.nos-services .services-details .service:nth-child(4)::after{
    background-image :url("/img/meuble_renove.jpg");
    background-size: cover;
    background-position: 50% 30%;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.5;
}

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

.nos-services .services-details .service:nth-child(5)::after{
    background-image :url("/img/transformation_meuble.jpg");
    background-size: cover;
    background-position:50% 60%;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.5;
}

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

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

.nos-services .service h3{
    position : relative;
    z-index: 2;
}

.nos-services .service .detail img{
    border-radius: 100;
    background-color : grey;
    width : 50px;
    height: 50px;
    margin-right: 10px;
}


@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%;
    }
    
    /* .carte{
        width : 80%;
    }

    .carte p{
        margin-top : 10px;
    }

    iframe{
        size : 80%;
    } */

}