/**
 * Container
 */
#container { position: relative; width: 950px; margin: 0 auto; }

#background { position: absolute; left: 0; z-index: 0; background: url(../fr/nav/bgBodyLeft.gif) repeat-x; width: 50%; height: 188px; }
#backgroundLeft { position: absolute; top: 0; left: -86px; background: url(../fr/nav/bgBackgroundLeft.jpg); width: 86px; height: 188px; }

	/**
	 * Header
	 */
	#header { position: relative; background: url(../fr/nav/bgHeader.jpg) no-repeat 0px 22px; z-index: 100; }
	
		#header h1 a { position: absolute; top: 30px; left: 0; width: 185px; height: 110px; z-index: 1; }
		
		/* top */
		#top { position: absolute; top: 0; left: 0; height: 22px; font-size: 1.1em; z-index: 100; }
			#top ul { margin: 0; }
			#top ul.level3 { position: absolute; display: none; }
			
			#top ul li { position: relative; float: left; padding: 0 25px; line-height: 22px; background: url(../fr/nav/bgHeaderTopSeparator.gif) no-repeat right center; }
			#top ul li.last { background: none; }
				#top ul li a { text-decoration: none; font-weight: bold; }
			
			#top li.submenu:hover ul.level3 { display: block; }
			
			#top ul.level3 { position: absolute; top: 21px; left: 0; background: #15a6ca; width: 98%; border: 1px solid #fff; border-bottom: 0; font-size: 0.9em; }
			* html #top ul.level3 { width: 180px; }
				#top ul.level3 li { border-bottom: 1px solid #fff; float: none; line-height: 15px; padding: 0; text-align: center; background: #15a6ca; }
					#top ul.level3 li a { display: block; width: 100%; color: #fff; font-weight: normal; padding: 3px 0; }
					#top ul.level3 li a:hover { text-decoration: underline; }
		
		/* nav */
		#nav { position: absolute; top: 147px; left: 175px; width: 775px; margin: 0; }
			#nav li { position: relative; float: left; height: 50px; margin-right: 1px; padding: 0; white-space: nowrap; }
				#nav li a { height: 50px; }
			
			#nav #nav50 { background: url(../fr/nav/bgNav50.gif) top; width: 194px; }
			#nav #nav51 { background: url(../fr/nav/bgNav51.gif) top; width: 192px; }
			#nav #nav52 { background: url(../fr/nav/bgNav52.gif) top; width: 192px; }
			#nav #nav53 { background: url(../fr/nav/bgNav53.gif) top; width: 193px; }
			
			#nav #nav50:hover,
			#nav #nav51:hover,
			#nav #nav52:hover,
			#nav #nav53:hover,
			#nav #nav50.active,
			#nav #nav51.active,
			#nav #nav52.active,
			#nav #nav53.active { background-position: bottom; }
		
		/* user informations */
		#userInformations { position: absolute; top: 35px; right: 0; width: 275px; color: #fff; }
			#userInformations fieldset { border: 0; padding: 0; }
				#userInformations fieldset legend { padding: 0 0 0 11px; margin: 0; font-size: 0.9em; color: #fff; font-weight: normal; }
				#userInformations fieldset p.floatLeft { }
				#userInformations .round { background: url(../fr/nav/bgUserInformationsRound.gif) no-repeat; width: 236px; height: 25px; line-height: 25px; padding: 0 7px; margin-bottom: 3px; overflow: hidden; }
			
			#userInformations label { display: none; }
			#userInformations .input { width: 94px; padding: 2px 4px; border: 0; background: #c7e99e; color: #777; margin-top: 4px; margin-right: 2px; }
			*+html #userInformations .input { margin-top: 0; }
			* html #userInformations .input { margin-top: 3px; }
			#userInformations .errorInput { width: 92px; height: 16px; line-height: 16px; border: 1px solid #FF0000; }
			#userInformations #email_membre_header { margin-left: 4px; }
			#userInformations #identificationFormSubmit { margin-top: 4px; }
			#userInformations #forgotPassword { position: absolute; top: 22px; right: 0; }
			#userInformations a.link { color: #fff; text-decoration: none; }
			#userInformations a.link:hover { text-decoration: underline; }
			
			#userInformations #identificationFormError { position: relative; font-size: 0.9em; margin-left: 11px; line-height: 1.2em; margin-top: -3px; }
		
		#accessInfo .round { padding-left: 11px; }
		
		/* car informations */
		#cartInfo { margin-top: 10px; font-size: 0.9em; color: #fdfb7b; }
			#cartInfo .round { background: url(../fr/nav/bgCartInformationsRound.gif) no-repeat; width: 261px; }
			#cartInfo a { color: #fdfb7b; text-decoration: none; }
			#cartInfo a:hover { text-decoration: underline; }
			#cartInfo p { background: url(../fr/nav/bgCartInfo.gif) no-repeat 7px 0px; padding-left: 38px; }
	
	/**
	 * Content
	 */
	#content { position: relative; }
	
	/**
	 * Footer
	 */
	#footer { width: 947px; background: url(../fr/nav/bgFooter.gif) repeat-y; font-size: 0.9em; margin-top: 3px; }
		#footer .floatLeft { width: 726px; height: 50px; line-height: 50px; }
			#footer .floatLeft ul { margin: 0 0 0 10px; }
				#footer .floatLeft ul li { float: left; padding: 0 20px; background: url(../fr/nav/bgFooterSeparator.gif) no-repeat right center; }
				#footer .floatLeft ul li.last { background: none; }
					#footer .floatLeft ul li a { color: #818181; text-decoration: none; }
					#footer .floatLeft ul li a:hover { text-decoration: underline; }
		
		#footer .floatRight { width: 221px; }
			#footer .floatRight ul { margin: 4px 0 0 10px; }
				#footer .floatRight ul li { background: url(../fr/nav/bullet2.gif) no-repeat 0px 3px; line-height: 1.4em; font-weight: bold; }
					#footer .floatRight ul li a { color: #fff; text-decoration: none; }
					#footer .floatRight ul li a:hover { text-decoration: underline; }

