/* section newsletter */
    .section_newsletter{
        width: 100%; height: 60dvh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 16px;
    }

    .bg_newsletter{
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 1;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
            object-position: top center;
        }
    }

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

    .box_container_newsletter{
        position: relative;
        z-index: 10;
    }

    .box_container_newsletter{
        h2 > span, p{
            color: var(--white);
        }

        h2, .soustitre{
            color: var(--yellow);
        }

        .titre .soustitre::before, .titre .soustitre::after{
            background-color: var(--yellow);
        }
    }

    .box_input_newsletter{
        border: 2px solid var(--white);
        width: 90%; height: 40px;
        margin: 0 auto;
        display: flex;
        input{
            flex: 0 0 88%;
            height: 100%;
            background: none;
            border: none;
            padding: 0 16px;
            color: var(--white);
        }
        input::placeholder{
            color: var(--white);
        }
        input:focus{
            outline: none;
        }
        button{
            flex: 0 0 12%;
            height: 100%;
            background: none;
            border: none;
            cursor: pointer;
            svg{
                width: 30px; height: 30px;
                fill: var(--white);
                transform: translateY(2px);
            }
        }
        button:hover{
            transform: translateY(-2px);
        }
    }
/* section newsletter */