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



/*main*/

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

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

    .Debut2a{
        text-align: center;
        color: rgb(245, 237, 255);
        font-weight: bold;
        font-size: 20px;

    }

/*Block Auteur Début*/

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

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

    .NomAuteur{
        font-size: 25px;
        padding: 0 5px;
        width: 60%;
    }

    .BlockImgAuteur{
        display: flex;
        border-radius: 12px;
        box-shadow: rgb(210, 184, 255) 2px 2px 10px;

        width: 100px;
        overflow: hidden;
        height: 120px;
    }


/*Blocks Livres*/

    .répartitionBlockLivres{
        gap: 10px;
        padding: 8px;
    }

    
    .BlockLivre{
        gap: 8px;
        padding:8px;
    }
      
    .TitreLivre{
        font-size: 18px;
        height: 140px;
    }

    .TitreLivre2{
        font-size: 16px;
    }

    .CiiqueIci{
        font-size: 15px;
    }

    


/*Block Auteur Fin*/

    .FinRépartition{

        padding: 0 10px;
        margin-bottom: 40px;

        width: 290px;
        height: 40px;

    }

    .FinLettre2{
        font-size: 25px;
        padding-right: 20px;
        
    }

    .BlockFinLettre{
        font-size: 16px;

    }



}