/* Bio */

.p_bio{
    padding-left :25%;
    padding-right : 25%;
    text-align: left;
    text-indent: 40px;
}

.side1-left{
    background-image: url(images/Exports/tete.png);
    background-repeat: no-repeat;
    background-size: 14vw;
    background-position-x:5vw;
    background-position-y: 50%;
}
.side1-right{
    background-image: url(images/Exports/Tete2.png);
    background-repeat: no-repeat;
    background-size: 5em;
    background-position-x: 75vw;
    background-position-y: 60%;
}

.side2-left{
    background-image: url(images/Exports/Guitare.png);
    background-repeat: no-repeat;
    background-size: 8vw;
    background-position-x: 12%;
    background-position-y: 50%;
}
.side2-right{
    background-image: url(images/Exports/Matos.png);
    background-repeat: no-repeat;
    background-size: 14vw;
    background-position-x: 78vw;
    background-position-y: 40%;
}

.side3-left{
    background-image: url(images/Exports/CD_border.png);
    background-repeat: no-repeat;
    background-size: 15vw;
    background-position-x: 5%;
    background-position-y: 70%;
}
.side3-right{
    background-image: url(images/Exports/Setup_Border.png);
    background-repeat: no-repeat;
    background-size: 5.5em;
    background-position-x: 90%;
    background-position-y: 20%;
}

.side4-left{
    background-image: url(images/Exports/Jousselme_Border.png);
    background-repeat: no-repeat;
    background-size: 5.5em;
    background-position-x: 10%;
    background-position-y: 50%;
}
.side4-right{
    background-image: url(images/Exports/Perroy_Border.png);
    background-repeat: no-repeat;
    background-size: 15vw;
    background-position-x: 75vw;
    background-position-y: 35%;
}

.side5-left{
    background-image: url(images/Exports/MiniaDrigting.png);
    background-repeat: no-repeat;
    background-size: 4.5em;
    background-position-x: 10%;
    background-position-y: 30%;
}
.side5-right{
    background-image: url(images/Exports/MiniaRobScallon.png);
    background-repeat: no-repeat;
    background-size: 16vw;
    background-position-x: 78vw;
    background-position-y: 30%;
}

.h2_bio{
    padding-left :25%;
}

.photo{
    padding : 400px;
    background-image: url("images/VenanceJoffrion_fr.png");
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    padding-top: 0;
    background-repeat: no-repeat;
    border-top: 3px burlywood solid;
    border-bottom: 3px burlywood solid;
    border-radius: 25px;

    margin-top:100px;
}

.photo3{
    padding : 300px;
    background-image: url("images/Pjoto.JPG");
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 30%;
    padding-top: 0;
    background-repeat: no-repeat;
    border-top: 3px burlywood solid;
    border-bottom: 3px burlywood solid;
    border-radius: 25px;

    margin-top:100px;
}

.photo2{
    padding : 300px;
    background-image: url("images/DSC03930_Snapseed.jpg");
    background-size: 120%;
    background-position-x: 70%;
    background-position-y: 65%;
    padding-top: 0;
    background-repeat: no-repeat;
    border-top: 3px burlywood solid;
    border-bottom: 3px burlywood solid;
    border-radius: 25px;

    margin-top:100px;
}


.div_bouton_yt{
    display : flex;
    flex-wrap: wrap;
    flex-direction: left;
    justify-content: center;
    gap : 70px;
    text-align: center;
    padding-top: 100px;
    padding-bottom : 70px;
}

.bouton_yt{
    color: burlywood;
    font-size: 2em;

}


.bouton_hs{
    color: burlywood;
    font-size: 2em;
}

.border_bouton_homeStudio{
    border-top: 3px burlywood solid;
    border-bottom: 3px burlywood solid;
    border-radius: 25px;
    padding : 20px;
}

.backgroundYT{
    position: relative; 
    
}

.backgroundYT::before{
    content: "";
    background-image: url(images/logoYouTube-removebg-preview.png);
    opacity: 0.3;
    background-position-y: 50%;
    background-size: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}