body
{
margin: auto;
color: black;
background-color: white;
font-size: 30px;
width: 1000px;
font-family: Verdana, Arial, Sans-Serif;
}

table
{
width: 800px;
border: 2px black solid;
border-collapse: collapse;
margin: auto;
}

td
{
border: 2px black solid;
padding: 3px;
}

h1
{
font-size: 20px;
}

p
{
color: black;
}

a
{
background-color: white;
text-decoration: none;
}

a:hover
{
background-color: OldLace;
text-decoration: none;
}

.nominatif
{  
	display: none;
	position: fixed;
	margin: auto;
	top: 400px;
	border: solid 4px red;
	width: 800px;  
	height: auto;
	color: red;
	background: white;
	padding: 10px;
	text-indent: 0cm;
} 

a:hover .nominatif
{
display:block;
} 

.rouge
{
color: red;
}

.genitif
{  
	display: none;
	position: fixed;
	margin: auto;
	top: 400px;
	border: solid 4px gold;
	width: 800px;  
	height: auto;
	color: gold;
	background: white;
	padding: 10px;
	text-indent: 0cm;
} 

a:hover .genitif
{
display:block;
} 

.jaune
{
color: gold;
}

.genre
{  
	display: none;
	position: fixed;
	margin: auto;
	top: 400px;
	border: solid 4px black;
	width: 800px;  
	height: auto;
	color: black;
	background: white;
	padding: 10px;
	text-indent: 0cm;
} 

a:hover .genre
{
display:block;
} 

.gras
{
color: black;
font-weight: bold;
}


.adverbe
{  
	display: none;
	position: fixed;
	margin: auto;
	top: 400px;
	border: solid 4px turquoise;
	width: 800px;  
	height: auto;
	color: turquoise;
	background: white;
	padding: 10px;
	text-indent: 0cm;
} 

a:hover .adverbe
{
display:block;
} 

.turquoise
{
color: turquoise;
}

.preposition
{  
	display: none;
	position: fixed;
	margin: auto;
	top: 400px;
	border: solid 4px green;
	width: 800px;  
	height: auto;
	color: green;
	background: white;
	padding: 10px;
	text-indent: 0cm;
} 

a:hover .preposition
{
display:block;
} 

.vert
{
color: green;
}