html {
	font-size: 100%;
	height: 100%;
}

body {
	font-family: Arial;

	font-size: 80%;
	margin: 0;

}

/* Couleurs des liens
---------------------------------------------- */
a:link {
color: #105289;
text-decoration: none;}

a:visited {
color: #572E84;
text-decoration:none;
}

a:focus,a:hover,a:active {
color: #EB6520;
text-decoration: underline;}

#contenu, table, tr, td, p {
	font-family: Arial;
	font-size:100%; 

	}
	
	#titrearticle{text-align:left;}
h1{font-size:1.5em;}	
h2, h3, h4 { font-size:1em; }

#bar {
	width:100%;
	margin-top: 10px;
	border: 0px solid #909090;
    padding-top: 0px;
    padding-bottom: 0px;
    background:#97b8d7 url(images/nav-bleu.png);background-repeat:repeat-x;
	margin-bottom:10px;
    }

.bordure {}

.red { 
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#555;
font-weight:bold;
padding: 4px 4px;
background:url(images/formbg.png) repeat-x left top;
margin-bottom:4px;
	}
	
.forgot{padding-top:4px;}

.policereduite {}

.firstletter:first-letter {text-transform:capitalize; }
.firstletter:first-letter a {text-transform:capitalize; }

/*
form_submit_button is the style for all submit buttons
*/
.form_submit_button {

text-align:center;

cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#555;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.png) repeat-x left top;
font-size:110%; 

}

/*
form_reset_button is the style for all reset buttons
*/
.form_reset_button {

}

/*
form_apply_button is the style for the apply button

.form_apply_button {
	background-color: #ddeaf7;*/
	
.form_apply_button {
    margin:10px 0px 10px 0px ;
    background: url(images/apply-button.png) no-repeat;
    width:345px;
	height:42px;
    border:0px;
	font-family: Arial;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
	font-size:1.3em;
    color:#EC671F;
    cursor:pointer;
    
}


.available_langs {


}

/*
#############################################
The following set of styles are for Displaying a job post
corresponding template file: display-post.php
#job_post table.job_post - general style for the post displaying table

*/

.postuler {
	font-family: Arial;
	
	
}

#job_post table.job_post {
	
}

/*
#job_post td.header - the top of the job post table, where the 'go back to job list' 'Save job', and 'email to friend' links are located.

*/
#job_post td.header {

	background-color: #808080;

}

/* 'go back to the job list' link */
#job_post A.go_back {

	color: #ffffff;

}
/* this post is expired message */
#job_post .expired_msg {

	color: #E8E8E8;
	font-weight: bold;

}
/* 'please mention JB_SITE_NAME when replying to this ad ' */
#job_post .mention_us_msg {

	color: #E8E8E8;
	font-weight: bold;

}
/* The 'description' field form the job post, printed at the top of the form */
#job_post .post_description {


}




/*
#job_post td.top_links
style for the row at the top of the job post.
template: display-post.php
*/

#job_post td.top_links {
	background-color: #ffffff;
}

/*
#job_post H1.job_title
style for the job post title,
template: display-post.php
*/
#job_post h1.job_title {
	color: #931b16;

}

/*
#job_post td.job_post_body
The style for displaying the job description cell,
template: display-post.php
*/
#job_post td.job_post_body {
	background:#ffffff url(images/background.gif) ;

}


/*
############################################################

#job_post td.job_post_body
The table for dsiplaying the job post data,
template: posting-form.php
*/
#job_post table.job_post_data {
	width: 100%;
	background-color: #ffffff;

}

#job_post td.job_post_data {
	width: 100%;
	background-color: #ffffff;

}

/* 
####################################################
Employer's profile:
This style is for the table that shows the employer's profile in detail.
Template: profile-form.php
*/

#profile,  table.profile_data {

	background-color: #ffffff;
	width: 100%;
	border: 2px;


}

#profile td.profile_data {
	
	background-color: #ffffff;

}


.profile_list_no_result {
	text-align: center;
	font-weight: bold;


}

/* 
###########################################################
Resume :
This style is for the table that displays a resume in detail.
Template: resume-form.php
*/

table.resume_data {

	background-color: #ffffff;
	width: 90%;
	border-width: 0px;


}

/*
############################################################
Dynamic forms
This set of styles control the display of dynamic forms - forms which can be edited from the Administartion Panel.
The forms are: Job Posts, Resumes and Employer's profiles.

*/



