@import url("layout.css");
/*#############General##############*/


/*#########################Content###############################*/
#Content{
	  background:url(../images/bg-content.gif) top no-repeat;
	  padding-top:35px;
	  padding-bottom:25px; 
        }
		
/************Right section**************/
#Content #RightNav{ 
       float:right !important;  
	   width:245px;
	   }

	   
#Content #RightNav .Publicite {
       width:236px; 
       background: url(../images/gradiant4.gif) top repeat-x;
	   } 

#Content #RightNav .Publicite .Header{
		background:#fff url(../images/bg-publicite.gif) no-repeat left bottom;
		float:right; 
		margin:0; 
		padding:0 0 0 10px;
		position:relative;
		top:-8px;
		right:-4px;
        }

#Content #RightNav .Espace{
       width:236px; 
	   background:url(../images/gradiant3.gif) bottom repeat-x
	   } 

#Content #RightNav .Espace h4{
 font-size:14px;
 font-weight:bold
		} 	    

#Content #RightNav .Espace label {
	  display: block;
	  float: left;
	  padding: 3px 0px;
	  margin: 4 0 5px 0;
	  text-align: left;
	  color:#fff;
	  font-weight:bold;
	  width:90px;
	  text-align:right;
        }
#Content #RightNav .Espace .Forma1{
		width:100px;
		margin-left:2px; 
		margin-bottom:5px;   
		float:left;
		}


#Content #RightNav .Espace .Forma1  input{ 
		font-size:8pt; 
		color:#969799;
		margin-bottom:3px;
		width:100px;

        }
/************************/
#Content #RightNav .Newsletter{
       width:236px; 
	   background:url(../images/gradiant5.gif) top repeat-x
	   } 

#Content #RightNav .Newsletter h4{
 font-size:14px;
 font-weight:bold
		} 	    

#Content #RightNav .Newsletter label {
	  display: block;
	  float: left;
	  padding: 3px 0px;
	  margin: 4 0 5px 0;
	  text-align: left;
	  color:#fff;
	  font-weight:bold;
	  width:90px;
	  text-align:right;
        }
#Content #RightNav .Newsletter .Forma1{
		width:100px;
		margin-left:2px; 
		margin-bottom:5px;   
		float:left;
		}


#Content #RightNav .Newsletter .Forma1  input{ 
		font-size:8pt; 
		color:#969799;
		margin-bottom:3px;
		width:100px;

        }

	   
	   
/************* Inner content*************/	   
#Content #Inner{
       float:left; 
	   width:680px;
	   padding-left:16px;
	    }

	   
#Content #Inner .TableContainer{
       width:675px;
	   background:#f5f5f5;
	   }

/*********************************************/
#Content #Inner .TableContainer	.TopHeader{
		float:left;
		width:40%;
		line-height:40px;
		position:relative; top:-25px;
        }

#Content #Inner .TableContainer	.TopHeader a{
		background:url(../images/bg-header-table-left.png) no-repeat left top;
        }

#Content #Inner .TableContainer	.TopHeader a span{
		background:url(../images/bg-header-table-right.png) no-repeat right top;
		font-size:16px;
        }

#Content #Inner .TableContainer	.TopHeaderText{
		float:right;
		width:60%;
		line-height:19px;
		position:relative; top:-20px;
         }

#Content #Inner .TableContainer	.TopHeaderText a{
          background:url(../images/bg-header-table-text-left.png) no-repeat left top;

         }

#Content #Inner .TableContainer	.TopHeaderText a span{
		background:url(../images/bg-header-table-text-right.png) no-repeat right top;
		font-size:11px;
        }
#Content #Inner .TableContainer	.TopHeader ul, .TopHeaderText ul{
		list-style-type: none;
		margin-left: 5px; /*Left offset of entire tab menu relative to page*/
}
#Content #Inner .TableContainer	.TopHeader li, .TopHeaderText li{display:inline;}
#Content #Inner .TableContainer	.TopHeader a, .TopHeaderText a{
        float:left;
		margin:0;
		margin-right: 5px; /*spacing between each tab*/
		padding:0 0 0 9px;
		text-decoration:none;
}

