body
{
	position: relative;
	background: url(images/tuile.png) repeat;
	text-align: center;
	font-family: Times New Roman;
	font-style: italic;
	text-decoration: none;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto 180px 402px 180px auto;
	grid-template-columns: auto 180px 201px 201px 180px auto;	/*	largeur des colonnes	*/
	-ms-grid-rows: auto auto auto auto auto auto 175px 135px 135px 135px 135px 175px 175px 175px auto 175px 135px auto;
	grid-template-rows: auto auto auto auto auto auto 175px 135px 135px 135px 135px 175px 175px 175px auto 175px 135px auto;	/* hauteur des rangées */
}
#retour
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;
	width: 100px;
	height: 30px;
	background-color: #ab9f8c;
	padding-top: 5px;
	font-weight: bold;
	color: #fff5e1;
	box-shadow: 3px 3px 3px grey;
	text-decoration: none;
}
#retour:hover, #presse:hover
{
	background-color: #fff5e1;
	color: #ab9f8c;
}
#enTete
{
	-ms-grid-column: 3;
	-ms-grid-row: 1;
	grid-area: 1/3/2/5;
	justify-self: center;
	grid-template-row: min-content;
	margin-top: 10px;
	font-weight: bold;
	font-size: 2em;
	text-decoration: underline;
}
#plan
{
	-ms-grid-column: 4;
	grid-column: 5;
	-ms-grid-row: 1;
	grid-row: 1;
	width: 120px;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}
#masque
{
	-ms-grid-column: 4;
	-ms-grid-row: 2;
	grid-area: 1/5/5/6;
	width: 170px;
	height: 379px;
	margin-top: 40px;
	list-style-type: none;	/* Enlève les markers */
	font-family: Arial;
	font-style: normal;
	font-size: 14px;
	padding-left: 1px;
	text-align: left;
	line-height: 1.8;
	background-color: #f1e0c7;
	border: 1px solid black;
	display: none;
}
#masque a
{
	text-decoration: none;
}
#masque a:hover
{
	color: white;
}
#masque li:hover
{
	background-color: #999999;
	color: white;
}
#jour
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 2;
	grid-row: 2;
	width: 120px;
	height: 30px;
}
#pendulette
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 3;
	grid-row: 3;
	width: 101px;
	height: 101px;
	position: relative;
	background-color: #fff5e1;
	box-shadow: 3px 3px 3px grey;
	border-radius: 50px;
}
#ptdaig
{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
}
#gdaig
{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -50px;
	
	z-index: 2;
}
#secaig
{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -50px;
	z-index: 3;
}
#sousTitre
{
	-ms-grid-column: 3;
	-ms-grid-row: 3;
	grid-area: 3/3/4/5;
	justify-self: center;	
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: underline;
}
#presse
{
	-ms-grid-column: 2;
	-ms-grid-row: 5;
	grid-column: 2;
	grid-row: 5;
	width: 120px;
	height: 30px;
	background-color: #ab9f8c;
	padding-top: 5px;
	font-weight: bold;
	color: #fff5e1;
	box-shadow: 3px 3px 3px grey;
	text-decoration: none;
}
#aff
{
	-ms-grid-column: 3;	
	-ms-grid-row: 4;
	grid-area: 4/3/6/5;
	box-shadow: 3px 3px 3px grey;
}
#sousTitre2
{
	-ms-grid-column: 3;
	-ms-grid-row: 6;
	grid-area: 6/3/7/5;
	justify-self: center;	
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: underline;
}
.bristol
{
	width: 392px;
	height: 160px;
	justify-self: center;
	align-self: center;
	background-color: #fff5e1;
	font-weight: bold;
	box-shadow: 3px 3px 3px grey;
}
.bristol3l
{
	width: 392px;
	height: 120px;
	justify-self: center;
	align-self: center;
	background-color: #fff5e1;
	font-weight: bold;
	box-shadow: 3px 3px 3px grey;
}
#villebon
{
	-ms-grid-column: 3;
	-ms-grid-row: 7;
	grid-area: 7/3/8/5;
	justify-self: center;	
}
#potin
{
	-ms-grid-column: 3;
	-ms-grid-row: 8;
	grid-area: 8/3/9/5;
	justify-self: center;
}
#grdeAff
{
	position: fixed;
	width: 544px;
	height: 768px;
	top: 10%;	
	left: 50%;
	margin-left: -272px;
	cursor: pointer;
	border: 3px solide white;
	display: none;
}
#lun
{
	-ms-grid-column: 3;
	-ms-grid-row: 9;
	grid-area: 9/3/10/5;
	justify-self: center;
}
#buc
{
	-ms-grid-column: 3;
	-ms-grid-row: 10;
	grid-area: 10/3/11/5;
	justify-self: center;
}
#pres
{
	-ms-grid-column: 3;
	-ms-grid-row: 11;
	grid-area: 11/3/12/5;
	justify-self: center;
}
#puy
{
	-ms-grid-column: 3;
	-ms-grid-row: 12;
	grid-area: 12/3/13/5;
	justify-self: center;
}
#pres2
{
	-ms-grid-column: 3;
	-ms-grid-row: 13;
	grid-area: 13/3/14/5;
	justify-self: center;
}
#pat
{
	-ms-grid-column: 3;
	-ms-grid-row: 14;
	grid-area: 14/3/15/5;
	justify-self: center;
}
#ever
{	
	-ms-grid-column: 2;
	-ms-grid-row: 15;
	grid-area: 15/2/16/4;
	justify-self: center;
}