#dynamic_form, table.dynamic_form {
	
	
}
/*
td.dynamic_form_field -
The name of the field (field label which on the left side)
*/
#dynamic_form td.dynamic_form_field {
	background-color: #ffffff;
	width: 15%;
	color:#1FB5F4;
	border-right: 1px solid #d9d9d9;
	text-align:left;
}





#dynamic_form td.dynamic_form_2_col_field {
	background-color: #ffffff;
}
/*
#dynamic_form td.dynamic_form_value
The value of the field (on the right from the field label)
*/
#dynamic_form td.dynamic_form_value {
	background-color: #ffffff;
	width: 100%; padding-left:10px; 
	font-family: arial;
}

/*

*/
#dynamic_form .dynamic_form_image_label {
	
	font-weight: bold;

}

/*

.dynamic_form_input_label - used for the <label> for radio buttons and check boxes
*/

#dynamic_form .dynamic_form_input_label {
	
	

}

/*

*/
#dynamic_form .dynamic_form_file_label {

	font-weight: bold;
	

}
/*
The following style controls the LABEL type fields
*/
#dynamic_form .dynamic_form_note_label {


}

/*
Date field 
*/
#dynamic_form select.dynamic_form_date_style {
	background-color: #ffffff;
	
}
#dynamic_form input.dynamic_form_date_style {
	background-color: #ffffff;
	
}
/* Other fields */
#dynamic_form input.dynamic_form_checkbox_style {
	background-color: #ffffff;
	

}

#dynamic_form input.dynamic_form_radio_style {
	background-color: #ffffff;
	color: #ffffff;
	

}
#dynamic_form input.dynamic_form_text_style{
	background-color: #ffffff;
	

}
#dynamic_form textarea {
	background-color: #ffffff;
	

}
#dynamic_form select {
	background-color: #ffffff;

}

#dynamic_form .dynamic_form_seperator {
	
	font-weight: bold;line-height:2em;
	background:#EB651F;color:#FFF;
}

#dynamic_form .is_required_mark {

	font-weight: bold;
	color: red;
	vertical-align: middle;

}

#username{width:64px;}
#password{width:64px;}


/*
########################################
Search Jobs/Resumes -
Standard Search form

*/

#search_form, table.search {
	width: 100%;
	background-color: #EDF8FC;
	
}


/* 
cell for the search field
*/
#search_form td.field {
	background-color: #FFF;
	color: #000000;
	
	text-align:center;
}

/*
style for the input fields (text)
*/
#search_form, input.search_input_style {
	background-color: #ffffff;
	color: #000000;
	
	
}

/*
style for the input fields (check)
*/
#search_form, input.search_checkbox_style {
	background-color: #EDF8FC;
	color: #000000;
	
	
}

/*
style for the input fields (radio)
*/
#search_form, input.search_radio_style {
	background-color: #EDF8FC;
	color: #000000;
	
	
}
/*
select box (drop down / multiple select)
*/
#search_form select.search_input_style {
	background-color: #ffffff;
}

/*
Date field 
*/
#search_form select.search_date_style {
	background-color: #ffffff;
}
#search_form input.search_date_style {
	background-color: #ffffff;
}
/*
The labels for the check boxes and radio buttons
*/
#search_form .search_input_sel_label {
	
}

.new_search_link {

	font-weight: bold;
	
}

/*
####################################################
Job list

*/

#joblist, table.list {
	background-color: #d9d9d9;
	width: 100%;
	
	
}


#joblist .job_list_small_print {
	color: #000000;
	}

#joblist .job_list_small_print_premium {
	color: #000000;

}

#joblist .job_list_title {
	font-weight: bold;
	color: #0000FF;

}

#joblist .job_list_title_premium {
	font-weight: bold;
	color: #0000FF;

}

/*
green_grad and blue_grad define styles for the premium posts
*/

#joblist .green_grad {
	background-color:#FABC87;text-align:left;
	
}
#joblist .blue_grad {
	background:#FABC87;text-align:left;
}



#joblist .standard {
	background-color:white;

}


#joblist .job_list_cat_name {

	font-weight: bold;
	color: #339900; 

}

#joblist .job_list_cat_name_premium {
	font-weight: bold;
	color: #339900; 

}

