/* titre */
    .titre{    
        position: relative;
        left: 50%;
        transform: translatex(-50%);
        margin-bottom: 20px;
        text-align: center;
    }

    .titre .back_title{
        font-size: 45px;
        color: var(--blue);
        font-weight: 800;
        letter-spacing: 8px;
        opacity: .15;
        text-transform: uppercase;
    }

    .titre h2{    
        position: absolute;
        width: 100%;
        left: 50%; top: 50%;
        transform: translate(-50%,-50%);
        margin-top: 12px;
        font-size: 35px;          
        font-weight: 700;
        text-align: center;
        text-transform: capitalize;
    }

    .titre span{        
        font-size: 35px;          
        font-weight: 700;
        color: var(--yellow);
    }
/* titre */

/* responsive */
    /* titre */
        @media screen and (max-width: 650px) {
            .titre .back_title{
                font-size: 35px;
            }

            .titre h2, .titre span, h2.titreBackend{
                font-size: 25px;
            }
        }

        @media screen and (max-width: 550px) {
            .titre .back_title{
                font-size: 30px;
                letter-spacing: 5px;
            }
        }
    /* titre */
/* responsive */