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

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

  

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



    /*main*/


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

 
    /*chronologie*/

    .répartition1{
        margin: 0 5%;
    }


    .dates{
        border: 3px solid rgb(19, 177, 164);
        border-bottom: none;
        border-top: none;
        font-size: 16px;
        padding: 10PX 5PX 0 5PX;
    }   
    
   .divlien{
        grid-template-areas:
        "img"
        "Titre"
        "LienPage"    
        ;
        grid-template-columns: 280px;
        grid-template-rows: auto auto auto;

        gap: 5px;
        padding: 5px;
        margin-left: 8px;

        }
 
    .img{
        height: 160px;  
    }

    .TitreP1{
        font-size: 20px;
    }

    .TitreP2{
        font-size: 16px;
    }


    .imgDrapeau{
        width: 45px;
        height: 30px;

    }

    .date{
        font-size: 16px;
    }

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


}