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

    #lien{
        display: flex;
        flex-direction: column;
        margin: auto;
        padding:0;
        text-align: center;
    }
    
#menu{
    display:block;
	color:black;
	background-color: #CACFD2;
	padding: 1em ;
    margin:1%;
    font-weight: bold;
    text-align: center;
}



li{
    list-style: none;
    display: none;
}



#lien a{
    display:block;
	color:black;
	background-color: #CACFD2;
	padding: 1em ;
    text-decoration: none;
    margin:1%;
}



   }

   @media screen and (min-width:481px)
   {

#lien{
    margin: auto;
    text-align: center;

}

#menu{
    display: none;
}

#lien>li{
    display: inline-block;
    vertical-align: top;
	width: 20%;
	vertical-align: top;
	width: 20%;
    margin-right: -0.35em;
    top:0;
    text-align: center;  
}



#lien a{
	display:block;
	color:black;
	background-color: #CACFD2;
	padding: 1em ;
	text-decoration: none;
    margin:1%;
}



   }