/*-----------------------------------------------------------------------------

__  __ `__ \  _ \  ___/  __ `/_  __ \  __ \
_  / / / / /  __/ /__ / /_/ /_  / / / /_/ /
/_/ /_/ /_/\___/\___/ \__,_/ /_/ /_/\____/

Main Style Sheet for MSSS

version:   1.1
author:    Vincent Martin
email:     vincent@mecano.ca

Notes: 
-----------------------------------------------------------------------------*/

/* =Imports
-----------------------------------------------------------------------------*/




/* MAIN TAGS
============================================================= */

* {
	margin:0;
	padding:0;
}

a, p, li, h1, h2, h3, h4, h5, label, input, textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

input, textarea {
	border:0;
	display:block;
}

h1 {
	background:url(../img/i_logo.jpg) top left no-repeat;
	display:inline;
	top:-1px;
	left:0;
	height:105px;
	position:absolute;
	text-indent:-9000px;
	width:281px;
}

h2 {font-size:14px; color:#676767;}
h3 {font-size:20px; color:#4d4d4d;}
p  {font-size:11px; color:#6a6a6a;}
.notice {font-size:11px;font-style:italic;font-weight:normal;}

a  {
	outline:none;
	text-decoration:none;
}

sup {font-size:8px;}
img      {border:0}
fieldset {border:none;}
ul       {list-style-type:none;}

label {
	color:#515151;
	display:block;
	font-size:11px;
	margin-bottom:-5px;
}

input {
	color:#525252;
	cursor:pointer;
	font-size:10px;
	font-weight:normal;
}

select {text-indent:-9000px;}







/* BODY
============================================================= */

body {
	background:url(../img/i_bkd_gradient.jpg) #fff top left repeat-x;
	text-align:left; 	
}


#bkd_school {
	background:url(../img/i_bkd_school.jpg) top center no-repeat;
	
	/*width control*/
	width:100% !important;
	min-width:935px;
	position:relative;

	/* ie6.under workaround for min/max-width support */
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth :	document.body.clientWidth)
	< 935 ? "935px" : 
	"auto");
	}






/* WRAPPER
----------------------------------------------------------------------*/

#body_wrapper {
	margin:0 auto;
	width:935px;
}

	
	
	
	

/* HEADER
------------------------------------------------------------------------*/
#header {
	position:relative;
	background:url(../img/i_bottom_hdr.jpg) bottom left no-repeat;
	height:137px;
	margin-left:-11px;
	z-index:0;
}

#header .hdr_print, #header_results .hdr_print,
#header_details .hdr_print{
	display:none;
}





/* MAIN NAV ------------------------------------------------------------ */

#header .main_nav, #header_results .main_nav,
#header_details .main_nav {
	float:left;
	margin-left:290px !important;
	margin-left:145px;
	width:635px;
}


#header .main_nav li, #header_results .main_nav li,
#header_details .main_nav li {
	display:inline;
	margin-top:3px;
}

#header .main_nav a, #header_results .main_nav a,
#header_details .main_nav a {
	background-position:top left;
	display:block;
	float:left;
	margin-top:3px;
	text-indent:-9000px;
	width:100%;
}

/* Button React ------------------------------------------------------ */
#header .main_nav .b_decouvre, #header_results .main_nav .b_decouvre,
#header_details .main_nav .b_decouvre {
	background:url(../img/b_decouvre_test.gif) no-repeat;
	height:60px;
	margin:13px 0 0 -7px;
	position:relative;
	width:169px;
	z-index:40;	
}

#header .main_nav .b_decouvre:hover,
#header_results .main_nav .b_decouvre:hover,
#header_details .main_nav .b_decouvre:hover {
	background-position:bottom left;
}

	
	
	
/* Button Explore --------------------------------------------------- */
#header .main_nav .b_explore, #header_results .main_nav .b_explore,
#header_details .main_nav .b_explore {
	background:url(../img/b_explore_test.gif) no-repeat;
	height:60px;
	margin:12px 0 0 27px;
	width:146px;
}

#header .main_nav .b_explore:hover,
#header_results .main_nav .b_explore:hover,
#header_details .main_nav .b_explore:hover {
	background-position:bottom left;
}



/* Button Research ---------------------------------------------------- */
#header_results .main_nav .b_search {
	background:url(../img/b_rec_test.gif) top left no-repeat;
	float:left;
	height:60px;
	margin:13px 0 0 33px;
	text-indent:-9000px;
	width:178px;
}
	
#header_results .main_nav .b_search:hover {
	background-position:bottom left;
}
	
#header .main_nav .b_search_static,
#header_results .main_nav .b_search_static,
#header_details .main_nav .b_search_static {
	background:url(../img/b_rec_static.gif) top left no-repeat;
	display:block;
	float:left;
	height:56px;
	margin:14px 0 0 34px;
	text-indent:-9000px;
	width:227px;}
	
	
	
	
	
/* TOP NAV ------------------------------------------------- */

.top_nav_wrapper {
	position:absolute;
	right:0;
	z-index:60;
}

.top_nav_wrapper a {
	background:url(../img/i_topnav.gif) top left no-repeat;
	display:block;
	height:74px;
	text-indent:-9000px;
	width:74px;
}







/* CONTENT
------------------------------------------------------------------------*/

#content {
	margin-left:-8px;
	width:945px;
}











/*=======================================================
					VEDETTE PAGE
=========================================================*/




/* = Research Zone
----------------------------------------------------------------*/


#content .research {
	display:inline;
	margin-left:0 !important;
	margin-left:-7px;
	float:left;
	position:relative;
	width:210px;
}


#content .research_box {
	background:url(../img/i_research_pad_lipsum.jpg) top left no-repeat;
	display:block;	
	float:left;
	height:353px;
	margin:-1px 0 0 7px;
	padding-left:22px;	
	width:210px;
	position:relative;
}


#content .research_box legend,
#content .research_box_results_page legend {
	text-indent:-9000px;
}


