/**
 * Container
 */
#background { width: 100%; background: url(../fr/nav/bg_background.gif) #fff repeat-x bottom; }
#container { position: relative; width: 952px; margin: 0 auto; background: url(../fr/nav/bg_container.gif) repeat-y left; }
#containerLeft { position: absolute; top: 0; left: -27px; background: url(../fr/nav/bg_containerLeft.jpg); width: 27px; height: 216px; }

/**
 * Header
 */
#header { position: relative; height: 266px; z-index: 100; }
	#header h1 { background: url(../fr/nav/bg_logo.gif); width: 272px; height: 83px; margin: 0; padding: 0; position: absolute; left: 0; top: 43px; }
		#header h1 a { width: 272px; height: 83px; }
	#header #intro { position: absolute; top: 135px; left: 20px; width: 230px; font-size: 0.9em; line-height: 1.5em; }
	
	#header a { color: #1d8bbf; text-decoration: none; }
	#header a:hover { text-decoration: underline; }
	#header label { color: #1d8bbf; display: inline; }
	
	#header #nav { position: absolute; top: 8px; font-size: 1.1em; z-index: 100; }
		#header #nav ul { position: absolute; display: none; margin: 0; height: auto; }
		#header #nav li { position: relative; float: left; padding: 0 25px; line-height: 17px; background: none; }
			#header #nav li.submenu { background: url(../fr/nav/bg_headerNavSeparator.gif) no-repeat right center; }
		
		#header #nav li.submenu:hover ul.level2 { display: block; }
		
		#header #nav ul.level2 { position: absolute; top: 17px; left: 0; background: #fff; width: 150px; border: 1px solid #1d8bbf; border-bottom: 0; }
			#header #nav ul.level2 li { border-bottom: 1px solid #1d8bbf; float: none; line-height: 15px; padding: 3px 7px; }
				#header #nav ul.level2 li a { display: block; width: 143px; }
		
		#header #searchForm { padding: 0; margin: 0; }
			#header #searchForm label { position: relative; top: -7px; margin-right: 3px; }
			*+html #header #searchForm label { top: -6px; }
			* html #header #searchForm label { top: -6px; }
			#header #searchForm .input { background: #ecebe1; color: #6c6c6c; border: 0; width: 90px; line-height: 17px; padding: 3px 5px; position: relative; top: -6px; }
			#header #searchForm #searchSubmit { position: relative; top: -1px; }
	
	/* menu */
	#header #menu { position: absolute; top: 219px; left: 0; width: 100%; height: 47px; z-index: 100; }
	
		#header #menu ul { background: #e6f3f9; height: 47px; }
			#header #menu ul ul { position: absolute; display: none; margin: 0; height: auto; left: 0; }
			#header #menu ul li { position: relative; float: left; padding: 0; }
			
			/* menu : votre bateau ecole */
			#header #menu #nav2 { display: inline; background: url(../fr/nav/bg_nav2.gif) top; width: 227px; height: 32px; margin: 9px 20px 0 13px; }
			#header #menu #nav2:hover,
			#header #menu #nav2.active { background-position: bottom; }
				#header #menu #nav2 a { height: 32px; }
				#header #menu #nav2 ul.level2 { width: 199px; top: 32px; margin-left: 13px; background: #fff; padding: 0; }
					#header #menu #nav2 ul.level2 li { width: 184px; border-bottom: 1px solid #eee; }
			
			/* bouton E-learning */
			#header #menu #nav3 { background: url(../fr/nav/bg_nav3.gif) top; width: 333px; height: 47px; }
			#header #menu #nav3:hover,
			#header #menu #nav3.active { background-position: bottom; }
				#header #menu #nav3 a { height: 47px; }
				#header #menu #nav3 ul.level2 { width: 329px; top: 47px; }
					#header #menu #nav3 ul.level2 li { width: 329px; }
			
			/* bouton Nos permis */
			#header #menu #nav4 { background: url(../fr/nav/bg_nav4.gif) top; width: 359px; height: 47px; }
			#header #menu #nav4:hover,
			#header #menu #nav4.active { background-position: bottom; }
				#header #menu #nav4 a { height: 47px; }
				#header #menu #nav4 ul.level2 { width: 330px; top: 47px; left: 5px; }
					#header #menu #nav4 ul.level2 li { width: 330px; }
					#header #menu #nav4 ul.level2 li.rub {}
			
			#header #menu #nav2 ul.level2 a,
			#header #menu #nav3 ul.level2 a,
			#header #menu #nav4 ul.level2 a { height: auto; }
			
			/* level 2 */
			#header #menu ul ul.level2 { background: url(../fr/nav/bg_menuLevel2.png) bottom right; padding-bottom: 20px; }
			* html #header #menu ul ul.level2 { background: url(../fr/nav/bg_menuLevel2.gif) bottom right; }
				#header #menu ul ul.level2 li { height: auto; line-height: 27px; background: url(../fr/nav/bullet3.gif) no-repeat 10px 9px; padding: 0; }
					#header #menu ul ul.level2 a { color: #1d8bbf; display: block; height: auto; text-decoration: none; padding: 0 0 0 25px; }
					#header #menu ul ul.level2 a:hover { text-decoration: underline; }
			
			#header #menu ul.level1 li.submenu:hover ul.level2 { display: block; }
	
	/* slideshow */
	#header #slideshow { position: absolute; top: 47px; left: 272px; width: 426px; height: 158px; overflow: hidden; }
		#header #slideshow .slide { position: absolute; }
	
	/* user informations / login */
	#header #userInformations { position: absolute; right: 0; background: url(../fr/nav/bg_headerUserInformations.jpg); width: 254px; height: 219px; }
		#header #userInformations .star { position: absolute; top: 17px; margin-left: -9px; background: url(../fr/nav/bg_headerStar.png); width: 47px; height: 46px; }
		#header #userInformations .star { behavior: url(/css/iepngfix.htc); }
		
		#header #accessInfo { color: #fff; margin: 23px 35px 0 0; padding-left: 40px; }
			#header #accessInfo a { color: #fff; text-decoration: underline; }
			#header #accessInfo a.legend { padding: 0 0 2px 0; margin: 0; letter-spacing: 0.05em; }
		
		/* cart information */
		#header #cartInfo { background: url(../fr/nav/bg_buttonR.png) no-repeat scroll top right; color: #1d8bbf; display: block; float: left; height: 25px; margin: 10px 9px 0 18px; padding-right: 9px; text-decoration: none; }
		*+html #header #cartInfo { margin-top: 2px; }
		* html #header #cartInfo { background-image: url(../fr/nav/bg_buttonR.gif); margin: 2px 8px 0 9px; padding-right: 8px; }
			#header #cartInfo p { background: url(../fr/nav/bg_buttonL.png) no-repeat; display: block; line-height: 25px; padding: 0 9px 0 18px; }
			* html #header #cartInfo p { background-image: url(../fr/nav/bg_buttonL.gif); height: 25px; line-height: 25px; float: left; }
		
		/* identification form */
		#header #identificationHeader,
		#header #identificationHeader a { color: #fff; }
		
			#header #identificationHeader #identificationForm { margin: 23px 0 0 0; }
				#header #identificationHeader #identificationForm fieldset { border: 0; padding: 0 0 0 18px; }
				#header #identificationHeader #identificationForm legend { padding: 0 0 2px 23px; margin: 0; letter-spacing: 0.05em; }
				
				#header #identificationHeader #identificationForm p { margin-right: 4px; }
				#header #identificationHeader #identificationForm .small { line-height: 1.4em; }
				
				#header #identificationHeader #identificationForm label { display: none; }
				#header #identificationHeader #identificationForm .input { background: #529fbd; line-height: 23px; border: 0; color: #fff; padding: 5px; }
				*+html #header #identificationHeader #identificationForm .input { line-height: 15px; }
				* html #header #identificationHeader #identificationForm .input { line-height: 15px; }
				#header #identificationHeader #identificationForm #email_membre_header { width: 80px; padding: 5px 5px 5px 10px; }
				#header #identificationHeader #identificationForm #password_membre_header { width: 65px; }
				#header #identificationHeader #identificationForm .passwordForgot { margin: 2px 0 5px 0; }

/**
 * Footer
 */
#footer { width: 100%; background: url(../fr/nav/bg_footer.gif) repeat-x; }
	#footer .content { width: 952px; height: 100px; margin: 0 auto; background: url(../fr/nav/bg_footerContent.gif) no-repeat 260px 0px; color: #003c58; font-size: 0.9em; }
		#footer a { color: #fff; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
		
		#footer ul { margin: 0; padding: 26px 0 5px 0; height: 18px; }
			#footer ul li { float: left; padding: 0 15px; line-height: 17px; background: url(../fr/nav/bg_footerNavSeparator.gif) no-repeat right center; }
			#footer #nav8 { background: none; margin-right: 252px; }
			#footer .nav104 { background: none; }
		
		#footer p { margin-left: 15px; }
		#footer #pyxis { display: inline; float: right; margin: 0 24px 0 0; }