#joblist td.list_data_cell {
	color: #000000;	height:30px; padding-left:3px;
}

#joblist td.list_data_cell_premium {
	color: #000000;height:30px;
	
}


#joblist td.list_header_cell  {
	text-align: center;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	background-color: #1FB5F4;
	color: #ffffff;
height:30px;
}

a.list_header_cell  {
		color: #ffffff;
	}




#joblist td.list_day_of_week {
	font-weight: bold;
	font-size:115%;
	color: #000;border:0px;
	background-color: #FFF; height:30px;
	padding-left:20px;
	border-bottom:2px solid grey;
}

#joblist td.list_day_of_week_premium {
	font-weight: bold;
	color: #000000;
	background-color: #DDEAF7;

}



.job_listing_count {

	margin: 10px;
	text-align: center;
	font-weight: bold;

}

.post_list_no_result {
	font-weight: bold;
	text-align: center;
}

.post_list_premium {
	font-weight: bold;
	text-align: center;

}

.post_edit_button {
}

.post_delete_button {

}

.post_repost_button {

}



/*
######################################################
Premium Jobs List 

*/

#joblist_premium, table.list_premium {
	background-color: #d9d9d9;
	width: 99%;
}


#joblist_premium .job_list_small_print_premium {
	color: #000000;

}

#joblist_premium .job_list_title_premium {
	font-weight: bold;
	color: #0000FF;

}

#joblist_premium .green_grad {
	border:1px solid #EB651F;
}
#joblist_premium .blue_grad {
	background:#FFFFFF url(images/blue-gradient.gif) repeat-x;
}

#joblist_premium .standard {
	background-color:white;

}



#joblist_premium .job_list_cat_name_premium {
	font-weight: bold;
	color: #339900; 

}

#joblist_premium td.list_data_cell_premium {
	color: #000000;
	
	
}




#joblist_premium td.list_header_cell {
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	background-color: #E9E9E9;
	color: #000000;
	

}



#joblist_premium td.list_day_of_week_premium {
	font-weight: bold;
	color: #000000;
	background-color: #ECF8F9;
}

/* 
####################################################
Categories

*/

/*
category_name and category_path are displayed above the categories.
category name is in big bold letters
category_path has an indent on the left
*/
.category_name { /* The name of the current category*/
	font-weight: bold;
}

.category_path { /* eg. Job Classification -> Public School -> Middle */
	margin-left: 2em;
	

}

.category_index { /* The div element showing the categories, category-index.php template */

	float: none;
	margin: 2em;
	
}

a.cat_parent_link { /* The parent category name */
	font-family: Arial;
	color: #679bce;
	font-size: 0.9em;
font-weight:bold;	
	line-height:1.80em;

}



.employ { /* pour home/employeurs*/
	font-weight: bold; line-height:1.60em;
	color: #679bce;
	
}
.employ a { /* pour home/employeurs*/
	font-weight: bold;
	color: #679bce;
}

.candid { /* pour home/candidats*/

	
}

 .cat_subcategory { /* div generated by JB_display_sub_cats_compact() or JB_display_sub_cats_table() */
	font-family: Arial;
	font-weight: normal;
	margin-left: 1em;
	margin-bottom: 1em;
	

}

a.cat_subcategory_link { /* style for the sub category links*/


}
 

.cat_arrow { /* The little arrow displayed next to the cat_heading */
	background:  url(images/arrow.gif) no-repeat 0% 50% ;
	padding-left:8px;
	margin-left:5px; 
	text-decoration:none;
	text-align:left;
	/*height:10px;*/	
}

.cat_small_count { /* Shows number of records in the category. enclosed in a <small> </small> block */

}

.cat_more_link { /* The link to show more categories*/
	font-weight: bold;


}

/*
categoty table produced by display_table() function
*/
table.cat_table {
	width:100%
	
}




/*
Category box on side bar on the front page
template: category-list-box.php
*/

.cat_list_box {
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	
}

.cat_box_title {

	font-weight: bold; 

}

/*
###################################################
template: index-sidebar.php

*/

.index_sidebar {
	
}
/*
####################################################
Resume list

*/

#resumelist, table.resumelist {
	background-color: #d9d9d9;
	width: 99%;
	
}




#resumelist td.list_data_cell {
	color: #000000;
	
}

#resumelist .today {
	color: #ff0000;
	font-weight: bold;

}