#content .t_legend {
	background:url(../img/t_research.gif) top left no-repeat;
	display:block;
	height:38px;
	margin:2px 0 13px 0 !important;
	margin:21px 0 9px 0;
	width:130px;
}

#content .research_box label,
#content .research_box_results_page label {
	margin:0 0 -2px 5px;
}

#content .research_box .b_selectFld,
#content .research_box_results_page .b_selectFld {
	background:url(../img/b_dropdown_white.gif) top left no-repeat;
	color:#fefefe;
	display:block;
	font-size:10px;
	height:21px;
	margin:2px 0 12px 3px;
	padding:8px 0 0 10px;
	width:151px;
}

#content .research_box .b_selectFld_nojs,
#content .research_box_results_page .b_selectFld_nojs {
	display:none;
}

#content .research_box .b_selectFld:hover,
#content .research_box_results_page .b_selectFld:hover {
	background-position:bottom left;
}

#content .research_box select,
#content .research_box_results_page select {
	display:none;
}


#content .research_box .keywordsFld,
#content .research_box_results_page .keywordsFld {
	background:url(../img/f_input_field.gif) top left no-repeat;
	cursor:text;
	height:22px;
	margin:37px 0 0 2px;
	width:153px;
	padding:10px 0 0 10px; /* V-align Fix */
}

#content .research_box .b_researchBtn,
#content .research_box_results_page .b_researchBtn {
	background:url(../img/b_go.gif) top left no-repeat;
	height:49px;
	margin:-12px 0 0 111px;
	text-indent:-9000px;
	width:67px;
}

#content .research_box .b_researchBtn:hover,
#content .research_box_results_page .b_researchBtn:hover
    {background-position:bottom left;}

#content .new_all_career {
	color:#F00;
	font-size:10px;
	font-weight:bold;
	left:32px;
	position:absolute;
	top:309px;
	width:89px;
}

#content .new_all_career:hover {
	color:#d00;
}

#content .new_back_career {
	color:#F00;
	font-size:10px;
	font-weight:bold;
	left:46px;
	position:absolute;
	top:43px;
	width:83px;
}

#content .new_all_career:hover,
#content .new_back_career:hover {
	color:#d00;
}




/* = Local Events zone
--------------------------------------------------------------------*/

#content .local_events {
	background:url(../img/i_events_pad_lipsum.jpg) top left no-repeat;
	display:block;	
	float:left;
	height:286px;
	margin:0 0 0 18px !important; /* IE6 margin-patch */
	margin:0 0 0 12px;
	width:199px;
	z-index:0;
}

#content .local_events h2, #content .local_events_results_page h2,
#content .local_events_details_page h2 {
	background:url(../img/t_inyourarea.gif) top left no-repeat;
	display:block;	
	height:40px;
	margin:17px 0 0 17px;
	text-indent:-9000px;
	width:161px;	
}

#content .local_events p, #content .local_events_results_page p,
#content .local_events_details_page p {
	color:#383333;
	font-size:10px;
	line-height:11px;
	margin:5px 0 0 10px;
	text-align:center;
	width:175px;	
}

#content .local_events select, #content .local_events_results_page select,
#content .local_events_details_page select {
	display:none;
}

#content .b_regionFld {
	background:url(../img/b_dropdown_brown.gif) top left no-repeat;
	color:#fefefe;
	display:block;
	font-size:10px;
	height:21px;
	margin:7px -11px -1px 15px !important;
	margin:2px -11px -1px 15px;
	padding:8px 0 0 10px;
	width:151px;
}

#content .b_regionFld:hover {background-position:bottom left;}



#content .local_events .b_visitpage, #content .local_events_results_page .b_visitpage,
#content .local_events_details_page .b_visitpage {
	background:url(../img/b_visit_page.gif) top left no-repeat;
	height:32px;
	margin:11px 0 0 76px;
	text-indent:-9000px;
	width:113px;	
}

#content .local_events .b_visitpage {margin-top:10px;}

#content .local_events .b_visitpage:hover, #content .local_events_results_page .b_visitpage:hover,
#content .local_events_details_page .b_visitpage:hover
    {background-position:bottom left;}
	
	
	
	






/* = Starring Career Zone
--------------------------------------------------------------------- */

#content .staring_career {
	background:url(../img/i_star_career_pad.jpg) top left no-repeat;
	display:block;
	float:left;
	height:620px;
	margin-left:0 !important;
	margin-left:-28px;
	width:347px;	
}

#content .star_carrer_box {
	height:377px;
	margin:15px 0 0 39px;
	width:280px;
}

#content .staring_career h2 {
	background:url(../img/t_star_career.gif) top left no-repeat;
	display:block;
	height:19px;
	margin-left:7px;
	text-indent:-9000px;
	width:153px;
}

#content .staring_career .i_star_career {
	display:block;
}

#content .staring_career h3 {
	border-bottom:1px solid #d1d0cc;
	margin:6px 0 5px 0;
	padding:0 15px 3px 0;
}

#content .staring_career h3 a {color:#5c5c5c;}
#content .staring_career h3 a:hover {color:#515151;}

#content .staring_career .main_text p {
	font-weight:normal;
	line-height:13px;
}

#content .staring_career .main_text b {
	font-weight:bold;
	font-size:12px;
}

#content .star_career_bottom {
	margin:32px 0 0 39px;
}

#content .i_studies_type {
	background:url(../img/i_studies_icon.gif) top left no-repeat;
	color:#4d4d4d;
	font-weight:bold;
	height:16px;
	padding:10px 0 0 28px;
}

#content .i_salary {
	background:url(../img/i_salary_icon.gif) top left no-repeat;
	color:#4d4d4d;
	font-weight:bold;
	height:24px;
	margin-top:3px;
	padding:2px 0 0 28px;
	line-height:12px;
}

