/* section apropos */
    .section_apropos{
        position: relative;
        z-index: 10;
        margin-top: -350px;
    }

    .container_apropos, .container_histoire{
        display: flex;
        justify-content: center;
        gap: 0;
        width: max-content;
        max-width: 1000px;
        margin: 0 auto;
    }

    .content_apropos{
        flex: 0 0 450px;
    }

    .content_apropos:first-child{
        padding: 32px;
        border-radius: 32px 0 0 32px;
        background-color: var(--white);
    }

    .info_apropos{
        text-align: center;
        height: 235px;
        overflow-y: auto;
        padding-right: 5px;
    }

    .container_histoire .content_apropos:first-child{
        height: 350px;
        overflow-y: auto;
        padding-right: 5px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        border-radius: 0;
        p{
            text-align: center;
        }
        p:not(:first-child){
            margin-top: -16px;
        }
    }

    .box_img_apropos{
        width: 100%; height: 550px;
        border-radius: 32px;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
            border-radius: 32px;
        }
    }

    .section_apropos .container_apropos{
        align-items: flex-end;
    }
    
    .section_histoire .container_histoire{
        align-items: flex-start;
    }

    .container_histoire .content_apropos:first-child{
        order: 2;
    }

    .container_histoire .content_apropos:last-child{
        order: 1;
    }
/* section apropos */

/* section mission vision */
    .section_mv{
        margin: 32px auto;
        padding: 32px;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section_mv::before{
        content: '';
        position: absolute;
        top: 0; left: 0;
        background-color: var(--red);
        width: 100%; height: 100%;
        opacity: .6;
        z-index: 1;
    }

    .bg_mv{
        position: absolute;
        width: 100%; height: 100%;
        top: 0; left: 0;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
        }
    }

    .container_mv{
        position: relative;
        z-index: 10;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px,1fr));
        gap: 32px;
    }

    .content_mv{
        h2{
            color: var(--yellow);
            text-align: center;
        }
        p{
            text-align: center;
            color: var(--white);
        }
    }
/* section mission vision */

/* responsive */
    /* section apropos / histoire */
        @media screen and (max-width: 1050px) {
            .content_apropos{
                flex: 0 0 400px;
            }
        }

        @media screen and (max-width: 950px) {
            .section_apropos{
                margin-top: -200px;
            }

            .container_apropos, 
            .container_histoire{
                flex-direction: column;
            }

            .section_apropos .container_apropos, 
            .section_histoire .container_histoire{
                align-items: center;
            }
            
            .section_apropos .container_apropos .content_apropos:first-child{
                order: 2;
            }
            
            .section_apropos .container_apropos .content_apropos:last-child{
                order: 1;
            }

            .container_apropos .content_apropos:first-child, 
            .container_histoire .content_apropos:first-child{
                max-width: 600px;
                border-radius: 32px;
                margin-top: -100px;
                box-shadow: 0 0 5px var(--gray);
            }

            .info_apropos{
                height: auto;
            }

            .container_histoire .content_apropos:last-child{
                max-width: 430px;
            }
            
            .container_histoire .content_apropos:first-child{
                padding: 32px 16px;
                height: auto;
            }
        }

        @media screen and (max-width: 700px) {
            .container_apropos .content_apropos:first-child, 
            .container_histoire .content_apropos:first-child{
                max-width: 400px;
            }
        }
        
        @media screen and (max-width: 500px) {
            .container_apropos .content_apropos:last-child{
                max-width: 380px;
            }

            .container_histoire .content_apropos:last-child{
                max-width: 350px;
            }

            .container_apropos .content_apropos:first-child,
            .container_histoire .content_apropos:first-child{
                max-width: 335px;
            }

            .box_img_apropos{
                height: 450px;
            }
        }
        
        @media screen and (max-width: 400px) {
            .container_apropos .content_apropos:last-child,
            .container_histoire .content_apropos:last-child{
                max-width: 315px;
            }

            .container_apropos .content_apropos:first-child,
            .container_histoire .content_apropos:first-child{
                max-width: 300px;
            }
        }
    /* section apropos  / histoire*/
/* responsive */