/*css UFO : Histoire Chronologie - MédiaQueries - Tablette*/

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

 

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



    /*main*/


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

 
    /*chronologie*/


    .dates{
        border: 3px solid rgb(19, 177, 164);
        border-bottom: none;
        border-top: none;
        font-size: 14px;
        padding: 10PX 2PX 0 2PX;
    }   
    


    .divlien{
        display: grid;
        grid-template-areas:
        "img Titre"
        "img LienPage"    
        ;
        grid-template-columns: 180px 250px ;
        grid-template-rows: 80px 50px;
        gap: 5px;

        padding: 5px;
        margin-left: 8px;
        margin-bottom: 30px;

    }
 
    .img{
        height: 100%;  
    }

    .TitreP1{
        font-size: 17px;
    }

    .TitreP2{
        font-size: 14px;
    }


    .imgDrapeau{
        width: 35px;
        height: 22px;

    }

    .date{
        font-size: 13px;
    }

    .Cliquer{
        font-size: 13px;
        padding: 0 0px;   
    }


}