#content .prof_details {
	background:url(../img/b_details.gif) top left no-repeat;
	display:block;
	float:right;
	height:66px;
	margin:-67px 10px 0 0 !important; /* IE6 Margin-patch */
	margin:-67px 5px 0 0;
	text-indent:-9000px;
	width:80px;	
}

#content .prof_details:hover{background-position:bottom left;}










/* = Other Careers Zone
----------------------------------------------------------------------- */

#content .other_careers {
	background:url(../img/i_other_careers_pad.jpg) top left no-repeat;
	display:block;
	float:left;
	height:620px;
	margin-left:0 !important;
	margin-left:-1px;
	width:343px;
}

#content .other_careers h2 {
	background:url(../img/t_other_careers.gif) top left no-repeat;
	display:block;
	height:19px;
	margin:12px 0 0 44px;
	text-indent:-9000px;
	width:138px;	
}

#content .job_list {
	height:454px;
	margin:25px 0 0 6px;
}

#content .job {
	margin-bottom:15px !important;
	margin-bottom:10px;
	width:320px;
}

#content .job .thumb {
	float:left;
	position:relative;
	width:86px;
}

#content .job .b_link_arrow {
	background:url(../img/b_link_arrow_norm.gif) bottom right no-repeat;
	display:block;
	height:92px;
	left:0px;
	position:absolute;
	top:0px;
	width:86px;
}

#content .job .b_link_arrow:hover {background:url(../img/b_link_arrow_over.gif) bottom right no-repeat;}

#content .job .thumb_info {
	float:left;
	width:210px;
	margin-left:10px;
}

#content .thumb_info h3 {
	border-bottom:1px solid #c3c3c3;
	line-height:15px;
	padding-bottom:3px;
	width:211px;
}

#content .thumb_info a {
	color:#4d4d4d;
	font-size:15px;
}

#content .thumb_info h3 a:hover {color:#3d3d3d;}

#content .thumb_info .brief_text p {
	color:#606060;
	font-weight:normal;
	line-height:13px;
	margin:4px 0 5px 0;
	width:211px;
}

#content .thumb_info .brief_text b {
	font-size:11px;
}

#content .thumb_info .icons {margin-bottom:43px;}


#content .thumb_info .other_career_studies {
	color:#4d4d4d;
	float:left;
	font-size:11px;
	height:15px !important;
	height:41px;
	margin-bottom:0 !important; /* IE6 Margin-patch */
	margin-bottom:-22px;
	padding:3px 0 0 20px;
	width:70px;
}

#content .thumb_info .other_career_salary {
	color:#4d4d4d;
	float:left;
	font-size:11px;
	line-height:11px;
	height:18px !important;
	height:44px;
	margin-bottom:0 !important; /* IE6 Margin-patch */
	margin-bottom:-22px;
	padding:0 0 0 20px;
	width:83px;
}

#content .thumb_info .other_career_studies {
	background:url(../img/i_studies_smallicon.gif) top left no-repeat;
}

#content .thumb_info .other_career_salary {
	background:url(../img/i_salary_smallicon.gif) top left no-repeat;
	margin-left:16px;
}

#content .b_all_careers {
	background:url(../img/b_all_careers.gif) top left no-repeat;
	display:block;
	float:left;
	height:32px;
	margin:-19px 0 0 142px !important;
	margin:-18px 0 0 71px;
	text-indent:-9000px;
	width:187px;
}

#content .b_all_careers:hover {background-position:bottom left;}





















/*=======================================================
					RESULTS PAGE
=========================================================

Other sections are similar as research page outside these: */



/* = Header Results -------------------------------------------------------- */

#header_results, #header_details {
	background:url(../img/i_bottom_hdr_results.jpg) bottom left no-repeat;	
	height:137px;
	margin-left:-12px;
	position:relative;
}



/* = Research Results -------------------------------------------------------- */

#content .research_box_results_page, #content .research_box_details_page {
	background:url(../img/i_research_pad.jpg) top left no-repeat;
	display:block;
	float:left;
	height:354px;
	margin-left:6px;
	margin-top:-1px;
	padding-left:22px;
	position:relative;
	width:210px;
}



/* = Local events Results --------------------------------------------- */

#content .local_events_results_page {
	background:url(../img/i_events_pad.jpg) top left no-repeat;
	display:block;	
	float:left;
	height:286px;
	margin:-1px 0 0 17px !important; /*IE6 Margin-patch */
	margin:-1px 0 0 13px;
	width:199px;
}

#content .local_events_results_page .b_visitpage {margin-top:10px;}


/* =Search Results (Main Block) ---------------------------------------------- */

#content .search_results {
	background:url(../img/i_results_pad.jpg) top left no-repeat;
	display:block;
	float:left;
	/*height:638px !important;*/
	margin:0 !important; /* IE6 Right-margin Gap fix */
	margin:0 -40px 0 -29px;
	width:704px;	
}




/* = Top ---------------------------------------------------------- */

#content .top {margin-top:17px; height:60px; position:relative;}

#content .titles {
	float:left;
	margin:0 0 0 40px !important; /* IE6 Left margin fix */
	margin:0 0 0 20px;
	width:200px; /* Layout for IE6 */
}

#content .sort_zone {
	float:right;
	margin-right:42px!important;
	margin-right:18px;
	width:170px;
}

#content .titles .results {
	background:url(../img/t_search_results.gif) top left no-repeat;
	display:block;
	height:23px;
	float:left;
	text-indent:-9000px;
	width:235px;	
}

#content .titles .allCareers {
	background:url(../img/t_all_careers.gif) top left no-repeat;
	display:block;
	height:23px;
	float:left;
	text-indent:-9000px;
	width:235px;	
}

#content .titles p {
	color:#626262;
	font-size:14px;
	margin-left:4px;
}

#content .sort_zone label {
	color:#515151;
	text-align:right;
	font-size:9px;
	margin:0 0 0 118px;
	width:50px;
}

#content .sort_zone select {display:none;}


