/*
+------------+------------+------------+------------+
| anne       | renaud     | films      | plan       |
+------------+------------+------------+------------+
| genealogie | photos     | blog       | partage    |
+------------+------------+------------+------------+
| gitea      | null       | null       | null       |
+------------+------------+------------+------------+
*/

.body_grid {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white;
	color: white;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, auto);
	grid-gap: 20px;
	grid-template-areas: "anne       renaud films plan"
	                     "genealogie photos blog  partage"
	                     "gitea      null   null  null"
}

.item-1 {
	grid-area: anne;
	background-color: #009688;
}

.item-2 {
	grid-area: renaud;
	background-color: #009688;
}

.item-3 {
	grid-area: films;
	background-color: #009688;
}

.item-4 {
	grid-area: plan;
	background-color: #009688;
}

.item-5 {
	grid-area: genealogie;
	background-color: #009688;
}

.item-6 {
	grid-area: photos;
	background-color: #009688;
}

.item-7 {
	grid-area: blog;
	background-color: #009688;
}

.item-8 {
	grid-area: partage;
	background-color: #009688;
}

.item-9 {
	grid-area: gitea;
	background-color: #009688;
}