/* feuille de style pour les pages FUN */

BODY {
	background-color: #cc0;
	color: #fff;
}

#leftmenu {
	position: absolute; top: 50px;
	background-color: #cc0; color: #ff9;
	padding-top: 70px;
}

	#ca, #sb, #tv, #fu {
		width: 140px;
		border: 1px #fff solid;
		background-color: #ff9; color: #990;
		text-align: center;
		line-height: 1.1em;
	}
	#fu IMG {
		display: block;
		padding: 3px 0;
		text-align: center;
	}
	
		#ca.lnk, #sb.lnk, #tv.lnk, #fu.lnk, #goUp.lnk {
			border: 1px #660 solid;
		}
		.lnk A {
			background-color: #ff9; color: #660;
		}
		.lnk A:hover {
			background-color: #ff9; color: #fff;
		}
	
	#leftmenu HR {
		background-color: transparent; color: #ff9;
	}
	#leftmenu #leftmPt {
		position: relative;
		top: -30px;
		margin-bottom: -20px;
	}

	/* added rollover for Top Menu */
	#topmenu A:hover {
		color: #660; background-color: transparent;
	}
	
#contentfufr {position: absolute;	top: 50px;	left: 170px;	z-index: 0;
	width: 580px;	height: 500px;	color: #000;	font-size: 75%;
	background: #ff9 url(../images/fr/fu/fu_bkgrnd_f.gif) no-repeat 40px 20px;
}

#contentfuen {position: absolute;	top: 50px;	left: 170px;	z-index: 0;
	width: 580px;	height: 500px;	color: #000;	font-size: 75%;
	background: #ff9 url(../images/en/fu/fu_bkgrnd_e.gif) no-repeat 40px 20px;
}
/* SECTION LOGOS AND TXTS */
	#cafrlogo {position:absolute; width:auto; height:auto; z-index:1; left: 306px; top: 116px;}
		#caenlogo {position:absolute; width:auto; height:auto; z-index:1; left: 306px; top: 116px;}
	#cafrtext {position:absolute; width:auto; height:auto; z-index:2; left: 157px; top: 76px;}
		#caentext {position:absolute; width:auto; height:auto; z-index:2; left: 157px; top: 87px;}
	#ptfrlogo {position:absolute; width:auto; height:auto; z-index:1; left: 327px; top: 91px;}
		#ptenlogo {position:absolute; width:auto; height:auto; z-index:1; left: 315px; top: 105px;}
	#ptfrtext {position:absolute; width:auto; height:auto; z-index:2; left: 157px; top: 75px;}
		#ptentext {position:absolute; width:auto; height:auto; z-index:2; left: 152px; top: 78px;}
	#sbfrlogo {position:absolute; width:auto; height:auto; z-index:1; left: 314px; top: 102px;}
		#sbenlogo {position:absolute; width:auto; height:auto; z-index:1; left: 325px; top: 91px;}
	#sbfrtext {position:absolute; width:auto; height:auto; z-index:2; left: 160px; top: 77px;}
		#sbentext {position:absolute; width:auto; height:auto; z-index:2; left: 151px; top: 81px;}

/* BUTTONS FOR FUNSTUFF */
#flbuttonfr {position:absolute; width:auto; height:auto; z-index:3; left: 23px; top: 321px;}
#pubutton {position:absolute; width:auto; height:auto; z-index:4; left: 247px; top: 344px;}
#blbutton {position:absolute; width:auto; height:auto; z-index:5; left: 479px; top: 333px;}
#sbbutton {position:absolute; width:auto; height:auto; z-index:6; left: 352px; top: 317px;}
#cabutton {position:absolute; width:auto; height:auto; z-index:7; left: 120px; top: 312px;}
#cabutton2 {position:absolute; width:auto; height:auto; z-index:7; left: 345px; top: 305px;}
#ptbutton {position:absolute; width:auto; height:auto; z-index:7; left: 124px; top: 309px;}

#pops {position:absolute; width:200px; height:115px; z-index:9; left: 0px; top: 0px; background-color: #FFFF99; layer-background-color: #FFFF99; border: 1px none #000000;}
#fuputi {position:absolute; width:200px; height:115px; z-index:11; left: 162px; top: 47px;}
#fuputifr {position:absolute; width:200px; height:115px; z-index:11; left: 162px; top: 47px;}

#contentfl {
	position: absolute; top: 190px; left: 76px; z-index: 12;
	width: 580px; height: 306px;
	color: #000; font-size: 65%;
	background: #ff9 url(../images/bi/fu/fu_fl_boxes_b.gif) no-repeat 119px 49px;
}
#contentgen{
	position: absolute;
	top: 190px;
	left: 77px;
	z-index: 12;
	width: 580px;
	height: 306px;
	color: #6F6700;
	font-size: 75%;
	background: #ff9;
	overflow: auto;