#content .b_sort {
	background:url(../img/b_dropdown_white.gif) top left no-repeat;
	color:#fefefe;
	display:block;
	font-size:10px;
	height:21px;
	margin:0 0 0 10px;
	padding:8px 0 0 10px;
	width:151px;
}

#content .b_sort:hover {background-position:bottom left;}


#content .page_index_top,
#content .page_index_bottom {
	float:right;
	height:19px;
	text-align:right;
	width:400px;
}

#content .page_index_top {
	margin:-20px 36px 15px 0 !important;
	margin:-29px 15px 22px 0;
}

#content .page_index_bottom {
	margin:-65px 62px 0 0 !important;
	margin:-68px 42px 0 0;
}

#content .page_index_top li,
#content .page_index_bottom li {float:left; width:10px;}

#content .page_index_top a,
#content .page_index_bottom a {
	color:#bd0101;
	font-size:12px;
	margin-right:6px;
	text-decoration:underline;
}

#content .page_index_top a:hover, #content .page_index_bottom a:hover
	{color:#F30;}






/* = Job Listing --------------------------------------------------- */

#content .big_job_list {
	clear:both;
	margin:0px 0 0 25px !important;
	margin:7px 0 0 25px;
	position:relative !important;
	position:inherit;
}

#content .error_results {
	background:url(../img/i_sadface.gif) center left no-repeat;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	height:65px;
	margin-left:20px;
	padding:0 0 0 37px;
	width:585px;
}

#content .error_results p {
	color:#bd0101;
	font-size:12px;
	padding-top:18px;
}

#content .big_job_list .job {
	float:left;
	margin:5px 18px 20px 0 !important;
	margin:-7px 18px 22px 0;
	padding-top:0px !important;
	padding-top:6px;
	width:315px;
}

#content .job .thumb_results {
	float:left;
	position:relative;
	width:100px;
}

#content .job .thumb_results_info {
	float:left;
	width:208px;
}

#content .job .thumb_results_info h3 {
	border-bottom:1px solid #d2d2d2;
	line-height:15px;
	padding-bottom:3px;
}

#content .job .thumb_results_info a {
	color:#4d4d4d;
	font-size:15px;
}

#content .job .thumb_results_info a:hover {color:#4d4d4d;}

#content .job .text_zone_results {
	height:105px;
}

#content .job .thumb_results_info .brief_text p {
	font-weight:normal;
	line-height:13px;
	padding-top:3px;
}

#content .job .thumb_results_info .brief_text b {
	font-size:11px;
}

#content .job .icons_results {
	margin-top:6px;
}

#content .job .thumb_results_info li {
	color:#4d4d4d;
	float:left;
	font-size:11px;
	font-weight:bold;
	width:85px;
}

#content .job .results_studies {
	background:url(../img/i_studies_smallicon.gif) center left no-repeat;
	display:block;
	height:16px;
	padding:5px 0 0 18px;
	width:15px;
}

#content .job .results_salary {
	background:url(../img/i_salary_smallicon.gif) center left no-repeat;
	display:block;
	height:21px;
	line-height:11px;
	padding:0 0 0 18px;
	width:15px;
}









/*=======================================================
					DETAILS PAGE
=========================================================

Other sections are similar as research page outside these: */


/* Details page Research Box --------------------------------------- */



#content .research_box_details_page h2 {
	background:url(../img/t_connex_careers.gif) top left no-repeat;
	display:block;
	height:39px;
	margin:35px 0 0 -7px;
	text-indent:-9000px;
	width:148px;
}

#content .research_box_details_page .connex_career_listing {
	height:207px !important;
	height:209px;
}

#content .research_box_details_page ul {
	list-style-position:inherit;
	height:190px;
	padding-top:8px;
	width:170px;
}

#content .research_box_details_page li {
	background:url(../img/i_pointer.gif) center left no-repeat;
	line-height:14px;
	margin-bottom:9px;
	padding:0 0 1px 16px;
	}

#content .research_box_details_page a {
	color:#bd0101;
	font-size:12px;
}

#content .research_box_details_page a:hover 
	{color:#C33;}

#content .research_box_details_page .b_backToCareers {
	background:url(../img/b_backtocareers.gif) top left no-repeat;
	cursor:pointer;
	display:block;
	height:57px;
	margin:4px 0 0 -10px !important;
	margin:2px 0 0 -10px;
	text-indent:-9000px;
	width:173px;	
}

#content .research_box_details_page .b_backToCareers:hover {
	background-position:bottom left;
}





/* Details page local events ------------------------------------- */

#content .local_events_details_page {
	background:url(../img/i_events_pad_details.jpg) top left no-repeat;
	display:block;	
	float:left;
	height:259px;
	margin:-1px 0 0 18px !important; /*IE6 Margin-patch */
	margin:-1px 0 0 13px;
	width:199px;
}



/* Details page Spacer ------------------------------------------------ */

#content .spacer {
	background:url(../img/i_details_spacer.jpg) top left no-repeat;
	display:block;
	float:right;
	height:113px;
	margin-right:0 !important; /* IE6 Right-margin fix */
	margin-right:-8px;
	width:53px;	
}







/* Career Information ----------------------------------------------- */

#content .job_maininfo {
	background:url(../img/i_details_pad.jpg) top left no-repeat;
	display:block;
	float:left;
	margin:-1px 0 0 0 !important; /* IE6 Left-margin fix */
	margin:-1px 0 0 -28px;
	position:relative;
	width:712px;
}

#content .job_desc {
	display:inline;
	float:left;
	margin:30px 0 0 30px !important; /* IE6 Left-margin fix */
	margin:30px 0 0 17px;
	width:344px;
	
	/* IE6 Height Fix */
	min-height:703px;
	height:100% !important;
	height:703px;
}

#content .job_desc .desc {
	border-bottom:1px solid #BBB;
	padding-bottom:13px;
	
}

