/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	text-align: center;
	font-size: 10.5px;
	font-family: "Verdana", verdana, arial, sans-serif;
	color: #444;
	background: url(/images/bg.jpg) top left repeat-x #e9e6df; }
	
h1 { margin-bottom: 10px; font-size: 160%; font-weight: normal; }

	h1 a:link, h1 a:visited { text-decoration: none; }

a:link, a:visited { color: #4e6984; }
a img { border: none; }

p { margin-bottom: 16px; }

ul, ol { list-style-position: inside; }


/************* STRUCTURE STYLES ***/
#wrapper {
	position: relative;
	width: 790px;
	min-height: 100%;
	margin: 0 auto; }

* html #wrapper { height: 100%; }	
	
	
	/*** HEADER STYLES ***/
	#header { 
		width: 770px;
		height: 73px;
		padding: 80px 0 0 20px;
		text-align: left;
		background: url(/images/header_bg.jpg) top left no-repeat; }
		
		#header #language { float: right; text-align: right; margin: -50px 200px 0 0; }
		
			#header #language a:link, #header #language a:visited { color: #fff; font-weight: bold; }
		
		#header #testimonials { width: 580px; color: #fff; }
			
			#header #testimonials p { margin-bottom: 5px; }
		
			#header #testimonials a:link, #header #testimonials a:visited { font-weight: bold; color: #fff; }
	
	
	/*** NAV STYLES ***/
	ul#nav { list-style-type: none; }
	
		ul#nav li { float: left; }
		
			ul#nav li a { display: block; height: 46px; }
			
			ul#nav li.home a { width: 89px; background: url(/images/nav_01_home.jpg) top left no-repeat; }
			ul#nav li.hiringnewcomers a { width: 173px; background: url(/images/nav_02_hiringnewcomers.jpg) top left no-repeat; }
			ul#nav li.resources a { width: 115px; background: url(/images/nav_03_resources.jpg) top left no-repeat; }
			ul#nav li.successstories a { width: 152px; background: url(/images/nav_04_successstories.jpg) top left no-repeat; }
			ul#nav li.relatedlinks a { width: 136px; background: url(/images/nav_05_relatedlinks.jpg) top left no-repeat; }
			ul#nav li.contactus a { width: 125px; background: url(/images/nav_06_contactus.jpg) top left no-repeat; }
			
			ul#nav li.accueil a { width: 79px; background: url(/fr/images/nav_01_accueil.jpg) top left no-repeat; }
			ul#nav li.embaucherdenouveaux a { width: 268px; background: url(/fr/images/nav_02_embaucherdenouveaux.jpg) top left no-repeat; }
			ul#nav li.ressources a { width: 101px; background: url(/fr/images/nav_03_ressources.jpg) top left no-repeat; }
			ul#nav li.histoires a { width: 166px; background: url(/fr/images/nav_04_histoires.jpg) top left no-repeat; }
			ul#nav li.liens a { width: 55px; background: url(/fr/images/nav_05_liens.jpg) top left no-repeat; }
			ul#nav li.nousjoindre a { width: 121px; background: url(/fr/images/nav_06_nousjoindre.jpg) top left no-repeat; }
			
			ul#nav li a:hover, ul#nav li.sfhover a { background-position: bottom left; }
									
			ul#nav li ul { /* second-level lists */
				position: absolute;
				list-style-type: none;
				text-align: left;
				background-image: none;
				background-color: #fff;
				border-right: 1px solid #c1bca6;
				border-bottom: 4px solid #516887;
				border-left: 1px solid #c1bca6;
				width: 10em;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
				
				ul#nav li.hiringnewcomers ul { width: 173px; }
				
				ul#nav li.hiringnewcomers ul li { width: 173px; border-top: 1px solid #e0ddd0; }

				ul#nav li.embaucherdenouveaux ul { width: 268px; }
				
				ul#nav li.embaucherdenouveaux ul li { width: 268px; border-top: 1px solid #e0ddd0; }
				
				ul#nav li.resources ul { width: 125px; }
				
				ul#nav li.resources ul li { width: 125px; border-top: 1px solid #e0ddd0; }				
				
				ul#nav li.ressources ul { width: 125px; }
				
				ul#nav li.ressources ul li { width: 125px; border-top: 1px solid #e0ddd0; }				
				
				ul#nav li.hiringnewcomers ul li a, 
				ul#nav li.embaucherdenouveaux ul li a, 
				ul#nav li.resources ul li a,
				ul#nav li.ressources ul li a { 
					height: auto; 
					padding: 6px 10px 6px 6px; 
					text-decoration: none; 
					background-image: none; }
				
				
				
				ul#nav li ul li a:hover { text-decoration: underline; }
			
			ul#nav li ul ul { /* third-and-above-level lists */
				margin: -1em 0 0 10em; }
			
			ul#nav li:hover ul ul, ul#nav li.sfhover ul ul { left: -999em; }
			
			ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul { /* lists nested under hovered list items */
				left: auto; }
			
	
	/*** TAGLINE STYLES ***/
	#tagline { 
		width: 790px;
		height: 41px;
		margin-bottom: 20px;
		background: url(/images/tagline.jpg) top left no-repeat; }
		
	#wrapper.french #tagline { background: url(/fr/images/tagline_french.jpg) top left no-repeat; }	
	
	
	/*** CONTENT STYLES ***/
	#contentWrapper { width: 790px; padding-bottom: 150px; }
	
			
			/*** WELCOMETITLE STYLES ***/
			h1.welcome { 
				width: 769px;
				height: 34px;
				margin: 0 auto 10px auto;
				text-indent: -9999px;
				background: url(/images/title_welcome.jpg) top left no-repeat; }
				
			#wrapper.french h1.welcome { background: url(/fr/images/title_welcome_french.jpg) top left no-repeat; }	
			
			
			/*** SPLASHBOXES STYLES ***/
			#splashBoxes { margin-bottom: 20px; }
			
			/*** INSIDEBOXES STYLES ***/
			#insideBoxes { 
				float: left; 
				width: 600px; 
				height: 170px; 
				margin: 0 0 10px 20px; 
				text-align: left; }
			
				#insideBoxes a img { margin: 0 4px 4px 0; }
			
			#sidenav { float: left; width: 161px; }
			
				#sidenav a img { margin-bottom: -2px; }
			
			#content { 
				float: left; 
				width: 600px; 
				margin: 0 0 20px 20px; 
				text-align: justify; }
		
				#content div.links a:link, #content div.links a:visited { display: block; font-size: 11px; }
				
		

/*** FOOTER STYLES ***/
#footerWrapper {
	position: relative;
	width: 100%;
	height: 150px;
	margin-top: -150px;
	background: url(/images/footerWrapper_bg.jpg) top left repeat-x; }

	#footer { 
		width: 816px;
		height: 150px;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: right;
		background: url(/images/footer_bg.jpg) top right no-repeat; }
		
		#footer p { margin-bottom: 4px; }