/*CSS UFO : Livres Alphabétique - 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%;
    }


/*Début Auteurs*/

    .répartitionDébutLettre{
        width: 55%;
        height: 40px;  
    }

    .LettreDébut{
        font-size: 25px;      
    }

 
/*Partie Livres*/



   .répartitionBlockLivres{
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        border: 10px solid rgb(100, 19, 230);
        border-top: none;
        border-bottom: none;
        border-right: none;
        
        gap: 20px;
        padding: 10px;  
    }

/*Blocks Livres*/

    .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{
        width: 40%;
        height: 30px;
        padding: 0 5px 0 0;  
    }


    .FinLettre2{
        font-size: 22px;
    }

 
}