/*------------- Section introduction prestations --------------------------*/
.partie-introduction_prestations {
    display: flex;
    width:75%;
    margin:20px auto 150px auto;
    height:auto;
    justify-content: space-between;
}

.logo-secondaire_prestations {width:20%; display: block; }

.logo-secondaire_prestations img { width:100%; display: block;}

.prestations-title_content h1 {
    padding-bottom:20px;
    font-size: 60px;
    font-weight: bold;
    color:#14272D;
    margin:0;
}

.prestations-title_content h2 {
    font-size: 50px;
    color:#3C473F;
    padding-right:150px;
}

.prestations-title_content {
    padding-top:250px;
    display: flex;
    flex-direction: column;
    align-items: end;

}





/*------------- Section prestations --------------------------*/

.identite-visuelle, .print { 
    background-color: #3C473F;
    color:#BDBCB7;
}

.site-internet {
    background-color: #5A5E4F;
    color:#BDBCB7;
}

.section-global_prestations {
    width:60%;
    height:auto;
    display: block;
    border-radius:71px;
    margin:auto;
    padding: 110px 70px 2px 70px;
    margin-bottom:500px;
    margin-top:300px;
}

.section-title_prestations {
    display: block;
    width:95%;
    margin:auto;
    height:auto;
    position:relative;
    margin-bottom:65px;
    justify-content: space-between;
}

.section-title_prestations h1 { font-size:50px; }

.rectangle-vector_image {
    position:absolute;
    top:-65%;
    left:-4%
}

.symbole_image {
    width:240px;
    position:absolute;
    bottom: 170%;
    right:-5%;
}

.symbole_image img {
    width:100%;
}

.section-content_prestations {
    width:90%;
    margin:auto;
    margin-top:100px;
}


.section-content_prestations h2 {
    font-size:20px;
}

.section-content_prestations p {
    font-size:15px;
}

.content-li_prestations {
    font-size:15px;
    list-style: none;
    padding-left:5%;
}

.content-li_prestations li {
    line-height: 150%;
}

.price-section_prestations {
    font: 50px 'Aboreto' !important;
    color:#BDBCB7;
    display: block;
    width:max-content;
    margin-left:auto;
    margin-top:100px;
}

.price-span {
    font:50px 'Oooh Baby';
    color:#BDBCB7;
}

.li-special {
    padding-left:50px;
}

.rectangle-vector_copy {
    width:435px;
    height:auto;
}

@media screen and (min-width:768px) {
    .cloud-bis, .bis {display: none;} 
}

.copy { top:-40%; }

.rectangle-vector_copy2 {
    width:455px;
}


/*------------- Section PACK prestations print --------------------------*/


.section-pack {
    width:27%;
    text-align: center;
    background-color:#5A5E4F;
    padding:40px;
    border-radius: 100%;
    color:#BDBCB7;
    font-size:20px;
    transform: rotate(-15deg);
    position:relative;
    top:-50px;
    left:2%;
}

.pack-content { width: 90%; margin-bottom:10%; }

.print { margin-bottom:0; }

.pack-span { color:#BDBCB7; font-size:24px; }



/*------------- Section contact prestations --------------------------*/

.contact-section_prestations { 
    width:50%;
    text-align: center;
    margin:150px auto;
    color:#3C473F;
    position:relative;
}

.content-contact_prestations {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.cloud-contact {
    width:max-content;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:-1000;
}

.button-contact_prestations { width: max-content; }

.cloud-contact img { width:100%; }


@media screen and (min-width:767px) and (max-width: 1023px) {
    
    .partie-introduction_prestations {
        display: block;
        width:80%;
    }    
    
    .prestations-title_content { padding-top: 150px; }
    
    .prestations-title_content h2 { padding-right:0px; }

    .section-title_prestations { width: 100%; }

    .section-title_prestations h1 {width:max-content;}

    .rectangle-vector_image { left:-8%; }

    .price-section_prestations { width: max-content;}

    .devis {width:min-content;}

    .cloud-content img { width:85%; }
}

@media screen and (max-width:766px) {
    .cloud-pas-bis, .pas-bis {display: none;}

    .partie-introduction_prestations {
        display: block;
        width:80%;
    }    

    .logo-secondaire_prestations { width: 80%; display: block;} 

    .prestations-title_content h1 { font-size:30px;}
    
    .prestations-title_content h2 {
        font-size: 20px;
        padding-right:20px; 
    }

    .prestations-title_content { padding-top: 65px;}

    .section-global_prestations {
        width:85%;
        padding: 85px 15px 30px 15px;
        margin-bottom:0px;
        margin-top:200px;
    }

    .section-title_prestations { width:min-content; }

    .rectangle-vector_image {
        width:122%;
        top:-20%;
        left:-12%;
    }

    .bis { width: 100%; }

    .symbole_image {
        width:200px;
        bottom:130%;
    }

    .section-content_prestations {
        width:90%;
        margin-top:75px;
    }

    .price-section_prestations, .price-span { font-size:25px !important; }

    .price-section_prestations { margin:50px 0 ; }

    .section-pack {
        width:60%;
        padding:35px;
    }

    .cloud-contact {
        width:126%;
        max-width:417px;
    }

    .contact-section_prestations { width: 75%; }
}
