.item1 {
	grid-area: header;
	font-size: 10em;
	font-family: arial;
}


.item2 {
	grid-area: menu;
	font-size: 10em;
	font-family: arial;
}
.item3 { grid-area: main; }
.item4 { grid-area: right; }
.item5 { grid-area: footer; }


.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu main main main right right'
    'menu footer footer footer footer footer';
  gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}

.image
{
	float: left;
	position: relative;
	top: 50px;
	left: 40px;
}

body
{
}

.barre
{
	float: right;
	padding: 120px;
	width:650px;
	height:150px;
	color: white;
	background-color: green;
	font-family: arial;
	position: relative;
	top: 25px;
	right: 40px;

}

footer
{
	font-family: arial;
	color: white;
	background-color: green;
}

.insertion
{
	height:30px;
	width: 70px;
	color: green;
}


.index
{
	background-color: green;
}

input
{
	background-color: green;
	font-size: 200px;
}