
/*CSS UFO : Livres Auteurs - MédiaQueries*/


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



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


    main{
        padding: 0 1%;
    }
    
   .Chapitre{
        font-size: 22px;
        padding: 8px 15px;
        margin: 20px 5%;
    }

    .répartitionDébut{
        margin-bottom: 20px;
    }

    .Début1a{
        font-size: 12px;
    }

    .Debut2a{
        font-size: 16px;

    }

/*Début Auteurs*/

    .répartitionDébutAuteur{
        width: 320px;
    }

    .AuteurDébut{
        font-size: 30px;
        
    }

    .NomAuteur{
        font-size: 18px;
    }

    .BlockImgAuteur{
        width: 70px;
        height: 80px;
    }

/*Partie Livres*/


   .répartitionBlockLivres{
    flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        
        gap: 20px;
        padding: 10px;  
    }

    .BlockLivre{
        gap: 8px;
        padding:8px;
        width: 230px;
    }
      

    .img{   
        height: 280px;
    }

    .TitreLivre{
        font-size: 19px;
        padding: 8px; 
        height: auto;
    }

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

    .CiiqueIci{
        font-size: 14px;
    }

/*Fin Block */


    .FinRépartition{
        padding: 0 0px;
        margin-bottom: 30px;
        width: 250px;
        height: 40px;
    }

    .FinLettre2{
        font-size: 30px;
    }

    .BlockFinLettre{
        font-size: 14px;
    }

 
}