/*css UFO : Livres - MédiaQueries*/


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

  

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


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

  

    .divC22-2{
        flex-direction: column;

    }
    .divC22-1{
        width: 80%;
    }

    .pC1, .pC2{
        text-align: center;
        font-size: 18px;
        padding: 10px;
    }



    .répartition2{
        flex-direction: column;
        gap: 10px;

    }

    .div22{
        align-items: center; 
        width: 330px;      
        margin: 20px auto;
    }

    .div22-1{
        width: auto;
        height: auto;
    }

    .img{
        height: 300px;
    }

    


    .Titre{
        font-size: 22PX;
        height: auto;
    }


    .Infos{
        font-size: 16PX;
        height: auto;
    }

    .lien{
        font-size: 16px;

    }
}