#content .job_desc .desc p {
	margin-bottom:0;
	
}

#content .job_desc .personal_qualities {
	margin-top:15px;
	margin-bottom:-10px;
}

#content .job_desc .personal_qualities p {
	font-size:16px;
}

#content .job_desc .personal_qualities .from {
	font-size:11px;
	font-style:italic;
	margin-top:5px;
}

#content .job_desc .personal_qualities .from a {
	color:#bd0101;
	text-decoration:underline;
}

#content .job_desc .personal_qualities .from a:hover {
	color:#c33;
}

#content .job_desc h2 {
	color:#3b3b3b;
	font-size:30px;
	line-height:32px;
	margin-bottom:10px;
}

#content .job_desc ul {
	list-style-type:disc;
	margin:-15px 0 0 20px;
}

#content .job_desc p, #content .job_desc li {
	color:#616161;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin-bottom:22px;
}
#content .job_desc p.notice{font-size:11px;line-height:auto;}

#content .job_desc li {
	margin-bottom:0px;
}

#content .t_details {
	border-top:1px solid #BBB;
	padding-top:15px;
}

#content .t_details h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:7px;
}

#content .t_details a       {color:#bd0101;}
#content .t_details a:hover {color:#c33;}




/* Career specifications --------------------------------------- */

#content .job_qual {
	margin:-51px 0 0 390px !important;
	margin:-51px 0 0 335px;
	position:relative;
}


/* = Photo -------- */
#content .photo_zone {
	margin-left:24px !important;
	margin-left:77px;
}









#content .fbook_zone {margin-left:25px !important; margin-left:76px;}

#content .fbook_zone li {margin-top:-2px;}

#content .fbook_zone .b_details,
#content .fbook_zone .b_friend_related {
	display:block;
	font-size:9px;
	width:219px;
}

#content .fbook_zone .b_details {
	background:url(../img/b_tostudies_details.jpg) top left no-repeat;
	color:#e00000;
	height:41px;
	padding:24px 0 0 77px;
}

#content .fbook_zone .b_friend_related {
	background:url(../img/b_friend_related.jpg) top left no-repeat;
	color:#387fc5;
	height:46px;
	padding:27px 0 0 77px;
}

#content .fbook_zone .b_details:hover,
#content .fbook_zone .b_friend_related:hover 
	{background-position:bottom left;}




/* Study level and salary --- */
#content .specs_zone {
	border-bottom:1px solid #b5b5b5;
	border-top:1px solid #b5b5b5;
	position:relative;
	margin:5px 0 0 23px !important;
	margin:5px 0 0 74px;
	padding:12px 0 13px 15px;
	width:258px;
}

#content .job_qual h3 {
	color:#505050;
	font-size:14px;
}

#content .specs_zone li {
	color:#4d4d4d;
	font-size:11px;
	margin-top:5px;
	padding-left:30px;
	height:1%;
}

#content .specs_zone .details_studies_zone {
	background:url(../img/i_studies_icon.gif) center left no-repeat;
	height:19px;
	padding-top:6px;
}

#content .specs_zone .details_salary_zone  {
	background:url(../img/i_salary_icon.gif) center left no-repeat;
	height:24px;
	padding-top:1px;
}

#content .specs_zone a {color:#575757;}

#content .popup_salary {
	background-color:#CCC;
	border:1px solid #999;
	color:#666;
	display:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	left:38px;
	padding:5px 5px 5px 5px;
	position:absolute;
	top:73px;
	width:190px;
}



/* Workplace Zone --- */
#content .milieux_bkd {
	background:url(../img/i_details_bkd.gif) top left repeat-y;
	float:left;
	margin-left:0 !important;
	margin-left:27px;
	width:318px;
}

#content .milieux_zone {
	border-bottom:1px solid #b5b5b5;
	margin-left:23px;
	padding:18px 0 13px 15px;
	width:258px;
}

#content .milieux_zone h3 {
	color:#505050;
	font-size:14px;
	margin-bottom:10px;
}

#content .milieux_zone ul {
	list-style-type:disc;
	margin-left:30px;
}

#content .milieux_zone li {
	color:#4d4d4d;
	font-size:11px;
	margin-top:5px;
	line-height:12px;
}





/* = Special links ----- */
#content .links_bkd {
	background:url(../img/i_details_bkd.gif) top left repeat-y;
	float:left;
	
	/* ie6.under workaround for min/max-height support */
	height:100% !important;
	height:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientHeight :	document.body.clientHeight)
	> 70 ? "70px" : 
	"auto");
	min-height:70px;
	/* -- */
	
	margin-left:0 !important;
	margin-left:27px;
	width:317px;	
}

#content .links_zone {
	margin-left:23px;
	padding:20px 0 0 15px;
	width:258px;
}

#content .links_zone ul {
	margin-left:-25px;
}

#content .links_zone li {
	line-height:15px;
	padding-left:25px;
	margin-top:4px;
	padding-bottom:3px;
}

#content .links_zone a {
	color:#bd0101;
	font-size:11px;
	text-decoration:underline;
}

#content .links_zone a:hover {}


#content .links_zone li:hover {
	background:url(../img/i_linkarrow.gif) center left no-repeat;}


#content .bottom_links {
	background:url(../img/i_bottom_links.gif) top left no-repeat;
	float:left;
	display:block;
	height:20px;
	margin-left:1px !important;
	margin-left:27px;
	width:317px;
}







/*=======================================================
					CHOOSE FORM
=========================================================

Hidden by default: */


/* Box Shadow ------------------------------------- */

.choose_form_shadow {
	background:url(../img/i_choose_form_shadow.png) top left no-repeat;
	display:none;
	height:270px;
	top:70px;
	left:70px;
	padding:10px 0 0 10px;
	position:absolute;
	width:365px;
	z-index:50;
}





/* Choose Form Main Box ---------------------------- */