#aff2
{
	-ms-grid-column: 4;
	-ms-grid-row: 7;
	grid-area: 7/5/9/6;
	justify-self: center;
	height: 226px;
	border: 8px solid white;
	box-shadow: 3px 3px 3px grey;
}
#trottoir
{
	-ms-grid-column: 4;
	-ms-grid-row: 15;
	grid-area: 15/4/17/6;
	justify-self: center;
	box-shadow: 3px 3px 3px grey;
}
.bout
{
	width: 30px;
	height: 26px;
	background-color: #ab9f8c;
	padding-left: 5px;
	padding-top: 10px;
	color: #fff5e1;
	border-radius: 16px;
	box-shadow: 3px 3px 3px grey;
	text-decoration: none;
}
#boutAP
{
	-ms-grid-column: 4;
	-ms-grid-row: 11;
	grid-area: 11/5/12/6;
	justify-self: start;
	align-self: end;
	
}
#boutPuy
{
	-ms-grid-column: 4;
	-ms-grid-row: 12;
	grid-area: 12/5/13/6;
	justify-self: start;
	align-self: center;
}
#aff3
{
	-ms-grid-column: 5;
	-ms-grid-row: 9;
	grid-area: 9/5/12/6;
	justify-self: center;
	align-self: center;
	border: 8px solid white;
	box-shadow: 3px 3px 3px grey;
}
#cj
{
	-ms-grid-column: 2;
	-ms-grid-row: 16;
	grid-area: 16/2/18/4;
	justify-self: center;
	align-self: center;
	border: 10px solid white;
	border-radius: 10px;
	box-shadow: 3px 3px 3px grey;
}
#indep
{
	-ms-grid-column: 4;
	-ms-grid-row: 17;
	grid-area: 17/4/18/6;
	justify-self: start;
	
}
#boutInd
{
	-ms-grid-column: 4;
	-ms-grid-row: 17;
	grid-area: 17/5/18/6;
	justify-self: end;
	align-self: center;
}
#unel
{
	-ms-grid-column: 3;
	-ms-grid-row: 18;
	grid-area: 18/3/19/5;	
	width: 392px;
	height: 30px;
	justify-self: center;
	align-self: center;
	background-color: #fff5e1;
	font-weight: bold;
	box-shadow: 3px 3px 3px grey;
}