#resumelist .days_ago {
	color: #339900;
	font-weight: bold;
}

#resumelist .days_ago2 {
	color: #C0C0C0;
	font-weight: bold;
}

#resumelist td.list_header_cell {
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	background-color: #679bce;
	color: #000000;
	

}

 .resume_list_no_result {
	font-weight: bold;
	text-align: center;
}


/*
###########################################################
Skill Matrix
*/
.skill_matrix_table {

	border-style:solid; 
	border-color: #C8C8C8; 
	border-width:1px; 
	background-color: #d9d9d9;
	

}

.skill_matrix_header { 

	background-color: #FFFFff;
	font-weight: bold;

}

.skill_matrix_row { 

	background-color: #FFFFff;

}


/*
Changes the notice box styles, look in functions.php function JB_render_box_top($width=100, $label='') 
info-box-top.php template 
*/
table.info_box {
	background-color: #ffffff;
	width:100%;
	border: 0px;
	text-align:left;

}

td.info_box_head { /*header foreground, info-box-top.php template  */
	background-color: #e75e1b; /*default #C8D7E8 light blue color*/
	color: #fff;
	text-align: center;
	background-repeat : no-repeat;
	
}
td.info_box_hed_right, td.info_box_hed_left { /*top right and top left corners, info-box-top.php template */
	background-color: #e75e1b;
	background-repeat : no-repeat;

}
table.info_box_body { /*The inner table, info-box-top.php template  */
	
	background-color: #ffffff;
	border-collapse: collapse; 
	border-style: solid;
	border-color: #e75e1b;
	background-repeat : no-repeat;
}

/**************
Request History
*/
table.request_history {
	background-color: #d9d9d9;
}

td.request_history_head { /*table heading cells*/
	background-color: #679bce;
	font-weight: bold;
}

td.request_history_data {
	background-color: #ffffff;

}

.request_label_requested {
	color: #3300CC;
	font-weight: bold;
}

.request_label_granted {
	color: #336600;
	font-weight: bold;
}

.request_label_refused {
	 color: #ff0000;
	 font-weight: bold;

}

/********************/

.error_msg_label {
	color: #FF0000;
	font-weight: bold;


}

.ok_msg_label {
	border: solid; 
	border-color: #FF0000; 
	border-width:2px;
	padding: 5px;
	text-align:center;
	color: #ff0000;
	 font-weight: bold;
}





/*
...................................

*/
#advertiser_signup,  table.advertiser_signup_form {

	background-color: #d9d9d9;
	width: 100%;
	border: 2px;


}

/*****************

Application form (template: application-form.php)

*/

#app_form_table, table.app_form_table {

	background-color:#FFFFFF;
	width: 100%;
	border-width: 0px;
	font-family: Arial;
	
}

.app_form_table  .field_label {
	background-color:#679bce;
	width: 70px;
	border-width: 0px;
	font-weight: bold;
	font-size:0.8em;
}

.app_form_table  .field_data {
	background-color:#679bce;
	border-width: 0px;
	font-size:0.8em;
	width:400px;
}
#app_form_tmp{width:398px;}
/*****************

Employer's Email form (template: employer-email-form.php)

*/

#email_form_table, table.email_form_table {

	background-color:#BEEA9D;
	width: 100%;
	border-width: 0px;
	 

}

.email_form_table  .field_label {
	background-color:#F0F7F1;
	width: 150px;
	border-width: 0px;
	font-weight: bold;
}

.email_form_table  .field_data {
	background-color:#F0F7F1;
	border-width: 0px;
	
}

/*****************

Employer's request form (template: employer-request-form.php)

*/

#request_form_table, table.request_form_table {

	background-color:#BEEA9D;
	width: 100%;
	border-width: 0px;
	 

}

.request_form_table  .field_label {
	background-color:#F0F7F1;
	width: 150px;
	border-width: 0px;
	font-weight: bold;
}

.request_form_table  .field_data {
	background-color:#F0F7F1;
	border-width: 0px;
	
}

/*

Navigation pages: <-Previous 1 | 2 | 3 | 4 | 5 Next -> 

*/

.nav_page_links {
	text-align: center;
	margin-bottom: 5px;
	
}

a.nav_page_link {
	
}

.nav_page_cur {
	font-weight: bold;


}

