body	{
	width: 800px;
	margin: auto;
	background-color: rgb(192, 192, 192);
}
#global	/*	Utilisé ds la fn Positionnement()	*/
{	
	width: 800px;	
	background-color: white;
}
header	{
	height: 120px;
	background-color: rgb(142, 142, 142);
	border: 1px solid black;
	color: rgb(255, 255, 245);
	font-family: arial;
	font-weight: bold;
}
.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;
	
	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;
}
#chdefer	{
	display: flex;
	flex-direction: row;	
	width: 99.9%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: rgb(255, 255, 245);	
	font-family: Arial,"Courrier New";
	font-size: 1.5em;
	font-weight: bold;
	border: 1px solid rgb(255, 164, 98);
}
#chdefer a, #chdefer a:visited	{
	
	color: rgb(1, 103, 255);
	text-decoration: none;
}
#tierg	{
	flex-grow: 1;
	
	
}
#tierg a	{
	display: block;
	width: 100%;
	height: 100%;
}
#tierc	{
	flex-grow: 1;
	
	
}
#tierc a	{
	display: block;
	width: 100%;
	height: 100%;
}
#tierd	{
	flex-grow: 1;
	
	
}
#tierd a	{
	display: block;
	width: 100%;
	height: 100%;
}
#vpm	{
	margin: auto;
	margin-top: 10px;
	width: 200px;
	background-color: rgb(255, 255, 245);
	border: 1px solid blue;
	font-size: 2em;
	font-weight: bold;
	text-align:center;
}
#vpm a	{
	display: block;
	height: 100%;
	text-align: center;
}

#ascenseur	{ 	/*	La flèche à drte, gérée par la fn Positionnement()	*/
	position: fixed;
	width: 50px;
	height: 50px;
	top: 0px;	/* Positionné en JS	*/
	right: 0px;
	background-color: rgb(210,210,210);
	background-image: url('../images/fleche_haut.png');
	text-align: center;
	border: 1px solid rgb(201, 246, 255);
	border-radius: 8px;
	display: none;
}
#descendeur	{	/*	La flèche à gche, gérée par la fn Positionnement()	*/
	position: fixed;
	width: 50px;
	height: 50px;
	top: 0px;	/* Positionné en JS	*/
	right: 0px;
	background-color: rgb(210,210,210);
	background-image: url('../images/fleche_bas.png');
	text-align: center;
	border: 1px solid rgb(201, 246, 255);
	border-radius: 8px;
	display: none;
}

#pttmrg	{
	padding-left: 10px;
	padding-right: 5px;
	font-size: 1em;
}
h1	{
	text-align: center;
	color: blue;
	font-size: 2em;
	font-weight: bold;
}
h2	{
	text-align: center;
	color: blue;
	font-size: 1.5em;
	font-weight: bold;
}
h3	{
	text-align: center;
	color: blue;
	font-size: 1em;
	font-weight: bold;
}
#sign	{
	text-align: right;
	color: blue;
}
#renvoiHt
{
	display: block;
	height: 45px;
	margin: auto;
	width: 150px;
	background-color: rgb(255, 255, 245);
	border: 1px solid blue;
}
#renvoiHt a
{
	display: block;
	height: 100%;
	text-align: center;
}
h5	{
	text-align: center;
	color: blue;
	font-size: 0.9em;
}
h6	{
	text-align: center;
	color: blue;
	font-size: 0.8em;
	font-variant: small-caps;
}
a, a:visited
{
	text-decoration: none;
	color: blue;
}
.nbn	{
	text-indent: 2em;
	font-size: 0.9em;
	color: grey;
}
p	{
	text-indent: 2em;
}
.ind	{
	margin-top: -1em;
	text-indent: 2em;
}
.centrer	{
	text-align: center;
}
#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 p	{
	text-indent: 0em;
}
#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;	
}