* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body, html {
        height: 100%;
        font-family: 'Poppins', Arial, Lucida, sans-serif;
    }

    .container {
        display: flex;
        height: 100vh;
        flex-wrap: wrap;
    }

    .section {
        position: relative;
        flex: 1;
        min-width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        padding: 40px;
    }

    /* Image de fond */
    .section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: -2;
    }

    /* Overlay noir */
    .right-section::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.55);
        z-index: -1;
    
    }

      .left-section::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(25,0,0,0.65);
        z-index: -1;
    
    }

    .left-section::before {
        background-image: url("images/bureaux-sto-affaires.jpg");
    }

    .right-section::before {
        background-image: url("images/visitez-la-boutique-en-ligne-sto.jpg");
    }

    .content {
        max-width: 500px;
    }

    h1,
    h2.boutique {
        font-size: 2.5rem;
        margin-bottom: 5px;
        font-weight:700;
        line-height:1.2em;
    }

    h2, h3 {
        font-size: 1.3rem;
        margin-bottom: 60px;
        font-weight: 300;
    }



    a.button {
        text-decoration: none;
        padding: 12px 26px;
        border: 2px solid #fff;
        background: #fff;
        color: #000;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        border-radius:100px;
        font-weight:600;
    }

    a.button:hover {
        background: transparent;
        color: #fff;
    }

    /* Responsive */
    @media (max-width: 980px) {
        .section {
            min-width: 100%;
            min-height: 50vh;
            padding: 15% 10%;
        }

    

        h1,
        h2.boutique {
        font-size: 28px;
    
    }

    h2, h3 {
        font-size: 16px;
    }



    a.button {
        font-size: 15px;
        padding: 8px 16px;

    }
    }