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

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


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

    main{
        padding: 0 4%;
    }

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

        gap: 8px;
        padding: 8px;

        height: auto;
    }

    .img{   
        width: 100%;
        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: 30px;
        
        padding: 25px 10px 5px 10px;
        height: auto;   
    }

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

        width: 100%;
        overflow: hidden;
        height: auto;
    }

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


    .logos{
        font-size: 17px;
    }

    .InfosLivre{
        font-size: 18px;
        line-height: 150%;
        padding: 25px;
        margin-top: 10px;
    }

    .interligne{
        margin: 10px 0;
    }



}