main {
	padding: 2rem;
	display: flex;
}

header, footer  {
	padding: 2rem;
	background-color: silver;
	font-size: 2rem;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}


.grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: 
            "header header header header header"
            "menu cont cont cont res"
            "footer footer footer footer footer";
    gap : 1em; /* pour lespacement*/
}
.bloc-header{
    background-color: #ddd;
    grid-area : header;
}
.menu{
    background-color: #fc3;
    grid-area : menu;
}
nav > p {
    border : 1px solid #fa3;
    padding : 0.5em;
    margin : 1em;
}
.contenu-principal{
    background-color: #fff;
    grid-area : cont;

}
.reseaux-sociaux{
    background-color: #fa3;
    grid-area : res;
 
}
.bloc-footer{
    background-color: #bbb;
    grid-area: footer;

}
.fab{
    height : 1em;
    width : 1em;
}