

/*CSS UFO : Livres Alphabétique - MédiaQueries - Tablette*/



/*main*/

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

    main{
        padding: 0 8px;
    }
    
   .Chapitre{
        font-size: 24px;
    }


/*Block Auteur Début*/

    .répartitionDébutLettre{
        width: 50%;
        height: 45px;
        
    }

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


/*Partie Livres*/

   .répartitionBlockLivres{
        border: 10px solid rgb(100, 19, 230);
        border-top: none;
        border-bottom: none;
        border-right: none;
        
        gap: 10px;
        padding: 8px;  
    }

/*Blocks Livres*/
    
    .BlockLivre{
        gap: 8px;
        padding:8px;
        width: 230px;
    }

    .img{   
        height: 280px;
    }
      
    .TitreLivre{
        font-size: 19px;
        padding: 8px;
        height: 140px;
    }

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

    .CiiqueIci{
        font-size: 14px;
    }

    


/*Block Auteur Fin*/

    .FinRépartition{
        width: 40%;
        height: 30px;
        padding: 0 5px 0 0;  
    }


    .FinLettre2{
        font-size: 22px;
    }



}



