@import 'contact.css';
@import 'search.css';
@import 'sitemap.css';
@import 'access.css';
@import 'visite.css';
@import 'lightbox.css';

/**
 * Header
 */
#header { height: 107px; z-index: 100; }
	#header h1 { top: 27px; left: 14px; }
		#header h1 a { display: block; width: 386px; height: 55px; }
	#header #mutualiteFr { position: absolute; left: 426px; top: 37px; background: url(../fr/nav/lvl2/bg_mutualiteFr.gif); width: 48px; height: 41px; }
	
	#header .top .level2 li { font-size: 0.9em; }
	
	#header .bottom { margin: 0; width: 374px; position: absolute; top: 68px; right: 0; z-index: 99; text-align: left; }
		#header .bottom ul { position: absolute; display: none; margin: 0; height: auto; }
			#header .bottom>ul a { width: auto; }
		
		#header .bottom li { position: relative; float: left; height: 38px; background: none; padding: 0; }
			#header .bottom li a { display: block; height: 38px; }
		
		#header .bottom #nav60 { background: url(../fr/nav/lvl2/bg_nav60Top.gif) top; width: 179px; margin-right: 1px; }
		#header .bottom #nav60Active { background: url(../fr/nav/lvl2/bg_nav60Top.gif) bottom; width: 179px; }
		#header .bottom #nav61 { background: url(../fr/nav/lvl2/bg_nav61Top.gif) top; width: 194px; }
		#header .bottom #nav61Active { background: url(../fr/nav/lvl2/bg_nav61Top.gif) bottom; width: 194px; }
		
		#header .bottom #nav60:hover,
		#header .bottom #nav61:hover { background-position: bottom; }
		
		#header .level1 li.submenu:hover ul.level2 { display: block; }
		
		#header .bottom #nav60 .level2, #header .bottom #nav60Active .level2 { width: 179px; }
			#header .bottom #nav60 .level2 li, #header .bottom #nav60Active .level2 li { width: 177px; }
		#header .bottom #nav61 .level2, #header .bottom #nav61Active .level2 { width: 190px; }
			#header .bottom #nav61 .level2 li, #header .bottom #nav61Active .level2 li { width: 188px; }
		#header .bottom .level2 { top: 38px; left: 0; z-index: 900; background: #fff; border-top: 1px solid #E3EAF4; }
			#header .bottom .level2 li { float: none; height: auto; margin: 0; padding: 0; background: none; line-height: 1.4em; border: 1px solid #E3EAF4; border-top: none; font-size: 0.9em; }
				#header .bottom .level2 li a { height: auto; color: #343434; text-decoration: none; padding: 3px 6px; }

/**
 * Content
 */
#content { min-height: 300px; }
#content .container { background: url(../fr/nav/lvl2/bg_content.jpg) repeat-y 214px 0px; padding-bottom: 20px; }

	#content #contentWrapper { width: 950px; float: left; }
	/* content column (width: 721px) */
	#contentWrapper #contentColumn { position: relative; margin-left: 229px; width: 635px; min-height: 300px; padding-left: 86px; }
	
		/* picto nav level 2 */
		#content #picto { margin: 0; position: absolute; top: 0; left: 0; }
		
		/* path */
		#content #path { color: #B8BAB6; font-size: 0.9em; line-height: 30px; margin-left: 4px; }
			#content #path a { color: #B8BAB6; text-decoration: none; }
			#content #path a:hover { text-decoration: underline; }
		
		/* page title */
		h2#title { font-size: 18px; color: #276FB2; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; padding: 0; background: none; }
		
		/* page navigation */
		#content #pageNav { width: 635px; margin-top: 20px; }
			#content #pageNav td { width: 33%; }
		
		/* page list */
		#content #pageList {}
			#content #pageList .item { width: 264px; background: url(../fr/nav/lvl2/theme1/bulletPageList.gif) no-repeat 2px 9px; padding: 10px 3px 7px 23px; border-top: 1px solid #E3EAF4; border-bottom: 1px solid #E3EAF4; text-align: left; line-height: 1.5em; margin-bottom: 20px; }
				#content #pageList h3 { font-size: 1em; margin: 0; }
					#content #pageList h3 a { color: #7398CA; }
				#content #pageList .item .imageRight { margin: 6px 0 6px 6px; }
	
	/* left column */
	#content #leftColumn { position: relative; float: left; width: 228px; margin-left: -950px; text-align: left; }
		#leftColumn #blueBackground { position: absolute; margin-left: -5000px; width: 5228px; background: url(../fr/nav/lvl2/theme1/bg_leftColumn.jpg) repeat-y #779ACA right; }
			#leftColumn #blueBackground div { margin-left: 5000px; width: 225px; padding-bottom: 15px; }
		
		/* picto nav level 1 */
		#leftColumn h1 { position: absolute; top: 0; right: 0; margin: 0; }
			#leftColumn h1#nav1 { background: url(../fr/nav/lvl2/bg_nav1.jpg) no-repeat; width: 53px; height: 53px; }
			#leftColumn h1#nav2 { background: url(../fr/nav/lvl2/bg_nav2.jpg) no-repeat; width: 166px; height: 54px; }
			#leftColumn h1#nav3 { background: url(../fr/nav/lvl2/bg_nav3.jpg) no-repeat; width: 166px; height: 54px; }
		
		/* menu level 2 */
		#leftColumn ul li { position: relative; background: url(../fr/nav/bullet2.gif) no-repeat 0px 7px; padding: 3px 0 3px 16px; font-size: 1.05em; line-height: 1.3em; margin: 3px 0; }
			#leftColumn ul li a { color: #CCD6E4; text-decoration: none; }
		#leftColumn ul.level3 li { margin: 0; }
		#leftColumn ul.level3 li.active { background: url(../fr/nav/bullet3.gif) no-repeat 0px 7px; }
			#leftColumn ul.level3 li.active a { color: #fff; }
		#leftColumn ul.level2 { margin: 67px 0 0 0; }
			#leftColumn ul.level2 li.image { padding: 0; background: none; }
		#leftColumn ul.level3 { margin: 0 0 10px 35px; }
		
		#leftColumn ul li .menu { position: absolute; top: 12px; right: 4px; background: url(../fr/nav/lvl2/theme1/bg_menuLeftColumn.gif) no-repeat; width: 18px; height: 8px; }
			#leftColumn ul li.active .menu { top: 11px; background: url(../fr/nav/lvl2/theme1/bg_menuActiveLeftColumn.gif) no-repeat; }
		
		/* visite en images */
		#leftColumn #nav54 { background: url(../fr/nav/lvl2/bg_nav54.gif); width: 223px; height: 72px; margin-top: 5px; }
		
		/* bottom left column */
		#leftColumn #bottomLeftColumn { min-height: 353px; background: url(../fr/nav/lvl2/bg_bottomLeftColumn.jpg) no-repeat; padding-top: 16px; }
		* html #leftColumn #bottomLeftColumn { height: 353px; }
			#leftColumn #bottomLeftColumn #btnPro { background: url(../fr/nav/lvl2/btn_pro.gif) no-repeat; width: 221px; height: 81px; }
			#leftColumn #bottomLeftColumn #btnPro2 { background: url(../fr/nav/lvl2/btn_pro2.gif) no-repeat; width: 221px; height: 81px; }
			#leftColumn #bottomLeftColumn #btnPatient { background: url(../fr/nav/lvl2/btn_patient.gif) no-repeat; width: 221px; height: 81px; }

/**
 * Footer
 */
#footer { background: #FDFDFD; margin-top: 0; }
