.paragraph {
	margin-top:10px;
	margin-bottom:10px;
}
.section {
	background-color: gainsboro;
	font-size: 12pt;
	border: 1px solid silver;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
.contents {
	padding-right: 20px;
	padding-left: 20px;
}
.cell {
	border:1px solid black;
}
.grid0 {
	background-color: yellow;
	display: grid;
	grid-template-columns: 100px 200px;
	grid-template-rows: 50px 75px;
}
.grid1 {
	background-color: yellow;
	display: grid;
	grid-template-columns: 100px repeat(2, [some-column] 150px);
	grid-template-rows: [the-top] 50px repeat(2, 25px);
}
.grid2 {
	background-color: yellow;
	display: grid;
	grid-template-columns: 100px 150px 200px;
	grid-template-rows: 25px 50px 75px;
}
.grid3 {
	background-color: yellow;
	display: grid;
	grid-template-columns: 100px 150px 200px;
	grid-template-rows: 25px 50px 75px;
	grid-template-areas: "areaTop areaTop areaRight"
						 "areaLeft areaCenter areaRight"
						 "areaLeft areaBottom areaBottom";
}
.grid3bis {
	background-color: yellow;
	display: grid;
	grid-template: "areaTop areaTop areaRight" 25px
				   "areaLeft areaCenter areaRight" 50px
				   "areaLeft areaBottom areaBottom" 75px
				   / 100px 150px 200px;
}
.grid3ter {
	background-color: yellow;
	display: grid;
	grid: "areaTop areaTop areaRight" 25px
		  "areaLeft areaCenter areaRight" 50px
		  "areaLeft areaBottom areaBottom" 75px
		  / 100px 150px 200px;
}
.grid4 {
	background-color: yellow;
	display: grid;
	grid-template-columns: 100px 50px;
	grid-template-rows: 50px 75px;
	width: 200px;
	height: 200px;
}
.grid4bis {
	background-color: yellow;
	display: grid;
	grid-template-columns: 50px 50px 50px;
	grid-template-rows: 50px 50px 50px;
	grid-template-areas: "areaTop areaTop areaRight"
						 "areaLeft areaCenter areaRight"
						 "areaLeft areaBottom areaBottom";
	width: 800px;
	height: 200px;
}
@media (width >= 400px) {
	.grid5 {
		background-color: yellow;
		display: grid;
		grid-template-areas: "A B" "C C";
	}
}
@media (width < 400px) {
	.grid5 {
		background-color:yellow;
		display: grid;
		grid-template-areas: "A" "B" "C";
	}
}
.grid6 {
	background-color: yellow;
	display: inline-grid;
	grid-template-columns: 100px 200px;
	grid-template-rows: 50px 75px;
}
.grid7 {
	background-color:yellow;
	display:grid;
	grid-auto-columns:100px;
	grid-auto-rows:50px;
}
.grid8 {
	background-color:yellow;
	display:grid;
}