/**
 * Background
 */
#background { background: url(../fr/nav/bg-background.jpg) bottom repeat-x; width: 100%; min-height: 100%; }
* html #background { height: 100%; }

/**
 * Container
 */
#container { position: relative; width: 947px; margin: 0 auto; }

	/**
	 * Header
	 */
	 #header { position: relative; background: url(../fr/nav/bg-content-top.gif) top no-repeat; padding: 5px 5px 0 5px; z-index: 9; font-size: 1.1em; }
	 	#header .content { position: relative; background: #CA0727; height: 162px; }
			
			/* top-nav */
			#header .content #top-nav { position: absolute; z-index: 999; top: 21px; left: 21px; padding: 0; margin: 0; }
				#header .content #top-nav li { position: relative; float: left; background: 0; padding: 0; border: 1px solid #E68A99; border-left: 0; list-style-image: none; }
				#header .content #top-nav li.first { border: 1px solid #E68A99; }
					#header .content #top-nav li a { height: 27px; padding: 4px 10px 4px 10px; color: #fff;  font-weight: bold; }
						#header .content #top-nav li:hover { background: #D84960; text-decoration: none; }
						
				/* top-nav submenu */
				#header .content #top-nav ul.level2 { position: absolute; display: none; margin: 0; top: 23px; left: -1px; background: #FFF; width: 296px; padding: 1px; border: 1px solid #E68A99; }
					#header .content #top-nav ul.level2 li { float: none; display: block; height: auto; line-height: 2em; border: none; border-bottom: 1px solid #E68A99; text-align: left; background: url(../fr/nav/bg-bullet-2.gif) #CA0727 5px 15px no-repeat; padding-left: 7px; }
						#header .content #top-nav ul.level2 li.current a { font-weight: bold !important; }
						#header .content #top-nav ul.level2 li.last { border-bottom: none; }
						#header .content #top-nav ul.level2 li a { display: block; width: 276px; height: auto; padding: 5px 10px; text-decoration: none; color: #FFF; font-weight: normal; }
						#header .content #top-nav ul.level2 li a:hover { background: none; text-decoration: underline; }
					
				#header .content #top-nav.level1 li.submenu:hover ul.level2 { display: block; }		
				
			
				/* search */
				#header .content #top-nav #search { border: none; position: relative; margin: 0 10px; }
						#header .content #top-nav #search-form { position: absolute; top: 0; left: 0; }
						*+html #header .content #top-nav #search-form { top: -1px; }
						* html #header .content #top-nav #search-form { top: -1px; }
							#header .content #top-nav .input { background: #D84960; color: #fff; border: 0; width: 128px; height: 14px; padding: 5px 4px 3px 4px; border: 1px solid #E68A99; }
							#header .content #top-nav #search-submit { position: absolute; top: 0; left: 138px; background: 0; border: 1px solid #E68A99; border-left: 0; height: 24px; color: #E68A99; padding: 0 3px; margin:0; cursor: pointer; }
							*+html #header .content #top-nav #search-submit { top: 1px; }
							* html #header .content #top-nav #search-submit { top: 1px; }
				
			/* nav */
			#header .content #nav { position: absolute; top: 114px; left: 17px; padding: 0; margin: 0; }
				#header .content #nav li { position: relative; float: left; height: 48px; padding: 0; list-style-image: none; }					
					#header .content #nav li#nav1 { background: url(../fr/nav/bg-nav-1.gif) top no-repeat; width: 111px; }
					#header .content #nav li#nav2 { background: url(../fr/nav/bg-nav-2.gif) top no-repeat; width: 159px; }
					#header .content #nav li#nav3 { background: url(../fr/nav/bg-nav-3.gif) top no-repeat; width: 191px; }
					
					#header .content #nav li#nav1:hover,
					#header .content #nav li#nav2:hover,
					#header .content #nav li#nav3:hover,
					#header .content #nav li#nav1.current,
					#header .content #nav li#nav2.current,
					#header .content #nav li#nav3.current
					 { background-position: bottom; }

					#header .content #nav li a { height: 48px; }
					
					/* nav submenu */
					#header .content #nav ul.level2 { position: absolute; z-index: 0; display: none; margin: 0; top: 48px; left: 6px; background: #FFF; width: 210px; padding: 1px; border: 1px solid #E68A99; }
						#header .content #nav ul.level2 li { float: none; display: block; height: auto; line-height: 2em; border-bottom: 1px solid #E68A99; text-align: left; background: url(../fr/nav/bg-bullet-2.gif) #CA0727 5px 15px no-repeat; padding-left: 7px; }
							#header .content #nav ul.level2 li.current { font-weight: bold; }
							#header .content #nav ul.level2 li.last { border-bottom: none; }
							#header .content #nav ul.level2 li a { display: block; width: 190px; height: auto; padding: 5px 10px; text-decoration: none; color: #FFF; }
							#header .content #nav ul.level2 li a:hover { text-decoration: underline; }
						
					#header .content #nav.level1 li.submenu:hover ul.level2 { display: block; }
				
			/* logo */
			#header .content h1 { position: absolute; top: 0; right: 0; background: url(../fr/nav/bg-logo.jpg); width: 359px; height: 162px; }
			* html #header .content h1 { right: -1px; }
	
	/**
	 * Content
	 */
	#content { margin: 0 5px; padding: 0; }
	
		#content #content-wrapper { float: left; width: 100%; }
	
	/**
	 * Footer
	 */
	 #footer { position: relative; background: url(../fr/nav/bg-footer-bottom.gif) left bottom no-repeat; height: 41px; padding: 0 5px 3px 5px; font-size: 1.1em; }
	 	#footer .content { position: relative; background: #931020; height: 31px; color: #fff; padding-top: 8px; }
			#footer .content a { color: #fff; padding: 0px 10px; }
			#footer .content #pyxis { position: absolute; bottom: 4px; right: 0; }