@charset "utf-8";
/* CSS Document */
.box{min-width:250px; margin-bottom:5px} /* the kernel class for fields objects*/

#user_forms { }

#user_forms li{ margin: 5px; order:1px solid green; font-size: 12px}

#user_forms .rec{color:#913146;}

/*user_forms  input, select, textarea { border:1px solid #c07886; background:#fef3f3}
*/
#user_forms .but_val{float:right; color:#000; text-align: center;font-weight:bold; color:#a93c56;font-size: 12px;  background:url(../images/buttons/validc.gif); line-height:22px;width:84px; margin-right: 100px}

#user_forms fieldset{border:none; border-right:1px solid #c07886;border-left:1px solid #c07886}
.h-form { background:url(../images/buttons/h-form.gif) no-repeat;height:23px;width:676px; margin:0px;padding:0px ;}
.f-form { background:url(../images/buttons/f-form.gif) no-repeat;height:23px;width:676px; margin:0px;padding:0px ;}



label{width:160px; font-weight:bold; color:#5E5E5E; font-size:11px; display:block; float:left; margin-right:5px; text-align:right; background-color:#fffefe; padding-right:4px }
.blank { background:none;}
.notes  {color:#999999; font-size:10px} 
#user_forms h4{text-indent:5px; line-height:30px}

.tit_rec{background:url(../images/buttons/bg_tit_rec.gif) no-repeat; width:158px;line-height:28px;color:#913146; font-weight:bold;font-size:14px; text-align:center; float:left}

.tit_cand{background:url(../images/buttons
/bg_tit_can.gif) no-repeat; width:158px;line-height:28px;color:#015656; font-weight:bold;font-size:14px; text-align:center}

 /*user login*/
 .UnderLine a{ text-decoration:underline;}
 .UnderLine a:hover{ text-decoration:none}


.forms_user label{line-height:22px; text-align:left; }

.forms_user li{margin:4px}

.boldred, .boldred a, .boldred a:hover{ font-weight:bold; color:#6c2131}
.boldgreen, .boldgreen a, .boldgreen a:hover{ font-weight:bold; color:#015656}
/*recruter login*/
#rec_login{ background:url(../images/buttons/recruteur-access-bg.gif) no-repeat center;height:250px;width:600px; margin:0px;padding:0px; }
#rec_login  label{text-align:right;line-height:22px;}
#rec_login  input{margin:2px}
#rec_login #LeftForm{width:330px; margin-top:50px; margin-left:15px}
#rec_login #RightText{width:215px; margin-top:50px; margin-left:15px;}




/*candidate*/
#can_login{ background:url(../images/buttons/candidate-access-bg.gif) no-repeat center;height:250px;width:600px; margin:0px;padding:0px ; }

#can_login  label{text-align:right;line-height:22px;}
#can_login  input{ margin:2px}
#can_login #LeftForm{width:330px; margin-top:50px; margin-left:15px}
#can_login #RightText{width:215px; margin-top:50px; margin-right:15px;}

/* user pages */ 
 #Inner_prod{
       float:left; 
	   width:675px;
/*	   padding-left:16px;*/
	   	   margin:10px;
	   margin-left:2px;
	    }
.center_page {width:700px; margin:0px;padding:0px; border:0px solid red;float: left}
.rec_menu{width:165px;height: 200px; border:1px solid green; float:left}

.block_prod { width:350px; margin-left:5px; _margin-left:0px;  float:left	}
.block_content {border:1px solid #b44a62; width:99%; margin:0 auto;}

.block_content ul{margin-left:5px;}
.block_content ul li{ background:url(../images/elem/mark.png) no-repeat left 5px; padding-left:15px; padding-bottom:5px;
		  }
#Inner_prod table {font-size:11px;}
#Inner_prod tr.first{background:#f4b7c5; color:#000; font-weight:bold}
/*#Inner_prod td {padding:4px; margin:0px;}*/
#Inner_prod H2{background:url(../images/buttons/bg_head_prod.gif); text-align:center;color:#FFFFFF}

.curve_top {margin-left:165px;background: url(../images/tabs/top-tab-content.gif); height:7px; width:701px }
.curve_bottom {margin-left:165px; background:  url(../images/tabs/bottom-tab-content.png); height:7px; width:701px }
.curve_top_green {margin-left:165px; background:  url(../images/tabs/top-tab-content2.png); height:7px; width:701px }
.curve_bottom_green {margin-left:165px; background:  url(../images/tabs/bottom-tab-content2.png)  ; height:7px; width:701px }


/*ie6 fix     specially  font-size: 1px; line-height: 1px;  for the doubled height problem */
.curve_top{ _background: url(../images/tabs/top-tab-content.gif) no-repeat  ; _margin-left:173px;font-size: 1px; line-height: 1px;} 
.curve_bottom {_background: url(../images/tabs/bottom-tab-content.png) no-repeat; _margin-left:173px;font-size: 1px; line-height: 1px;  }
.curve_top_green { _background: url(../images/tabs/top-tab-content2.png)  no-repeat;_margin-left:173px;font-size: 1px; line-height: 1px;}

.curve_bottom_green {_background: url(../images/tabs/bottom-tab-content2.png) no-repeat; _margin-left:173px; font-size: 1px; line-height: 1px; }

/*.curve_bottom {margin-left:165px; background:  url(../images/tabs/bottom-tab-content.png)no-repeat bottom left; height:7px; width:701px}
.curve_top_green {margin-left:165px; background:  url(../images/tabs/top-tab-content2.png)no-repeat bottom left; height:7px; width:701px}
.curve_bottom_green {margin-left:165px; background:  url(../images/tabs/bottom-tab-content2.png)no-repeat bottom left; height:7px; width:701px}*/
.SubmitCenteration{width:60%; margin:10px auto;}

/*#################Colors###################*/
#Inner_cand {      
        float:left; 
	    width:675px;
	   margin:10px;
	   margin-left:2px;
		
		border:0px solid red;
	    }
		
#Inner_cand div.search_box{      
        float:left; 
	    width:100%;
		background:#dceeee;
		border:0px solid green;
		color:#276868;
		padding:5px;
		font-weight:bold;
		text-align:left
	    }
		


/*#Inner_cand	 input, select{border:1px solid #b2dada; margin:2px; background:#fff; margin-left:0px}*/
#Inner_cand .tit_search{background:url(head_search.gif) no-repeat; text-align:center;color:#FFFFFF; width:182px; line-height:30px;  font-weight:bold}
#Inner_cand div.results{border:0px solid brown}
#Inner_cand a{color:#2f7979}

/*####################### inner cand #########################*/

#Inner_cand  table {background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#Inner_cand th{padding:.5em;border:1px solid #fff; }

#Inner_cand td{padding:5px; text-align:center }
#Inner_cand .firsttd{ text-align:left }
/* tablecloth styles */

#Inner_cand tr.even td{background:#f5f8e9; vertical-align:top;height:5px;padding:5px;font-size: 10px;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #e9edf0}
#Inner_cand tr.odd td{background:#fff; vertical-align:top;height:5px;padding:5px;font-size: 10px;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #e9edf0}

#Inner_cand th.over, tr.even th.over, tr.odd th.over{background:#4a98af;border-bottom:1px solid #e9edf0}
#Inner_cand th.down, tr.even th.down, tr.odd th.down{background:#bce774;border-bottom:1px solid #e9edf0}
#Inner_cand th.selected, tr.even th.selected, tr.odd th.selected{}

/*#Inner_cand td.over, tr.even td.over, tr.odd td.over{background:#dceeee}*/
#Inner_cand td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
#Inner_cand td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
/*#Inner_cand td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}
*/


/*####################### inner prod tablecloth styles#########################*/
/*####################### inner cand #########################*/

#Inner_prod  table {background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#Inner_prod th{padding:.5em;border:1px solid #fff; }

#Inner_prod td{padding:5px; }
/* tablecloth styles */

#Inner_prod tr.even td{background:#f9d3ea; vertical-align:top;height:5px;padding:5px;font-size: 10px;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #e9edf0}
#Inner_prod tr.odd td{background:#fff; vertical-align:top;height:5px;padding:5px;font-size: 10px;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #e9edf0}

/*#Inner_prod th.over, tr.even th.over, tr.odd th.over{background:#4a98af;border-bottom:1px solid #e9edf0}
#Inner_prod th.down, tr.even th.down, tr.odd th.down{background:#bce774;border-bottom:1px solid #e9edf0}
#Inner_prod th.selected, tr.even th.selected, tr.odd th.selected{}*/

/*#Inner_prod td.over, tr.even td.over, tr.odd td.over{background:#dceeee}*/
/*#Inner_prod td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
#Inner_prod td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}*/

/* use this if you want to apply different styleing to empty table cells*/
/*#Inner_prod td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}*/

#Inner_prod thead{ font-size: 9px;}


/**********************  view post //////////////////////////////////////  min-height:163px;//////*/
fieldset {border: none; }
.search_advanceBox {background:#fbfbfb;
display:block;
font-size:12px;
margin:0 0 10px;
overflow:hidden;
padding:0;
width:607px;}

.search_advanceBox h1{background:url(../images/bgsearch_h.jpg) repeat-x;text-align:center; line-height:32px;color:#FFFFFF; margin-bottom:10px}
.search_advanceBox  p{padding:5px 0px 10px 0px;margin-bottom:5px; font-size:11px;background:#eeeeee url(../images/bgd_line_form.gif) no-repeat scroll 0 100%;}

/*border-bottom:1px dotted #CCCCCC; background:#eeeeee;
width:100%;
clear:left;
font-weight:bold;
margin:0 1px;
padding:5px 0;
text-transform:capitalize;*/
.search_advanceBox  legend{/*color:#276868;*/font-weight:bold;border:0px;}
.search_advanceBox  label{display:block;color:#000; width:300px;float:left; margin-right:5px;}
.search_advanceBox fieldest{
display:block;
margin:0 0 15px;
padding:0 0 15px;
width:600px;}
.search_advanceBox select{min-width:200px;}
.search_advanceBox ul{ list-style-type: none}

.tit_rescv{ font-size:14px;font-weight: bold; color:#000; margin:5px}
.res_cv{ background:#f0f2f9; border-bottom:2px solid #69829c; margin-bottom:10px; color:#39618b}
.act_rec {background:#69829c;margin-top:5px}
.res_cv a{color:#FFFFFF; font-weight:bold; width:90%}

/* user info */
.login_info {float:right; line-height:36px; border:1px solid red}
.login_info p.left{background:url(../images/left.gif) postion left;float:left; border:1px solid green;width:11px}
.login_info p.center{background:url(../images/center.gif)repeat;}
.login_info p.right{background:url(../images/right.gif) postion center;float: right;width:7px}
/* end info*/

/* logged user */
.logged_user {float:right; line-height:22px; margin:0px; padding:0px; font-size:10px}
/*.logged_user p.left_connected{background:url(../images/left_log_user.gif)no-repeat;width:11px;line-height:22px;  float:left; border:1px solid blue; }*/
.logged_user img{float:left} 
.logged_user p.name_connected{background:url(../images/bg_log_user.gif); float:left;line-height:22px; color:#000 }
.logged_user p.disconect{background:url(../images/right_log_user.gif) no-repeat;width:111px;float:left; }
.logged_user a{color:#3a7aa6;padding-left:11px}

/*end logged user*/
/*class bouton */
.butt_cand { font-weight:bold; }
.butt_cand p{ margin:0px; padding:0px;line-height:17px;}
.butt_cand p.left{background:url(../images/buttons/rght_buttoncnd.gif) no-repeat; float:left; min-width:10px;}
.butt_cand p.midtxt{background:url(../images/buttons/rght_buttoncnd_bg.gif); float:left;}
.butt_cand p.right{background:url(../images/buttons/rght_buttoncnd_end.gif) no-repeat;float:left; width:6px;}
/*class bouton end*/

.a_del a{padding-left }

/*  connected user*/

.name_conct { background:url(../images/bg_name_conect.gif) no-repeat; width:214px; font-size:11px; line-height:15px; color: #009900; font-weight:bold; margin-bottom:4px; text-align:center}
/*  end connected user*/


/* user homes conntent */

.box_rec{ width:217px;float:left; margin: 10px 0px 0px 5px}
.box_rec h3{ font-size: 14px; background:url(../images/tabs/home_rec_h_b.gif) no-repeat; line-height:38px;width:217px;text-align: center; color:#822035}
.box_rec a{color:#822035}


.box_cand { width:217px; border:0px solid red; float:left; margin: 10px 0px 0px 5px}
.box_cand h3{ font-size: 14px; background:url(../images/tabs/home_can_h_b.gif) no-repeat; line-height:38px;width:217px;text-align: center; /*color:#822035*/}
.box_cand a{color:#822035} 


.box_content{ max-width:214px;  background:url(../images/home_user_bg.gif); border-left:2px solid #ebeef3; border-right:2px solid #ebeef3; min-height:80px; color: #000000}
.bot_curve { width:217px;background:url(../images/tabs/home_rec_f_b.gif) no-repeat; height:8px;}

.box_content p{text-align:center}

/* candidate profil*/

.top_cur_prof { width:665px;_width:640px; background:url(../images/v_prof_curv_top.gif) no-repeat; height:9px;}
.bot_cur_prof { width:665px;_width:640px; background:url(../images/v_prof_curv_bot.gif) no-repeat; height:9px; }
.user_prof {width:665px;_width:640px; background:url(../images/v_prof_curv_bg.gif) repeat-y;padding:5px}
.user_prof h1  {width:665px; _width:640px; background:url(../images/v_prof_curv_tit.gif) no-repeat; line-height:30px; color: #49546c; padding-left:25px; margin-bottom:10px}
.h1_head {width:665px; _width:640px; background:url(../images/v_prof_curv_tit.gif) no-repeat; line-height:30px; color: #49546c; padding-left:25px; margin-bottom:10px}
.user_prof  li{margin:5px}
.user_prof  select{min-width:20px}
.error{color:#d00707; font-style:italic; font-weight:bold}



/***************** shopping cart */
.centeration{ margin:0 auto;}

.shopping_cart_border_right{
border-right:1px solid #000; 
height:22px
}
.shopping_cart_border_left{
border-left:1px solid #000; 
height:22px;
}
.shopping_cart_border_bottom{
border-bottom:1px solid #000
}
.shopping_cart_steps{ 
color:#c1120c;
}
.warning{ background: #f9ecef; border:2px solid #e2a9b4;  width:80% ; margin: 5px}
.warning h2{ font-size: 14px; font-style:italic; background: none}
.warning ul{ list-style-type: square; padding-left:15px}
.warning li{ color: #9e364a}

.jTip{
cursor:help;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/* customized forms*/

.contact label{
	max-width:85px;
	Width: expression( this.scrollWidth > 85 ? "85px" : "auto" ); /* sets min-witdth for IE */}
.contact input{
	max-width:150px;
	Width: expression( this.scrollWidth > 150? "150px" : "auto" ); }
.contact textarea{
	max-width:200px;
	Width: expression( this.scrollWidth > 200 "200px" : "auto" ); }