body	{
	width: 800px;
	margin: auto;
	background-color: rgb(192, 192, 192);
}
.grid-container
{
	display: grid;
	grid-template-columns: 160px 480px 160px;
	grid-auto-rows: 90px;
}
.grid-container > div
{
	padding: 0px;
	font-size: 25px;
	text-align: center;
}
.grid-item1	{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-top: 10px;
	font-size: 30px;
}
.grid-item2	{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-top: 10px;
	font-size: 30px;
}
.grid-item3	{
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-top: 10px;
	font-size: 30px;
}
.grid-item4	{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	margin-top: 10px;
	font-size: 2.5em;
}
header	{
	height: 180px;
	background-color: rgb(142, 142, 142);
	border: 1px solid black;
	color: rgb(255, 255, 245);
	font-family: arial;
	font-weight: bold;
}
#chdefer	{
	display: flex;
	width: 798px;
	height: 45px;
	background-color: rgb(255, 255, 245);
	color: rgb(1, 103, 255);
	font-family: Arial,"Courrier New";
	font-weight: bold;
	border: 1px solid rgb(255, 164, 98);
}
#chdefer > div	{
	margin: 2px;
	padding: 2px;
}
#tierg	{
	width: 280px;
	height: 40px;
}
#tierc	{
	width: 240px;
	height: 40px;
	text-align: center;
}
#tierd	{
	width: 240px;
	height: 40px;
}
#chdefer a, #chdefer a:visited	{
	color: rgb(1, 103, 255);
}
#chdefer p	{
	margin-top: 15px;
}
#global	/*	Utilisé ds la fn Positionnement()	*/
{	
	width: 800px;	
	background-color: white;
}
h4	{
	
	color: rgb(246, 127, 0);
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 15px;
}
.mrge	{
	margin-left: 10px;
	margin-right: 5px;
	text-indent: 1em;
}
.centrer	{
	text-align: center;
	
	
}
.fig	{
	text-align: center;
	color: grey;
	font-weight: bold;
}
a, a:visited	{
	text-decoration: none;	
}
#pontillon1	{
	display: grid;
	grid-template-columns: 315px 170px 315x;
	grid-auto-rows: auto;
	
}
.case1	{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	align-self: center;
	justify-self: center
}
.case2	{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	align-self: center;
	justify-self: center
}
.case3	{
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
	align-self: center;
	justify-self: center
}
#pontillon2	{
	display: grid;
	grid-template-columns: 190px 420px 190px;
	grid-auto-rows: auto;
	
}
.case4	{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	align-self: center;
	justify-self: center
}
.case5	{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	align-self: center;
	justify-self: center
}
.case6	{
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	align-self: center;
	justify-self: center
}
#pontillon3	{
	display: grid;
	grid-template-columns: 315px 170px 315x;
	grid-auto-rows: auto;
}
.case7	{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 4;
	align-self: center;
	justify-self: center
}
.case8	{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	align-self: center;
	justify-self: center
}
.case9	{
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	align-self: center;
	justify-self: center
}
.corail
{
	color: rgb(246, 127, 0);
	font-weight: bold;
}
#haut_bas	{
	width: 250px;
	height: 45px;
	margin: auto;
	background-color: rgb(255, 255, 245);
	color: rgb(1, 103, 255);
	font-family: Arial,"Courrier New";
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	
	padding-top: 10px;
	border: 1px solid rgb(255, 164, 98);
}
#haut_bas a, #haut_bas a:visited	{
	display: block;
	width: 246px;
	height: 41px;	
	color: rgb(1, 103, 255);
}
#piedbleu	{
	color: rgb(255, 255, 245);
	font-family: arial;
	font-weight: bold;
	background-color: rgb(142, 142, 142);
	padding-left: 10px;
	border: 1px solid black;
	
}
#piedbleu a	{
	color: rgb(255, 255, 245);
}
.triple	{
	column-width: auto;
	column-count: 3;
	 -webkit-column-count: 3;	/*	Safari	*/
	 -moz-column-count: 3; /* Firefox */
	column-gap: 1rem;
	 -webkit-column-gap: 1rem;
	 -moz-column-gap: 1rem; /* Firefox */
}
.double	{
	column-width: auto;
	column-count: 2;
	 -webkit-column-count: 2;	/*	Safari	*/
	 -moz-column-count: 2; /* Firefox */
	column-gap: 1rem;
	 -webkit-column-gap: 1rem;
	 -moz-column-gap: 1rem;	
}