html , body  {
	margin:0;
	padding:0;
	height:100%;	
	background-color: #000;
}

html {
	color:#ffffff;
}
html , body  {
	font-family:  Arial, Geneva, sans-serif;
	font-size: 14px;
}

.top{
	text-align: justify;
	text-justify: newspaper;
}

.top a:link {
font-family:  Arial, Geneva, sans-serif;
font-size: 14px;
color: #000000;
text-decoration: underline;
}
.top a:visited {
color: #000000;
}
.top a:active {
color: #000000;
}
.top a:hover {
text-decoration: none;
color: #c8ff00;
}

.top .coord{
	font-family:  Arial, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.container {
	padding: 25px 230px 25px 230px;
	text-align: justify;
	text-justify: newspaper;
}

.left {
	font-size: 13px;
	float: left;
	width: 130px;
	padding: 25px 50px  50px;
	text-align: justify;
	text-justify: newspaper;
}

.right {
	font-size: 13px;
	float: right;
	width: 130px;
	padding: 25px 50px   ;
	text-align: justify;
	text-justify: newspaper;
}

.right .vert{
font-weight:bold;
color : #c8ff00
}

.titre{
font-weight:bold;
}

.titre .vert{
color : #c8ff00
}

.container a:link {
padding: 4px 5px 5px 5px;
text-decoration: none;
}
.container a:visited {
padding: 4px 5px 5px 5px;
text-decoration: none;
}
.container a:active {
padding: 4px 5px 5px 5px;
text-decoration: none;
}
.container a:hover {
padding: 4px 5px 5px 5px;
text-decoration: none;
border-bottom: 3px solid #c8ff00;
padding-bottom: 2px;
}

a.uc:link {
font-weight:bold;
padding:0;
color: #c8ff00;
text-decoration: none;
}

a.uc:visited {
font-weight:bold;
padding:0;
color: #c8ff00;
text-decoration: none;
}

a.uc:active {
font-weight:bold;
padding:0;
color: #c8ff00;
text-decoration: none;
}

a.uc:hover {
padding:0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #c8ff00;
}

a.res1 {
color: #ffffff;
background-color: #414141;
}
a.res2 {
color: #cc5b1d;
background-color: #e1e1e1;
}
a.res3 {
color: #5e9c27;
background-color: #ababab;
}
a.res4 {
color: #404040;
background-color: #c4e742;
}
a.res5 {
color: #000000;
background-color: #9eff06;
}
a.res6 {
color: #294874;
background-color: #ffffff;
}
a.res7 {
color: #3867a6;
background-color: #ffc000;
}
a.res8 {
color: #588f43;
background-color: #b5512d;
}
a.res9 {
color: #fcff00;
background-color: #ff0606;
}
a.res10 {
color: #000000;
background-color: #fdff06;
}
a.res11 {
color: #dedede;
background-color: #579d24;
}
a.res12 {
color: #68221c;
background-color: #249d8d;
}
a.res13 {
color: #313131;
background-color: #00eaff;
}
a.res14 {
color: #d6c029;
background-color: #7a3c81;
}
a.res15 {
color: #ff4900;
background-color: #3b509e;
}
a.res16 {
color: #ffe400;
background-color: #006cff;
}
a.res17 {
color: #e49b27;
background-color: #8357f2;
}
a.res18 {
color: #515151;
background-color: #e400ff;
}
a.res19 {
color: #278ee4;
background-color: #bf2191;
}

a.res1:hover {
color: #ffffff;
background-color: #434343;
}
a.res2:hover {
color: #ffffff;
background-color: #434343;
}
a.res3:hover {
color: #ffffff;
background-color: #434343;
}
a.res4:hover {
color: #ffffff;
background-color: #434343;
}
a.res5:hover {
color: #ffffff;
background-color: #434343;
}
a.res6:hover {
color: #ffffff;
background-color: #434343;
}
a.res7:hover {
color: #ffffff;
background-color: #434343;
}
a.res8:hover {
color: #ffffff;
background-color: #434343;
}
a.res9:hover {
color: #ffffff;
background-color: #434343;
}
a.res10:hover {
color: #ffffff;
background-color: #434343;
}
a.res11:hover {
color: #ffffff;
background-color: #434343;
}
a.res12:hover {
color: #ffffff;
background-color: #434343;
}
a.res13:hover {
color: #ffffff;
background-color: #434343;
}
a.res14:hover {
color: #ffffff;
background-color: #434343;
}
a.res15:hover {
color: #ffffff;
background-color: #434343;
}
a.res16:hover {
color: #ffffff;
background-color: #434343;
}
a.res17:hover {
color: #ffffff;
background-color: #434343;
}
a.res18:hover {
color: #ffffff;
background-color: #434343;
}
a.res19:hover {
color: #ffffff;
background-color: #434343;
}