font-weight:bold;
}
#contentfl2 {
	position: absolute; top: 31px; left: 0px; z-index: 0;
	width: 580px; height: 400px;
	color: #000; font-size: 65%;
	background: #ff9;
}
#contentbl {
	position: absolute; top: 187px; left: 120px; z-index: 10;
	width: 580px; height: 289px;
	color: #000; font-size: 65%;
	background: #ff9 url(../images/bi/fu/fu_bl_boxes_b.gif) no-repeat 22px 65px;
}
#contentpu {
	position: absolute; top: 192px; left: 100px; z-index: 15;
	width: 580px; height: 300px;
	color: #000; font-size: 65%;
	background: #ff9 url(../images/bi/fu/fu_pu_frame_b.gif) no-repeat 140px 54px;
}
#contentpu2 {
	position: absolute; top: 0px; left: 0px; z-index: 0;
	width: 580px; height: 400px;
	color: #000; font-size: 65%;
	background: #ff9 url(../images/bi/fu/fu_pu_frame_b.gif) no-repeat 140px 54px;
}
	#content #mainTitle, #contentfl #mainTitle, #contentbl #mainTitle, #contentpu #mainTitle {
		position: absolute; top: 0; left: 0;
		margin-top: 0;
		width: 158px; height: 77px;
		z-index: 0;
		background: transparent url(../images/bi/fu/fu_titleoval_e.gif) no-repeat top left;
	}
		#content #mainTitle IMG, #contentfl #mainTitle IMG, #contentbl #mainTitle IMG, #contentpu #mainTitle IMG {
			padding: 1px 0 0 0;
		}
		
		#content #flipTxt {
			position: absolute; top: 74px; left: 97px;
			z-index: 20;
		}
		#content #flipImg {
			position: absolute; top: 110px; left: 122px;
			z-index: 10;
		}
		/*#content #blobTxt {
			position: absolute; top: 208px; left: 250px;
			z-index: 20;
		}*/
		#content #blobImg {
			position: absolute; top: 115px; left: 288px;
			z-index: 10;
		}
		#content #puzzSub {
			position:absolute; top: 25px; left: 200px;
		}
		#content #puzzleTxt {
			position: absolute; top: 65px; left: 393px;
			z-index: 20;
		}
		#content #puzzleImg {
			position: absolute; top: 101px; left: 410px;
			z-index: 10;
		}
		
		#subTitle {
			position: absolute; top: 15px; left: 220px;
			z-index: 15;
		}
		#subTitle2 {
			position: absolute; top: 135px; left: 220px;
			z-index: 15;
		}
		#subTitleBl {
			position: absolute; top: 35px; left: 195px;
			z-index: 15;
		}
		#subTitlePu {
			position: absolute; top: 14px; left: 184px;
			z-index: 15;
		}
		/* FLIPS position des images */
			#imgfla1 { position: absolute; top: 48px; left: 119px; }
			#imgflb1 { position: absolute; top: 48px; left: 201px; }
			#imgflc1 { position: absolute; top: 49px; left: 277px; }
			#imgfld1 { position: absolute; top: 48px; left: 353px; }
			#imgfle1 { position: absolute; top: 49px; left: 425px; }
			
			#imgfla2 { position: absolute; top: 138px; left: 120px; }
			#imgflb2 { position: absolute; top: 138px; left: 198px; }
			#imgflc2 { position: absolute; top: 140px; left: 277px; }
			#imgfld2 { position: absolute; top: 141px; left: 352px; }
			#imgfle2 { position: absolute; top: 137px; left: 425px; }
			
			#imgfla3 { position: absolute; top: 209px; left: 119px; }
			#imgflb3 { position: absolute; top: 209px; left: 201px; }
			#imgflc3 { position: absolute; top: 209px; left: 279px; }
			#imgfld3 { position: absolute; top: 210px; left: 352px; }
			#imgfle3 { position: absolute; top: 210px; left: 427px; }
			
		/* BLOBS position des controles et des elements */
			#blheadtxt { position: absolute; top: 157px; left: 38px; }
			#blheadarr { position: absolute; top: 163px; left: 113px; }
			#blhead { position: absolute; top: 100px; left: 237px; z-index: 30; }
			
			#blbodytxt { position: absolute; top: 188px; left: 475px; }
			#blbodyarr { position: absolute; top: 190px; left: 415px; }
			#blbody { position: absolute; top: 155px; left: 220px; z-index: 20; }

			#blfeettxt { position: absolute; top: 216px; left: 54px; }
			#blfeetarr { position: absolute; top: 218px; left: 117px; }
			#blfeet { position: absolute; top: 225px; left: 237px; }
			
		/* PUZZLE */
			#puzz00, #puzz01, #puzz02, #puzz03, #puzz04, #puzz10, #puzz11, #puzz12, #puzz13, #puzz14,
			#puzz20, #puzz21, #puzz22, #puzz23, #puzz24, #puzz30, #puzz31, #puzz32, #puzz33, #puzz34 {
				position: absolute; width: 45px; height: 48px; z-index: 100;
			}
			#contentPu #puzzPhrase {
				position: absolute; top: 92px; left: 161px;
			}
			
			#puzzPhrase2 {
				position: absolute; top: 92px; left: 161px;
			}

			.drag {
				cursor: move;
			}
			#payoff {
				position: absolute; top: 54px; left: 140px;
				visibility: hidden; z-index: 200;
				width: 280px; height: 236px;
				background-image: url(../images/bi/fu/fu_pu_payoff_b.gif);
			}
			#payoff IMG {
				position: absolute; top: 33px; left: 37px;
				display: block;
			}
		#playagain {position:absolute; top: 165px; left: 255px;} 
			
A { color: #000; background-color: transparent; }