:root
{
	--couleur_rouge: #AA0000;
  --couleur_rouge_claire: #CC0000;
	--couleur_vert: #00AA00;
	--couleur_vert_claire: #00CC00;
	--couleur_orange: #CC0000;
}

html
{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 16;
}

section
{
	position: relative;;
	width: 1500px;
	height: 1500px;

}

header
{
	left: 0px;
  right: 0px;
  top: 0px;
  position: fixed;
	z-index: 1;
}

titre
{
	position: absolute;
	left: 50px;
	right: 50px;
	top: 50px;
	text-align: center;
	font-style: italic;
	color: #00AA00;
	font-size: 100px;
}

article
{
	float: left;
	background-color: var(--couleur_vert);
	border: 1px solid black;
	position: absolute;
	left: 50px;
	right: 500px;
  top: 275px;
	min-width: 200px;
}

aside1
{
	position: absolute;
	right: 50px;
	top: 275px;
}

aside2
{
  position: absolute;
  right: 50px;
  top: 675px;
}

aside3
{
	float: left;
	position: absolute;
	left: 50px;
	top: 100px;
}

aside4
{
	position: absolute;
	right: 50px;
	top: 100px;
}

aside5
{
	position: absolute;
	right: 50px;
	top: 1000px;
}

aside6
{
	float: left;
  position: absolute;
  left: 225px;
  top: 150px;
}

aside7
{
	float: left;
  position: absolute;
  left: 675px;
  top: 150px;
}

aside8
{
	position: absolute;
	right: 50px;
	top: 650px;
}

aside9
{
	position: absolute;
	right: 50px;
	top: 100px;
}

footer
{
  position: fixed;
  left: 0px;
	right: 0px;
  bottom: 0px;
	background-color: #00AA00;
	font-size: 20px;
	font-weight: bold;
	z-index: 1;
}

.art
{
	border: 1px solid black;
	text-align: center;

	margin-top:20px;
	margin-bottom: 20px;
	margin-left:20px;
	margin-right:20px;

	padding-top:20px;
  padding-bottom: 20px;
  padding-left:20px;
  padding-right:20px;
}

.paragraphe
{
	text-align: center;
	width: 880px;
}

.tableau
{
	border: medium solid #000000;
	border-collapse: collapse;
}

.vert
{
	border: 2px solid #000000;
	background-color: var(--couleur_vert);
	text-align: center;
}

.rouge
{
	border: 2px solid #000000;
	background-color: var(--couleur_rouge);
	text-align: center;
}

.vert_claire
{
	border: 2px solid #000000;
	background-color: var(--couleur_vert_claire);
	text-align: center;
}

.rouge_claire
{
	border: 2px solid #000000;
	background-color: var(--couleur_rouge_claire);
	text-align: center;
}