/* Portfolio */

h1{
    color : burlywood;
    font-size: 3.5em;
    font-weight: 400; 
    text-align: center;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
}

h2{
    color : burlywood;
    font-size: 3.5em;
    font-weight: 400; 
    text-align: left;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.liste_book{
    display :grid;
    flex-wrap: wrap;
    flex-direction: left;
    justify-content: center;
    gap : 10px;
    padding-bottom: 80px;
}

.liste_book2{
    display : flex;
    flex-wrap: wrap;
    flex-direction: left;
    justify-content: center;
    gap : 10px;
    
}

.liste_book_font{
    position: relative;
    color:burlywood;
    font-size: 2em;
    font-style: normal;
    text-decoration: none;
    font-weight: 300;
}

.liste_book_images{
    padding-top : 20px;
    padding-bottom : 20px;
}



.liste_book_image1{
    position: relative; 
    background-size: 100%;
    padding-left: 16px;
    padding-right: 36px;
}

.liste_book_image1::before{
    content: "";
    background-image : url(images/_DSC4149.JPG);
    background-position-y: 45%;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.40;
}


.liste_book_image2{
    position: relative; 
    background-size: 100%;
    padding-left: 115px;
    padding-right: 135px;
}

.liste_book_image2::before{
    content: "";
    background-image : url(images/20240928_Perroy-Kasay_P3.png);
    background-position-y: 32%;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.40;
}



.liste_book_image3{
    position: relative; 
    background-size: 100%;
    padding-left: 0px;
    padding-right: 20px;
}

.liste_book_image3::before{
    content: "";
    background-image : url(images/Mapima.jpg);
    background-position-y: 38%;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.40;
}


.liste_book_image4{
    position: relative; 
    background-size: 100%;
    padding-left: 39px;
    padding-right: 59px;
}

.liste_book_image4::before{
    content: "";
    background-image : url(images/Orchestre.PNG);
    background-position-y: 50%;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.40;
}


.CD{
    display : flex;
    flex-wrap: wrap;
    flex-direction: left;
    justify-content: center;
    gap: 50px;
    padding-top: 0px;
    padding-right: 5px;
}

.CD-width{
    width: 35%;
}

.h2_portfolio{
    padding-left: 8%;
}

.videos{
    display : flex;
    flex-wrap: wrap;
    flex-direction: left;
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
    gap: 50px;
    padding-top: 0px;
    padding-right: 5px;
}


.video{
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
}

.last_videos{
    padding-bottom: 100px; 
}