#content .choose_form {
	background:url(../img/i_choiceform_pad.gif) top left no-repeat;
	display:block;
	height:259px;
	padding:40px 0 0 28px;
	width:350px;
	z-index:1;
}

#content .choose_form_header {
	height:50px;
	margin-top:8px;
}

#content .choose_form h2 {
	background:url(../img/t_sendtofriend.gif) top left no-repeat;
	display:block;
	height:19px;
	padding-right:275px;
	text-indent:-9000px;
	width:274px;	
}

#content .choose_form p {
	color:#515151;
	font-size:12px;
	margin-left:3px;
	width:245px;
}

#content .choose_form .b_exit {
	background:url(../img/b_exit.gif) top left no-repeat;
	display:block;
	height:42px;
	left:313px !important;
	left:310px;
	position:absolute;
	text-indent:-9000px;
	top:14px !important;
	top:16px;
	width:43px;
}

#content .choose_form .b_exit:hover 
	{background-position:bottom left;}

#content .choose_form_buttons {margin:20px 0 0 48px;}

#content .fb_button {margin-left:-20px;}

#content .choose_form_buttons p {
	font-size:14px;
	margin:5px 0 5px 90px;
}

#content .choose_form .b_to_emails {
	background:url(../img/b_to_emails.gif) top left no-repeat;
	display:block;
	height:43px;
	margin-left:39px;
	text-indent:-9000px;
	width:126px;
}

#content .choose_form .b_to_emails:hover
	{background-position:bottom left;}



















/*=======================================================
					MAIN FORM
=========================================================

Hidden by default: */


/* Box Shadow ------------------------------------------------ */

.mainform_shadow {
	background:url(../img/i_main_form_shadow.png) top left no-repeat;
	display:none;
	height:482px;
	top:60px;
	left:60px;
	padding-top:4px;
	position:absolute;
	width:403px;
	z-index:50;
}




/* Main Form Box -------------------------------------------- */

#content .mainform {
	background:url(../img/i_mainform_pad.gif) top left no-repeat;
	display:block;
	height:475px;
	padding:40px 0 0 28px;
	width:396px;
}

#content .mainform .t_mainTitle {
	background:url(../img/t_sendtofriend.gif) top left no-repeat;
	display:block;
	height:19px;
	margin-left:0px !important;
	margin-left:-8px;
	padding-right:275px;
	text-indent:-9000px;
	width:274px;
}

#content .mainform .note {
	border-bottom:1px solid #999691;
	color:#515151;
	font-size:12px;
	margin-left:3px;
	padding-bottom:10px;
	width:330px;
}





/* Fields ------------------------------------- */
#content .mainform label {
	color:#515151;
	font-size:12px;
	margin-left:3px;
	margin-bottom:1px;
	margin-top:0px !important;
	margin-top:-3px;
}




/* Field Background image --------------------------------- */

#content .mainform .inputFld, #content .mainform .f_name,
#content .mainform .f_main_mail, #content .mainform .f_sec_mail_1,
#content .mainform .f_sec_mail_2, #content .mainform .f_sec_mail_4,
#content .mainform .f_sec_mail_3, #content .mainform .f_sec_mail_5 {
	background:url(../img/f_mainform_field.gif) top left no-repeat;
	color:#515151;
	cursor:text;
	font-size:12px;
	height:22px;
	padding:9px 0 0 10px;
	width:151px;
}






/* Set Base position of field's validation icon ------------- */

#content .mainform .f_name_valid, #content .mainform .f_name_invalid,
#content .mainform .f_main_mail_valid, #content .mainform .f_main_mail_invalid,
#content .mainform .f_sec_mail_1_valid, #content .mainform .f_sec_mail_1_invalid,
#content .mainform .f_sec_mail_2_valid, #content .mainform .f_sec_mail_2_invalid,
#content .mainform .f_sec_mail_3_valid, #content .mainform .f_sec_mail_3_invalid,
#content .mainform .f_sec_mail_4_valid, #content .mainform .f_sec_mail_4_invalid,
#content .mainform .f_sec_mail_5_valid, #content .mainform .f_sec_mail_5_invalid {
	background-position:top left;
	height:14px;
	position:absolute;
	width:15px;
}




/* Set Base position of field's validation icon ------------- */

#content .mainform .f_name_valid, #content .mainform .f_name_invalid             {left:12px; top:132px;}
#content .mainform .f_main_mail_valid, #content .mainform .f_main_mail_invalid   {left:190px; top:132px;}
#content .mainform .f_sec_mail_1_valid, #content .mainform .f_sec_mail_1_invalid {left:12px; top:188px;}
#content .mainform .f_sec_mail_2_valid, #content .mainform .f_sec_mail_2_invalid {left:12px; top:221px;}
#content .mainform .f_sec_mail_3_valid, #content .mainform .f_sec_mail_3_invalid {left:12px; top:253px;}
#content .mainform .f_sec_mail_4_valid, #content .mainform .f_sec_mail_4_invalid {left:12px; top:283px;}
#content .mainform .f_sec_mail_5_valid, #content .mainform .f_sec_mail_5_invalid {left:12px; top:313px;}






/* Valid icon setting ------------------------------------ */

#content .mainform .f_name_valid, #content .mainform .f_main_mail_valid,
#content .mainform .f_sec_mail_1_valid, #content .mainform .f_sec_mail_2_valid,
#content .mainform .f_sec_mail_3_valid, #content .mainform .f_sec_mail_4_valid,
#content .mainform .f_sec_mail_5_valid {
	background:url(../img/LV_valid.gif) no-repeat;
	display:block;
}
	
	
	
	
	
	
/* Invalid icon setting ------------------------------------ */
	
#content .mainform .f_name_invalid, #content .mainform .f_main_mail_invalid,
#content .mainform .f_sec_mail_1_invalid, #content .mainform .f_sec_mail_2_invalid,
#content .mainform .f_sec_mail_3_invalid, #content .mainform .f_sec_mail_4_invalid,
#content .mainform .f_sec_mail_5_invalid {
	background:url(../img/LV_invalid.gif) no-repeat;
	display:block;
}



