.visualisez {
padding: 10%;
display: flex;
justify-content: space-between;
background-color: var(--color-blanc-2);
padding-bottom: 15%;
}
.visualisez .gauche {
    width: 40%;
}
.visualisez h2 {
    margin-bottom: 40px;
}
.visualisez p {
    
}

.visualisez .cercle {
    position: absolute;
    top: -10%;
height: 120%;
}

.visualisez .cercle img {
    width: 100%;
    height: 100%;
}

    .visualisez img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    }


.visualisez .droite {
    width: 50%;
    background-position: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.visualisez .visuel {
    position: relative;
height: max-content;
height: 100%;
}
.visualisez img {
    max-width: 100%;
    height: 100%;
}

.visualisez .visuel img {
    z-index: 5;
    position: relative;
    }

/* Pour retiré la barre en haut de l'ifram*/
/* .toolbar {
    display: none;
    } */

.visualisez #Frame1 {
    position: absolute;
    left: 4.5%;
    width: 66.8%;
    z-index: 5;
    top: 7%;
    height: 88%;
    }

    .visualisez #Frame2 {
        position: absolute;
        right: 1%;
        width: 19%;
        z-index: 5;
        top: 17%;
        height: 69%;
        }


        .fleche-scroll {
            position: absolute;
            height: 50px;
            display: flex;
            bottom: -17%;
            right: 5%;
            }
            .fleche-scroll p {
            width: 250px;
            text-align: center;
            font-family: var(--police-avenir-black);
            position: relative;
            top: 20px;
            margin: 0 20px;
            }
            .fleche-scroll img {
            width: calc(50% - 100px);
            }
            .droite-fleche {
            display: none;
            }


            /*
*
*
*
* MEDIA
*
*
*
*
*/

@media screen and (max-width: 1300px) {
    .visualisez {
        padding: 10% 5%;
        }
    }