/**
 * Body & reset
 */
body { font: 68% "Trebuchet MS", Verdana, sans-serif; text-align: left; background: url(../fr/nav/home/bg_body.gif) #fff repeat-x; }
#background { position: absolute; left: 50%; background: url(../fr/nav/home/bg_bodyRight.gif) repeat-x; width: 50%; height: 661px; z-index: 0; }

h2 { font-size: 1em; background: none; padding: 0; margin: 0; }
h3 { font-size: 1em; margin: 0; }

/**
 * Header
 */
#container #header { height: 165px; }
	#header h1 { top: 49px; }
	
	#header #mutualiteFr { position: absolute; left: 404px; top: 90px; background: url(../fr/nav/home/bg_mutualiteFr.gif); width: 64px; height: 54px; }
	#header #intro { position: absolute; right: 0; top: 73px; width: 471px; color: #BEBEBE; font-size: 1.05em; line-height: 1.3em; font-weight: bold; }

/**
 * Content
 */
#content #topLeft { width: 479px; height: 250px; float: left; }
	#topLeft .slide { position: absolute; }

#content #topRight { position: relative; width: 471px; height: 250px; float: right; background: url(../fr/nav/home/bg_topRight.jpg) no-repeat 361px 0px; }
	#topRight h2 { position: absolute; top: 17px; left: 44px; background: url(../fr/nav/home/txt_topRight.gif); width: 238px; height: 38px; }
	
	#topRight ul { margin: 0; width: 250px; position: absolute; top: 81px; left: 36px; }
		#topRight ul li { width: 250px; height: 31px; background: none; padding: 0; margin-bottom: 5px; }
			#topRight ul li a { display: block; height: 31px; }
		
		#topRight ul #nav50 { background: url(../fr/nav/home/bg_nav50.gif) top; }
		#topRight ul #nav51 { background: url(../fr/nav/home/bg_nav51.gif) top; }
		#topRight ul #nav52 { background: url(../fr/nav/home/bg_nav52.gif) top; }
		#topRight ul #nav53 { background: url(../fr/nav/home/bg_nav53.gif) top; }
		
		#topRight ul #nav50:hover,
		#topRight ul #nav51:hover,
		#topRight ul #nav52:hover,
		#topRight ul #nav53:hover { background-position: bottom; }
	
	#topRight #nav54 { position: absolute; top: 107px; right: 19px; background: url(../fr/nav/home/bg_nav54.jpg) top; width: 123px; height: 122px; }
	#topRight #nav54:hover { background-position: bottom; }

#content #bottomLeft { position: relative; width: 479px; height: 202px; float: left; clear: left; background: url(../fr/nav/home/bg_bottomLeft.gif) no-repeat; }
	#bottomLeft div { position: absolute; top: 11px; left: 138px; width: 295px; color: #6B6B6B; font-size: 1.1em; font-weight: bold; line-height: 1.5em; }
	#bottomLeft h3 { margin-top: 10px; font-size: 1.1em; color: #E26D1E; }
		#bottomLeft h3 a { color: #E26D1E; text-decoration: none; }

#content #bottomRight { position: relative; width: 471px; height: 202px; float: right; clear: right; background: url(../fr/nav/home/bg_bottomRight.jpg) no-repeat; }
	#bottomRight h2 { position: absolute; top: 11px; left: 83px; background: url(../fr/nav/home/txt_bottomRight.gif); width: 191px; height: 24px; }
	
	#bottomRight ul { margin: 0; width: 213px; position: absolute; top: 47px; left: 74px; }
		#bottomRight ul li { width: 213px; height: 28px; background: none; padding: 0; margin-bottom: 7px; }
			#bottomRight ul li a { display: block; height: 28px; }
		
		#bottomRight ul #nav55 { background: url(../fr/nav/home/bg_nav55.gif) top; }
		#bottomRight ul #nav56 { background: url(../fr/nav/home/bg_nav56.gif) top; }
		#bottomRight ul #nav57 { background: url(../fr/nav/home/bg_nav57.gif) top; }
		#bottomRight ul #nav58 { background: url(../fr/nav/home/bg_nav58.gif) top; height: 29px; }
			#bottomRight ul #nav58 a { height: 29px; }
		
		#bottomRight ul #nav55:hover,
		#bottomRight ul #nav56:hover,
		#bottomRight ul #nav57:hover,
		#bottomRight ul #nav58:hover { background-position: bottom; }
	
	#bottomRight p { position: absolute; top: 125px; left: 299px; width: 165px; color: #B4B4B4; font-weight: bold; }