/* Textarea Field --------------------------- */

#content .mainform .f_comment {
	background:url(../img/f_textarea.gif) top left no-repeat;
	color:#515151;
	font-size:12px;
	font-weight:normal;
	height:191px;
	margin:3px 0 0 -3px;
	overflow:hidden;
	padding:9px 10px 0 10px;
	width:151px;
}






#content .mainform .name_zone, #content .mainform .email_zone,
#content .mainform .bottom_fields, #content .mainform .friend_mail,
#content .mainform .msg_zone, #content .mainform .bottom_form 
	{float:left; width:auto;}

#content .mainform .top_fields       {margin:25px 0 5px 0;}
#content .mainform .email_zone       {margin-left:15px !important; margin-left:8px;}
#content .mainform .email_zone label {margin-left:0px !important; margin-left:12px;}

#content .mainform .bottom_fields {margin-top:10px;}

#content .mainform .friend_mail,
#content .mainform .msg_zone {width:175px;}
   

#content .mainform .bottom_form {width:345px;}

#content .mainform .error_msg, #content .mainform .sent_msg {
	display:none;
	float:left;
	line-height:12px;
	margin:10px 0 0 5px;
	width:175px;
}

#content .mainform .error_msg {color:#d90000;}
#content .mainform .sent_msg  {color:#390;}



#content .mainform .b_send {
	background:url(../img/b_sendform.gif) top left no-repeat;
	display:block;
	float:right;
	height:55px;
	margin:33px 10px 0 0 !important;
	margin:29px 10px 0 0;
	text-indent:-9000px;
	width:136px;
}

#content .mainform .b_send:hover
	{background-position:bottom left;}

#content .mainform .b_exit {
	background:url(../img/b_exit.gif) top left no-repeat;
	display:block;
	height:42px;
	left:348px !important;
	left:345px;
	position:absolute;
	text-indent:-9000px;
	top:10px;
	width:43px;
}

#content .mainform .b_exit:hover
	{background-position:bottom left;}















/*=======================================================
					FORMATION BLOCK
=========================================================

Hidden by default: */

.details_block_shadow {
	background:url(../img/i_formationbox_shadow.png) top left no-repeat;
	display:none;
	height:380px;
	top:70px;
	left:70px;
	padding:8px 0 0 7px;
	position:absolute;
	width:365px;
	z-index:50;
}

#content .details_block {
	background:url(../img/i_formationbox.gif) top left no-repeat;
	display:block;
	height:319px;
	padding:40px 0 0 28px;
	width:350px;
	z-index:51;
}

#content .details_block_header {
	height:50px;
	margin-top:-13px;
	margin-bottom:-2px;
	margin-left:-10px;
}

#content .details_block h2 {
	color:#474747;
	height:19px;
	font-size:22px;
	margin-left:3px;
	width:274px;	
}

#content .details_block p {
	line-height:13px;
	margin-left:-6px;
	margin-bottom:7px;
	width:300px;
	position:relative;
	z-index:55;
	
}


#content .details_block .b_exit {
	background:url(../img/b_exit.gif) top left no-repeat;
	display:block;
	height:42px;
	left:313px !important;
	left:310px;
	position:absolute;
	text-indent:-9000px;
	top:16px !important;
	top:18px;
	width:43px;
}

#content .details_block .b_exit:hover
	{background-position:bottom left;}

#content .details_block_content {
	float:left;
	margin-top:-20px;
	width:280px;
}

#content .details_block_content ul {
	margin-left:-15px;
}

#content .details_block_content li {
	line-height:15px;
	padding-left:25px;
	margin-top:1px;
	padding-bottom:3px;
}

#content .details_block_content a {
	color:#bd0101;
	font-size:11px;
	text-decoration:none;
}

#content .details_block_content a:hover {color:#C33;}


#content .details_block_content li:hover {
	background:url(../img/i_linkarrow.gif) center left no-repeat;}














/*=======================================================
					SECONDARY PAGES
========================================================= */

#content .secondary_page {
	background:url(../img/i_secondary_pages_pad.jpg) top left no-repeat;
	display:block;
	float:left;
	
	/* Dynamic Height fixes */
	min-height:604px; /* Sets a minimum height */
	height:100% !important; /* Forces IE7 tu push footer */
	height:604px; /* Minimum height for IE6 */
	
	padding-bottom:25px;
	margin-left:140px !important; /* IE6 Left-margin fix */
	margin-left:70px;
	width:772px;
}

#content .sec_page_content {
	margin-left:0 !important; /* IE6 Left-margin fix */
	margin-left:-114px;
}

#content .t_partners {
	background:url(../img/t_partners.gif) top left no-repeat;
	display:block;
	float:left;
	height:28px;
	margin:30px 0 0 110px;
	text-indent:-9000px;
	width:149px;
}

#content .partner {
	clear:both;
	float:left;
	margin:18px 0 15px 125px;
	width:600px;
}

#content .partner a {
	clear:both;
	float:left;
	margin-bottom:2px;
}

#content .t_confidentiality {
	background:url(../img/t_confidentiality.gif) top left no-repeat;
	display:block;
	float:left;
	height:28px;
	margin:30px 0 0 110px;
	text-indent:-9000px;
	width:340px;
}

#content .t_facebook {
	background:url(../img/t_facebook.gif) top left no-repeat;
	display:block;
	float:left;
	height:28px;
	margin:30px 0 0 110px;
	text-indent:-9000px;
	width:500px;
}

#content .t_job_offers {
	background:url(../img/t_job_offers.gif) top left no-repeat;
	display:block;
	float:left;
	height:31px;
	margin:30px 0 0 110px;
	text-indent:-9000px;
	width:208px;
}

