#fond_prestations{
    background-image: url('../img/Background/background_prestations.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top : 100vh;
    width : 100%;
    height : 100%;
    z-index: -1;
    pointer-events: none;
    background-color: var(--main_background);
}


#body_prestations{

    display: flex;
    flex-direction: column;
    align-items: center;

    
    text-align: center;
    width : 100vw;
    height : 100vh;

    background-color: transparent;



    

}

#body_prestations h2{
    color : var(--main_background);
    font-size: 4vw;
    text-decoration: underline;

    margin-top: 5vw;
    text-shadow: 
        -1px -1px 0 var(--dore_background),  
        1px -1px 0 var(--dore_background),
        -1px 1px 0 var(--dore_background),
        1px 1px 0 var(--dore_background);

    overflow-y: hidden;
    height : 10vw;
}

#propositions_prestations h4{
    font-size:4vw ;
    color : white;
    margin-bottom: 0vw;
    margin-top: 4vw;
}
#propositions_prestations{
    text-align: center;
    padding-top: 3vw;
}

.page_prestations{

    display : flex;
    flex-direction: row;
    justify-content: space-around;

    width: 100vw;
    height: 100vh;

}

#page_prestations1, #page_prestations2{
    flex-direction: row;
    width : 100vw;
    align-items: center;
    margin-top: -10vw;
}

.div_prestations, .div_propositions_prestations{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

    width : 20vw;
    height: 23vw;

    background-color: var(--dore_background);

    margin-top: 10vw;
    color: white;
    padding : 1vw;
}

.div_prestations h5{
    font-size: 1.7vw;
}

.div_prestations p{
    color: black;
    font-size: 1.1vw;
}

.div_propositions_prestations{
    height : 30vw;
}

.div_propositions_prestations h5{
    font-size: 1.8vw;
}

.div_propositions_prestations div p {
    font-size: 1vw;
    color: black;
}

.div_propositions_prestations div .gras {
    font-size: 1.2vw;
    color : white;
    margin-bottom: 0.3vw;
}

#page_prestations2{
    background-color: var(--main_background);
}

#propositions_prestations{
   
    background-color: var(--main_background);
}


@media only screen and (max-width: 768px) {

    #body_prestations h2{
      
        font-size: 10vw;
        margin-top: 10vw;
        height : 20vw;
    }

    #page_prestations1, #page_prestations2{
        flex-direction: column;
        width : 100vw;
        align-items: center;
        margin-top: 0;
    }

    .div_prestations, .div_propositions_prestations{
   
    
        width : 45vw;
        height: 30vw;
    
        background-color: var(--dore_background);
    
        margin-top: 7vw;

        padding : 2vw;
    }
    
    .div_prestations h5{
        font-size: 3vw;
    }
    
    .div_prestations p{
        color: black;
        font-size: 2vw;
    }


    #propositions_prestations h4{

        font-size:8vw ;
        margin-bottom: 5vw;
        margin-top: 8vw;
    }

    .div_propositions_prestations{
        height : 60vw;
        width : 80vw;
    }
    
    .div_propositions_prestations h5{
        font-size: 3.5vw;
    }
    
    .div_propositions_prestations div p {
        font-size: 2.5vw;
        color: black;
    }
    
    .div_propositions_prestations div .gras {
        font-size: 3vw;
        color : white;
        margin-bottom: 0.3vw;
    }

}
@media (orientation: portrait) {

        #propositions_prestations h4{

            font-size:8vw ;
            margin-bottom: 5vw;
            margin-top: 8vw;
        }
    
        .div_propositions_prestations{
            height : 60vw;
            width : 60vw;
        }
        
        .div_propositions_prestations h5{
            font-size: 3.5vw;
        }
        
        .div_propositions_prestations div p {
            font-size: 2.5vw;
            color: black;
        }
        
        .div_propositions_prestations div .gras {
            font-size: 3vw;
            color : white;
            margin-bottom: 0.3vw;
        }
    




}