#Content #Inner .TableContainer	.TopHeader a span, .TopHeaderText a span{
		float:left;
		display:block; padding: 0px 12px 3px 3px;
		font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Content #Inner .TableContainer	.TopHeaderText a span, .TopHeader a span {float:none;}
/* End IE5-Mac hack */



#Content #Inner .TableContainer .ArroundTable{
        position:relative; 
		top:-45px; 
		width:650px; 
		margin:0 auto;
		}

.tr1 table {
        text-align: left;
		font-size: 11px;
		font-family: verdana;
		}
			
 table thead tr{
        text-align:center;
		background:url(../images/gradiant-table-th.gif) repeat-x; 
		}
.tr1 table thead tr th {
        height:26px;
		padding:0 5px;
		/*color:#1c7f7f;*/
		}
.tr1 table thead tr th.first{
        background:url(../images/bg-table-th-left.png) left no-repeat;
		width:13px;
		padding:0;
		}
.tr1 table thead tr th.last{
        background:url(../images/bg-table-th-right.png) right no-repeat;
		width:13px;
		padding:0;
		}
.tr1 table tbody tr  {
        background:#fff; 
		border-top:5px solid #f5f5f5; 
		/*font-family:"Arial,Helvetica,sans-serif";*/ 
		}
.TableContainer  table tbody tr td {
		border-bottom:4px solid #f5f5f5;
		height:50px;
		padding:0 5px;
		text-align:center;
		font-size:10px;
		font-weight:bold;
			}
.tr1 table tbody tr td.first{
        background:url(../images/bg-table-tr-left.gif) left no-repeat; 
		padding:0;
		
		} 
.tr1 table tbody tr td.last{
        background:url(../images/bg-table-tr-right.gif) left no-repeat; 
		padding:0;
		width:13px;
		} 


/*********************************************/ 
#Content #Inner .TallenetAlerteIls{ 
		width:390px; 
		float:right; 
       }
#Content #Inner .TallenetAlerteIls div{ 
        width:215px; 
		float:left;
		}
	
#Content #Inner .SearchBox{
       float:left; 
	   width:270px;
	   background:url(../images/bg-search-box.gif) no-repeat  top ;
	   padding-bottom:0px;
	   
	   }	
#Content #Inner .SearchBox .Inner{
        padding-top:30px;
		padding-left:10px;
		}
 #Content #Inner .SearchBox .Inner h4{
 font-size:14px;
 font-weight:bold
		} 
#Content #Inner .SearchBox .Inner img{ margin-left:5px;}
#Content #Inner .SearchBox .Inner input, select{
        font-size:8pt;
		color:#5F5F5F;
		margin-bottom:8px;
		}
#Content #Inner .SearchBox .Inner input.img{
         margin:0 auto; 
		 display:block
		 }	 


#Content #Inner .ToutEntreprise{ 
         width:325px; 
		 background: url(../images/gradiant2.gif) no-repeat right bottom; 
		 font-size:8pt;
		 }
		 
#Content #Inner .ToutEntreprise h4{
          background: url(../images/rightcurve-h3.gif) right no-repeat;
		  line-height:23px; font-size:10pt; 
		  }
#Content #Inner .ToutEntreprise h4 span{
          background: url(../images/leftcurve-h3.gif) left no-repeat;
		  display:block; 
		  padding-left:10px;
		  }


#Content #Inner .ToutEntreprise img{margin:3px;}
#Content #Inner .ToutEntreprise a{text-decoration:underline; } 
#Content #Inner .ToutEntreprise a:hover{text-decoration:none;} 

#Content #Inner .ToutEntreprise ul.PinkList, ul.OrangeList{margin-left:5px;}
#Content #Inner .ToutEntreprise ul.PinkList li {
          background: url(../images/bullet-pink.png) no-repeat left center;
		  }
#Content #Inner .ToutEntreprise ul.OrangeList li {
          background: url(../images/bullet-orange.png) no-repeat left center;
		
		  }
#Content #Inner .ToutEntreprise ul.PinkList li, ul.OrangeList li{padding:1px 4px 1px 15px;}

