/*CSS UFO : Livres Présentation - MédiaQueries*/



@media screen and (min-width: 501px)and (max-width: 960px) {


    .Chapitre{
        font-size: 22px;
        padding: 8px 10%;
        margin: 30px 5%
    }

    main{
        padding: 0 15%;
        margin-bottom: 40px;
    }

    .BlockLivre{
        flex-direction: column;
        justify-content: center;

        gap: 8px;
        padding: 8px;

        height: auto;
    }

    
    .répartition2{
        gap: 8px;

        width: 100%;
        height: auto;
    }

    .TitreLivre{
        font-size: 24px;
    }

    .TitreLivre2{
        font-size: 18px;
        margin-top: 15px;
    }

    .Auteur, .Auteurbis{
        flex-direction: column;
        justify-content: center;

        gap: 50px;
        
        padding-bottom: 40px;
        height: auto;   
    }

    .imgAuteur, .imgAuteurbis{
        margin-right: 0px;

        width: 70%;
        overflow: hidden;
        height: auto;
        
    }
    
    .LienAchatLivre{
        flex-direction: column;
    }
    
    .LienAchat{
        font-size: 19px;
        margin-bottom: 10px;
        width: 100%;
   
    }

    .logos{
        align-items: self-end;
        font-size: 17px;
    }

    .InfosLivre{
        font-size: 18px;
        padding: 35px;
        margin-top: 10px;
    }

    .interligne{
        margin: 10px 0;
    }



}