#content .t_accessibility {
	background:url(../img/t_accessibility.gif) top left no-repeat;
	display:block;
	float:left;
	height:28px;
	margin:30px 0 0 110px;
	text-indent:-9000px;
	width:302px;
}

#content .t_plansite {
	background:url(../img/t_sitemap.gif) top left no-repeat;
	display:block;
	float:left;
	height:28px;
	margin:30px 0 0 110px;
	text-indent:-9000px;
	width:155px;
}

#content .t_explore {
	background:url(../img/t_explore.gif) top left no-repeat;
	display:block;
	float:left;
	height:28px;
	margin:30px 0 0 110px;
	text-indent:-9000px;
	width:101px;
}

#content .secondary_page p {
	color:#616161;
	float:left;
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	margin:20px 0 0 114px;
	width:550px;
}

#content .secondary_page h5 {
	color:#616161;
	float:left;
	font-weight:bold;
	font-size:14px;
	line-height:15px;
	margin:30px 0 -10px 114px;
	width:550px;
}

#content .secondary_page ul, #content .secondary_page ol {
	float:left;
	margin:10px 0 0 145px;
	width:500px;
}

#content .secondary_page ul ul{
	float:none;	
	list-style-type:disc;
	margin-left:40px;
}

#content .secondary_page .main_lvl    {margin:15px 0 0 134px !important; margin:15px 0 0 124px;}
#content .secondary_page .main_lvl a  {font-size:18px; text-decoration:none; font-style:normal;}

#content .secondary_page .middle_lvl   {margin:5px 0 0 64px !important; margin:5px 0 0 34px;}
#content .secondary_page .middle_lvl a {font-size:15px; font-style:italic; text-decoration:underline;}

#content .secondary_page .lower_lvl    {margin:5px 0 20px 54px !important; margin:5px 0 20px 27px;}
#content .secondary_page .lower_lvl a  {font-size:11px;}

#content .secondary_page li {
	color:#616161;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	margin-top:5px;
}

#content .secondary_page a {
	color:#bd0101;
	font-size:11px;
	font-style:oblique;
	text-decoration:underline;
}

#content .secondary_page a:hover 
	{color:#c33;}
	
#content .main_lvl {margin-left:-20px;}
	
#content .explore_block, #content .decouvre_block {
	float:left;
	margin-left:25px !important;
	margin-left:-85px;
	margin-bottom:30px;
	width:100%;
}
	
#content .recherche_block
	{margin-left:-5px;}


/* = Bottom Content Secondary pages
----------------------------------*/
#content .bottom_content_secpages {
	background:url(../img/i_bottom_content_sec_pages.jpg) top left no-repeat;
	display:block;
	float:left;
	height:116px;
	margin-left:140px !important; /* Ie6 left-margin fix */
	margin-left:70px;
	width:772px;
}







/* FOOTER
================================================================== */

#footer {
	clear:both;
	margin:0 0 0 52px;
	padding-bottom:15px;
}

#footer .ftr_print {
	display:none;
}

#footer .bottom_logo {
	background:url(../img/i_bottom_logo.gif) top left no-repeat;
	display:block;
	height:50px;
	margin:0 0 5px 375px;
	text-indent:-9000px;
	width:153px;
}

#footer .bot_nav {
	margin-left:260px;
	padding-bottom:10px;
}

#footer .bot_nav li  {
	display:inline;
}

#footer .bot_nav a, #footer .bot_nav .spacer_bar {
	color:#999;
	font-weight:bold;
	font-size:10px;
}

#footer .bot_nav a:hover {color:#555;}







/* Other Classes
========================================================== */

.f_select_etudes, .f_select_milieux,
.f_select_salaire, .f_select_region,
.f_select_sort {
	display:none;
	position:absolute;
	z-index:55;
	left:23px;
}



.f_select_etudes  {top:82px;}
.f_select_milieux {top:136px;}
.f_select_salaire {top:189px;}
.f_select_region  {top:437px; left:31px !important; left:39px;}
.f_select_sort    {top:9px; left:500px !important; left:504px;}




.f_select_etudes .f_select_top, .f_select_milieux .f_select_top,
.f_select_salaire .f_select_top, .f_select_region .f_select_top,
.f_select_sort .f_select_top {
	background-image:url(../img/f_select_top.png) !important;
	background-image:url(../img/f_select_top.gif);
	background-repeat:no-repeat;
	height:28px;
	margin-bottom:0px !important;
	margin-bottom:-1px;
	width:167px;
	
}

.f_select_etudes .f_select_bg, .f_select_milieux .f_select_bg,
.f_select_salaire .f_select_bg, .f_select_region .f_select_bg,
.f_select_sort .f_select_bg {
	background-image:url(../img/f_select_bg.png) !important;
	background-image:url(../img/f_select_bg.gif);
	background-repeat:repeat-y;
	margin-left:0px;
	width:167px;
}

.f_select_etudes .f_select_bottom, .f_select_milieux .f_select_bottom,
.f_select_salaire .f_select_bottom, .f_select_region .f_select_bottom,
.f_select_sort .f_select_bottom {
	background-image:url(../img/f_select_bottom.png) !important;
	background-image:url(../img/f_select_bottom.gif);
	background-repeat:no-repeat;
	height:21px;
	width:167px;
}

.f_select_etudes a, .f_select_milieux a,
.f_select_salaire a, .f_select_region a,
.f_select_sort a {
	border-bottom:1px solid #484848;
	color:#b0b0b0;
	display:block;
	font-size:9px;
	line-height:16px;
	margin-left:16px;
	padding-top:2px;
	width:134px;
}

.f_select_etudes a:hover, .f_select_milieux a:hover,
.f_select_salaire a:hover, .f_select_region a:hover,
.f_select_sort a:hover 
	{background-color:#5b5b5b;}


.clear           {clear:both;}
.sortsubmit_nojs {display:none;}
.disc            {list-style-type:disc;}
.cursor          {cursor:pointer;}


/* END
================================================================ */