ul.PinkList li a, ul.PinkList li a:hover, ul.OrangeList li a, ul.OrangeList li a:hover{
           color:#545454
		   }

.roudcontainer1{
       width:675px;
	   background:url(../images/gradiant1.gif) bottom repeat-x;
	   color:#434343;
       }

.roudcontainer1  h4{font-size:10pt; padding-left:10px;}
.roudcontainer1 div{font-size:9pt; margin-bottom:5px;}
.roudcontainer1 div a{color:#434343; text-decoration:underline;}
.roudcontainer1 div a:hover{color:#434343; text-decoration:none}
.roudcontainer1 .ServiceTab{background: url(../images/grey-tab.png) no-repeat ;  line-height:28px; }
.t1 {background: url(../images/dot.gif) 0 0 repeat-x;  }
.b1 {background: url(../images/dot.gif) 0 100% repeat-x}
.l1 {background: url(../images/dot.gif) 0 0 repeat-y}
.r1 {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl1 {background: url(../images/bl1.png) 0 100% no-repeat}
.br1 {background: url(../images/br1.png) 100% 100% no-repeat}
.tl1 {background: url(../images/tl1.png) 0 0 no-repeat}
.tr1 {background: url(../images/tr1.png) 100% 0 no-repeat; padding:10px}
/* page rec comp******************************************************/
.roudcontainer2{
       width:675px;
	   background:url(../images/gradiant1.gif) bottom repeat-x;
	   color:#434343;
       }
/*-----------------------------------------------------*/
.t2 {background: url(../images/dot2.gif) 0 0 repeat-x;  }
.b2 {background: url(../images/dot2.gif) 0 100% repeat-x}
.l2 {background: url(../images/dot2.gif) 0 0 repeat-y}
.r2 {background: url(../images/dot2.gif) 100% 0 repeat-y}
.bl2 {background: url(../images/bl1.png) 0 100% no-repeat}
.br2 {background: url(../images/br1.png) 100% 100% no-repeat}
.tl2 {background: url(../images/tl1.png) 0 0 no-repeat}
.tr2 {background: url(../images/tr1.png) 100% 0 no-repeat; padding:10px}

/***************************************************/
.BlueCurveContainer{ width:200px; float:left; margin-left:10px;}
.BlueCurveTop{background:url(../images/top-curve-green.gif) no-repeat bottom; height:7px;}
.BlueCurveBottom{background:url(../images/bottom-curve-green.png) no-repeat top; height:5px;}
/*.BlueCurveContent{ 
      border-right:1px solid #dde7e7; 
	  border-left:1px solid #dde7e7; 
	  background:url(../images/gradiantblue.gif) repeat-x bottom;
	  padding:0 5px;
	  }*/
.BlueCurveContent img{ border:1px solid #c5e3e3; margin:0 4px;}
.BlueCurveContent h4{font-size:14px; font-weight:bold;}
.BlueCurveContent p, h4{color:#3b7aa3; padding-left:4px;}
.BlueCurveContent ul{ margin-left:5px; font-size:12px; }
.BlueCurveContent ul li a{ text-decoration:underline; }
.BlueCurveContent ul li a:hover{ text-decoration:none }

.TitRecBlue{background:url(../images/buttons/bg_tit_rec_green.gif) no-repeat; width:210px;line-height:28px;color:#015656; font-weight:bold;font-size:14px; text-align:center}
/************************Pagination*************************/
.pagination{
padding: 1px;
}

.pagination ul{

text-align: left; /*Set to “right" to right align pagination interface*/
font-size: 12px;
font-weight:bold;
margin:0 auto;
width:85%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 2px;
border: 1px solid #fff;
text-decoration: none;
color: #015656;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #015656;
background-color: #a5c7e4;
}

.pagination a.currentpage{
background: url(../images/pagination.png) no-repeat;
color: #015656 !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{


cursor: default;
color: #015656;

font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;

}

/*en rec comp**********/

/**************************Scroll********************************/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/scroll2.png) no-repeat center;
	
}
.jScrollPaneDrag {
	position: absolute;

	cursor: pointer;
	height:100%;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: 3000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 20px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -3000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 20px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/*****************************************/
.holder {
     margin: 10px;
			
        }
.scroll-pane {
	  width: 200px;
	  overflow: auto;
				
				
		}
		
#pane2 {
		height: 210px;
		}
		
		
			
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.png) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -22px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.png) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -22px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -22px;
}

	
/*#######################Footer#########################*/

/*#################Colors###################*/
.DarkGreen, .DarkGreen a, .DarkGreen a:hover{ color:#1c7f7f;}
.Pink, .Pink a, .Pink a:hover{ color:#ae3854;}
.Orange, .Orange a, .Orange a:hover{ color:#e27a27;}
.DarkPink, .DarkPink a, .DarkPink a:hover{ color:#811358;}
.Black, .Black a, .Black a:hover{ color:#000;}
/*#################Colors###################*/
#Inner_cand {      
        float:left; 
	    width:675px;
	   margin:10px;
		
		border:00px 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
	    }
.search_box table td{      
    		background:#dceeee;
			padding:0px; margin:0 auto; 
			height:0px; 
	    }		
/*#Inner_cand	 input, select{ margin:2px; margin-left:0px; color:#000}
#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:#d3519e}
#Inner_cand  table {background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}*/
/*####################### posts #########################*/
.post_details {float:left;width:470px}
.post_details span{color:#276868; font-weight:bold}
.post_details h2{background:#f5f8e9;color:#276868; font-size: 18px; padding-left:5px}
.post_details ul{ background:#f1f1f1; padding-left:10px;margin-top:10px;}
/* ////////// recruter details/////////////////////*/
.rec_details {float:left; width:100%}
.rec_details span{color:#ac455d; font-weight:bold}
.rec_details h2{background:#fbf0f2;color:#ac455d; font-size: 18px; padding-left:5px}
.rec_details ul{ background:#fafafa; padding-left:10px;margin-top:10px; min-width:395px; max-width:400px; _width:400px}
.headlines{color:#000; margin-top:10px;margin-bottom: 5px; font-weight:bold; text-decoration:underline}
.description { text-align:justify; padding-left:4px}

.headlines{color:#000; margin-top:10px;margin-bottom: 5px; font-weight:bold; text-decoration:underline; font-size:14px; text-transform: uppercase}

.fiche {width:196px;min-height:268px;_min-height:268px;float:right;border:1px solid #e1e1e1; border-bottom:0px; background: #ededed url(../images/elem/bg_fiche.gif) 0% 10% repeat-x}
.fiche ul{ margin:10px 0px 0px 5px;padding-left:0px; min-height:163px}
.fiche span {color:#276868;}
.fiche img{margin:10px 30px 5px 30px}
.fiche p.tit_fiche{background:url(../images/elem/head_bg_fiche.gif);line-height:25px;border-bottom:1px solid #d8d8d8;text-align:center; font-size:12px; font-weight:bold}
.fiche p.tit_societe{color:#276868;text-align:center; font-weight:bold;margin-bottom:5px; text-transform: uppercase}
.fiche p.footer{background:#fff url(../images/elem/foot_bg_fiche.gif) no-repeat;height:12px;margin-top:0px; border:none}
.post_details div.actions{width:100%}
.actions input{ color:#FFFFFF}
/*####################### end posts #########################*/


/*###############################" breadcrumd#######################################*/ 

.breadcrb{font-size:10px; margin-left:15px}
.breadcrb a{margin-right:2px;color:#000}
.breadcrb a.home{background:url(../images/elem/home_icon.gif) no-repeat left;height:15px;padding-left:16px; }
.breadcrb a.disabled{color:grey}



.tp_menu_left_gr {background:url(../images/menu_h_gr.gif) no-repeat left; height:9px; width:158px; }
.bt_menu_left_gr {background:url(../images/menu_b_gr.gif) no-repeat left; height:9px; width:158px; }
.menu_left_gr {width:158px; border-left:1px solid #c3e2e2; border-right: 1px solid #c3e2e2}
.menu_left_gr p{margin:7px;}
.menu_left_gr li.tit{color: #2f9bbf}
.menu_left_gr li{color: #7e7e7e}
.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}