a:link, a:visited, a:active {text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline; font-weight: bold}
a:link.result, a:visited.result, a:active.result {text-decoration: none; font-size: 12px; color: #006633; font-family: Arial}
a:hover.result {text-decoration: underline; font-size: 12px; color: #006633; font-family: Arial}

.bigtitrefr {font-size: 20px; color: #006633; font-family: Arial; font-weight: normal; font-style: italic}
.bigtitreen {font-size: 20px; color: #000000; font-family: Arial; font-weight: normal}
.titrefr {font-size: 12px; color: #006633; font-family: Arial; font-weight: bold; font-style: italic}
.titreen {font-size: 12px; color: #000000; font-family: Arial; font-weight: bold;}
.smalltitrefr {font-size: 11px; color: #006633; font-family: Arial; font-weight: bold; font-style: italic; font-variant: small-caps}
.smalltitreen {font-size: 11px; color: #000000; font-family: Arial; font-weight: bold; font-variant: small-caps}
.fr {font-size: 10px; color: #006633; font-family: Arial}
.en {font-size: 10px; color: #000000; font-family: Arial}
.alert {font-size: 12px; color: #C40000; font-family: Arial}

INPUT, SELECT, TEXTAREA {font-size: 10px; color: #00OOOO; font-family: Arial; border: 1px solid}
BODY {font-family: Arial; background: #006633}.img2 {
	text-align: center;
	vertical-align: bottom;
	position: relative;
}
.lgFr2 {
	text-align: right;
	vertical-align: top;
}


div#Index1 {
	position:relative;
	height: 300px;
	width:150px;
}
p#En1 {
	position:absolute;
	visibility: visible;
	width: 130px;
	top: 25px;
	right: 10px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	left: 3px;
}
p#Fr1 {
	position:absolute;
	top:75px;
	right: 30px;
	width: 130px;
	left: 16px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: right;
	font-style: italic;
	height: 43px;
}
img#Img1 {
	position:absolute;
	vertical-align:bottom;
	text-align:center;
	right: 0px;
	top: 126px;
}
div#Index2 {
	position:relative;
	height: 300px;
	width:280px;	
}
p#En2 {
	position:absolute;
	visibility: visible;
	width: 179px;
	top: 141px;
	right: 10px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	left: 59px;
	height: 35px;
}
p#Fr2 {
	position:absolute;
	top:184px;
	right: 30px;
	width: 156px;
	left: 114px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: left;
	font-style: italic;
	height: 40px;
}
img#Img2 {
	position:absolute;
	vertical-align:bottom;
	text-align:right;
	left: 0px;
	top: 177px;
}
div#Index3 {
	position:relative;
	height: 120px;
	width:280px;	
}
p#En3 {
	position:absolute;
	visibility: visible;
	width: 152px;
	top: 18px;
	right: 10px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	left: 127px;
}
p#Fr3 {
	position:absolute;
	top:83px;
	right: 30px;
	width: 152px;
	left: 116px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: right;
	font-style: italic;
}
img#Img3 {
	position:absolute;
	vertical-align:bottom;
	text-align:right;
	right: 0px;
	top: 0px;
}
div#Index4 {
	position:relative;
	height: 250px;
	width:280px;	
}
p#En4 {
	position:absolute;
	visibility: visible;
	width: 163px;
	height: 35px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	left: 110px;
	top: 75px;
	right: 10px;
}
p#Fr4 {
	position:absolute;
	top:115px;
	right: 30px;
	width: 156px;
	left: 70px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: left;
	font-style: italic;
	height: 40px;
}
img#Img4 {
	position:absolute;
	vertical-align:top;
	text-align:left;
	left: 0px;
	top:0px;
}
div#Index5 {
	position:relative;
	height: 250px;
	width:150px;	
}
p#En5 {
	position:absolute;
	visibility: visible;
	width: 133px;
	top: 161px;
	right: 10px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	left: 4px;
	height: 35px;
}
p#Fr5 {
	position:absolute;
	top:210px;
	right: 30px;
	width: 136px;
	left: 9px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: right;
	font-style: italic;
	height: 44px;
}
img#Img5 {
	position:absolute;
	vertical-align:top;
	text-align:center;
	right: 0px;
	top: 0px;
	z-index:1;
}
div#Index6 {
	position:relative;
	height: 250px;
	width:270px;	
}
p#En6 {
	position:absolute;
	visibility: visible;
	width: 113px;
	top: 41px;
	right: 10px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	left: 37px;
	height: 77px;
}
p#Fr6 {
	position:absolute;
	top:121px;
	right: 30px;
	width: 154px;
	left: 71px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: right;
	font-style: italic;
	height: 73px;
}
img#Img6 {
	position:absolute;
	vertical-align:top;
	text-align:right;
	right: 0px;
	top: 0px;
}
div#Index7 {
	position:relative;
	height: 120px;
	width:373px;	z-index: 10;
}
p#En7 {
	position:absolute;
	visibility: visible;
	width: 241px;
	top: 9px;
	right: 10px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	left: 37px;
	height: 35px;
}
p#Fr7 {
	position:absolute;
	top:70px;
	right: 30px;
	width: 244px;
	left: 10px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: right;
	font-style: italic;
	height: 40px;
}img#Img7 {
	position:absolute;
	vertical-align:top;
	text-align:right;
	right: 0px;
	top: 0px;
}
div#Index8 {
	position:relative;
	height: 300px;
	width:280px;	z-index: 10;
}
p#En8 {
	position:absolute;
	visibility: visible;
	height: 100px;
	width: 149px;
	top: 140px;
	left: 80px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;

}
p#Fr8 {
	position:absolute;
	top:200px;
	left:20px;
	width: 150px;
	height: 40px;
	border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
	font-size: 12px;
	color: #33FF33;
	text-align: right;
	font-style: italic;
}
img#Img8 {
	position:absolute;
	vertical-align:bottom;
	text-align:right;
	bottom: 0px;
	right: 0px;
}
div#Hint {
	position:relative;
	width: 150px;
	height: 120px;
}

img#Himg {
	position:absolute;
	vertical-align:bottom;
	text-align:right;
	z-index=0;
	border=0;
	bottom: 0px;
	right: 0px;

}
div#Hint1 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 10;
}
div#Hint2 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 20;
}
div#Hint3 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 30;
}
div#Hint4 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 40;
}
div#Hint5 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 50;
}
div#Hint6 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 60;
}
div#Hint7 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 70;
}

div#Hint8 {
	visibility:hidden;
	position:absolute;
	width: 150px;
	height: 130px;
	left:0;
	top:0;
	z-index: 80;
}
.Hen {
	height: 50px;
	width: 135px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	margin: 1;
}
.Hfr{
	width: 135px;
	height: 70px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #33FF00;
	text-align: right;
	font-style: normal;
	margin: 1;
}
.top {
	position: relative;
	width: 800px;
	height: 115px;
}
.ombrage {
  text-shadow:3px 4px 1px #050505;
}