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

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

td
{
border: 2px black solid;
padding: 3px;
text-align: center;
}

h1
{
font-size: 20px;
}

p
{
color: black;
}

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

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

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

a:hover .present
{
display:block;
} 

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

a:hover .radical
{
display:block;
} 

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

a:hover .futur
{
display:block;
} 

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

a:hover .terminaison
{
display:block;
} 

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

a:hover .conjugaison
{
display:block;
} 

.conjugaison2
{  
	display: none;
	position: fixed;
	margin: auto;
	top: 130px;
	border: solid 4px Indigo;
	width: 100px;  
	height: auto;
	color: Indigo;
	background: white;
	padding: 10px;
	text-indent: 0cm;
} 

a:hover .conjugaison2
{
display:block;
} 

.bleu
{
color: blue;
}

.vert
{
color: green;
}

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

a:hover .parfait
{
display:block;
} 

.parfait2
{  
	display: none;
	position: fixed;
	margin: auto;
	top: 130px;
	border: solid 4px Hotpink;
	width: 100px;  
	height: auto;
	color: Hotpink;
	background: white;
	padding: 10px;
	text-indent: 0cm;
} 

a:hover .parfait2
{
display:block;
} 

.rose
{
color: Hotpink;
}

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

a:hover .supin
{
display:block;
} 

.sienne
{
color: Sienna;
}

.or
{
color: Gold;
}

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

a:hover .couleurs
{
display:block;
} 

#video
{
border: solid 4px red;
background: black;
}

#video p
{
text-align: center;
}

.d_1_sg_N_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_sg_N_s_i.jpg") no-repeat;
}

.d_1_sg_N_s:hover
{
background-image : url("d_1_sg_N_s.jpg");
}

.d_2_sg_N_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_sg_N_s_i.jpg") no-repeat;
}

.d_2_sg_N_s:hover
{
background-image : url("d_2_sg_N_s.jpg");
}

.d_3_sg_N_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_sg_N_s_i.jpg") no-repeat;
}

.d_3_sg_N_s:hover
{
background-image : url("d_3_sg_N_s.jpg");
}

.d_1_pl_N_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_pl_N_s_i.jpg") no-repeat;
}

.d_1_pl_N_s:hover
{
background-image : url("d_1_pl_N_s.jpg");
}

.d_2_pl_N_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_pl_N_s_i.jpg") no-repeat;
}

.d_2_pl_N_s:hover
{
background-image : url("d_2_pl_N_s.jpg");
}

.d_3_pl_N_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_pl_N_s_i.jpg") no-repeat;
}

.d_3_pl_N_s:hover
{
background-image : url("d_3_pl_N_s.jpg");
}


.d_1_sg_Acc_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_sg_Acc_s_i.jpg") no-repeat;
}

.d_1_sg_Acc_s:hover
{
background-image : url("d_1_sg_Acc_s.jpg");
}

.d_2_sg_Acc_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_sg_Acc_s_i.jpg") no-repeat;
}

.d_2_sg_Acc_s:hover
{
background-image : url("d_2_sg_Acc_s.jpg");
}

.d_3_sg_Acc_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_sg_Acc_s_i.jpg") no-repeat;
}

.d_3_sg_Acc_s:hover
{
background-image : url("d_3_sg_Acc_s.jpg");
}

.d_1_pl_Acc_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_pl_Acc_s_i.jpg") no-repeat;
}

.d_1_pl_Acc_s:hover
{
background-image : url("d_1_pl_Acc_s.jpg");
}

.d_2_pl_Acc_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_pl_Acc_s_i.jpg") no-repeat;
}

.d_2_pl_Acc_s:hover
{
background-image : url("d_2_pl_Acc_s.jpg");
}

.d_3_pl_Acc_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_pl_Acc_s_i.jpg") no-repeat;
}

.d_3_pl_Acc_s:hover
{
background-image : url("d_3_pl_Acc_s.jpg");
}

.d_1_sg_G_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_sg_G_s_i.jpg") no-repeat;
}

.d_1_sg_G_s:hover
{
background-image : url("d_1_sg_G_s.jpg");
}

.d_2_sg_G_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_sg_G_s_i.jpg") no-repeat;
}

.d_2_sg_G_s:hover
{
background-image : url("d_2_sg_G_s.jpg");
}

.d_3_sg_G_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_sg_G_s_i.jpg") no-repeat;
}

.d_3_sg_G_s:hover
{
background-image : url("d_3_sg_G_s.jpg");
}

.d_1_pl_G_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_pl_G_s_i.jpg") no-repeat;
}

.d_1_pl_G_s:hover
{
background-image : url("d_1_pl_G_s.jpg");
}

.d_2_pl_G_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_pl_G_s_i.jpg") no-repeat;
}

.d_2_pl_G_s:hover
{
background-image : url("d_2_pl_G_s.jpg");
}

.d_3_pl_G_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_pl_G_s_i.jpg") no-repeat;
}

.d_3_pl_G_s:hover
{
background-image : url("d_3_pl_G_s.jpg");
}

.d_1_sg_D_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_sg_D_s_i.jpg") no-repeat;
}

.d_1_sg_D_s:hover
{
background-image : url("d_1_sg_D_s.jpg");
}

.d_2_sg_D_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_sg_D_s_i.jpg") no-repeat;
}

.d_2_sg_D_s:hover
{
background-image : url("d_2_sg_D_s.jpg");
}

.d_3_sg_D_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_sg_D_s_i.jpg") no-repeat;
}

.d_3_sg_D_s:hover
{
background-image : url("d_3_sg_D_s.jpg");
}

.d_1_pl_D_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_pl_D_s_i.jpg") no-repeat;
}

.d_1_pl_D_s:hover
{
background-image : url("d_1_pl_D_s.jpg");
}

.d_2_pl_D_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_pl_D_s_i.jpg") no-repeat;
}

.d_2_pl_D_s:hover
{
background-image : url("d_2_pl_D_s.jpg");
}

.d_3_pl_D_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_pl_D_s_i.jpg") no-repeat;
}

.d_3_pl_D_s:hover
{
background-image : url("d_3_pl_D_s.jpg");
}


.d_1_sg_Abl_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_sg_Abl_s_i.jpg") no-repeat;
}

.d_1_sg_Abl_s:hover
{
background-image : url("d_1_sg_Abl_s.jpg");
}

.d_2_sg_Abl_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_sg_Abl_s_i.jpg") no-repeat;
}

.d_2_sg_Abl_s:hover
{
background-image : url("d_2_sg_Abl_s.jpg");
}

.d_3_sg_Abl_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_sg_Abl_s_i.jpg") no-repeat;
}

.d_3_sg_Abl_s:hover
{
background-image : url("d_3_sg_Abl_s.jpg");
}

.d_1_pl_Abl_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_1_pl_Abl_s_i.jpg") no-repeat;
}

.d_1_pl_Abl_s:hover
{
background-image : url("d_1_pl_Abl_s.jpg");
}

.d_2_pl_Abl_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_2_pl_Abl_s_i.jpg") no-repeat;
}

.d_2_pl_Abl_s:hover
{
background-image : url("d_2_pl_Abl_s.jpg");
}

.d_3_pl_Abl_s
{
width : 300px;
height : 169px;
display : block;
background : url("d_3_pl_Abl_s_i.jpg") no-repeat;
}

.d_3_pl_Abl_s:hover
{
background-image : url("d_3_pl_Abl_s.jpg");
}