#bloc-g{float:left; width:100%; }
#bloc-d{float:right; width:320px; }

#bloc-box{width:300px; padding-left:20px; font-size:0.9em; text-align:left;}

#bloc-haut{float:left;clear:both; width:100%; }

#fluxrss-bloc{float:right;padding-top:10px;margin-right:45px;width:210px;height:auto;}

.texte-baspage{padding-left:130px; margin-top:30px;}
#dbloc{float:right;height:auto;}

.spacer { /* ce style permet de "pousser" les conteneurs dans le cas d'objets "flottants" */
	clear: both;}

/*
Showing an invoice 
*/
#invoice  {

	background-color: #d9d9d9;
	width: 300px;

}

#invoice td.field {

	background-color: #ffffff;
	font-weight: bold;
}

#invoice td.value {
	background-color: #ffffff;
}

.confirm_order_button {
	text-align: center;
}
.application_text { /* Apllication text displayed on employers/apps.php and myjobs/apps.php */
}

/*******/
#espace-candidat{float:left; width:53%; margin-top:20px; }
#candidat-image{background:url(images/nav-background.png) repeat-x; background-position:center center; vertical-align:middle; margin-bottom:10px;}
#espace-entreprise{float:right; width:43%; margin-top:20px;}



#entreprise-image{position:relative ;}
.entreprise-contenu{margin-left:auto; margin-right:auto;  padding: 70px  20px  20px  20px ; width:90%; line-height: 1.5 }
.candidat-g{float:left; width:72%; }
.candidat-d{float:right;  width:24%; }


.inscrir{text-align:center; padding:5px 0px 10px 0px; margin-bottom:5px;}
.candidG{padding:5px 5px 0px 5px ; text-align:center; }
.candidD{padding:5px 5px 5px 5px ;  text-align:center;}
.borderloghaut{border-top:1px solid #E75E1B ;padding-bottom:1px; padding-bottom:2px; margin-top:2px;}
.borderlogbas{border-top:1px solid #E75E1B ; margin-top:2px;}
.borderloghautB{border-top:1px solid #1FB5F4 ;padding-bottom:1px; padding-bottom:2px;}
.borderlogbasB{border-top:1px solid #1FB5F4 ; margin-top:2px;}

#cadre{margin-top:-65px; background:#1fb5f4;}
#cadre-blanc{margin-top:-81px; margin:1px 5px 1px 5px ; background:#FFF;}





.urbangreymenu{margin-left:auto; margin-right:auto; text-align:left;background: #E9E9E9; border:2px solid #fff;
width: 265px; }

.urbangreymenu .headerbar{
color: white; 
padding:5px; 
background: #e75e1b; 
margin-bottom: 0;
text-transform: uppercase;
text-align:center;
 
}


/* menu espace entreprise */
.entreprisemenu{margin-left:auto; margin-right:auto; text-align:left; background: #E9E9E9; border:2px solid #fff;
width: 260px; 

}

.entreprisemenu .headerbar2{
color: white;
padding:5px; 
background: #1FB5F4; 
margin-bottom: 0;
text-transform: uppercase;
text-align:center;
}




/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 5px; width: 5px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
background: url(images/coin-g.png);
background-repeat: no-repeat;
}
.hautdroit {
float: right;
background: url(images/coin-d.png);
background-repeat: no-repeat;
}
.basgauche {
background: url(images/coin-bg.png);
background-repeat: no-repeat;
}
.basdroit {
float: right;
background: url(images/coin-bd.png);
background-repeat: no-repeat;
}


/* propriétés communes à l'ensemble des 4 coins */
.hautgauche-B, .hautdroit-B, .basgauche-B, .basdroit-B {
height: 5px; width: 5px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche-B {
background: url(images/coin-banc-gauche-h.gif);
background-repeat: no-repeat;position:relative;
}
.hautdroit-B {
float: right;
background: url(images/coin-banc-droite-h.gif);
background-repeat: no-repeat;position:relative;
}
.basgauche-B {
background: url(images/coin-banc-gauche-b.gif);
background-repeat: no-repeat;
}
.basdroit-B {
float: right;
background: url(images/coin-banc-droite-b.gif);
background-repeat: no-repeat;
}


.majusc1 {
}

.majusc1 a {
text-transform: lowercase;
}
.majusc1 a:first-letter, a:hover, a:active  {
 color: #eb6520;

}