@charset "utf-8";
/* CSS Document */


.wrapper{width:882px;margin:0px auto;padding:50px 0px;}
.headerwrp{width:882px;background:url(../images/header-trans.png) no-repeat left top;padding:0px 0px 0px 0px}
.header{position:relative}
.topheader{width:882px;height:51px}
.container{background: #e5e5e5 url(../images/container-bg.jpg) repeat-x left top;width:821px;margin:0px auto;padding:25px 30px 25px 29px;overflow:hidden;display:block}
.contenttext{float:left;width:497px;padding:0px 19px 0px 0px}
.contenttextfull{float:left;width:730px;padding:0px 19px 0px 0px}
.contenttextfull li{font:normal 12px Arial, Helvetica, sans-serif;color:#646464}
.contenttextfull ul,p{font:normal 12px Arial, Helvetica, sans-serif;color:#646464}
.contenttextfull li li.active{font:normal 12px Arial, Helvetica, sans-serif;color:#646464; text-decoration:none}
h2.home{color:#646464;padding:0px 0px 12px 0px;}
.contenttext blockquote{padding:0px 0px 21px 0px;font:normal 16px Arial, Helvetica, sans-serif;color:#646464}
.logo{float:left;width:auto;position:relative}
.logo h1{position:absolute;top:-33px;left:-11px;}
.banner{width:880px;padding:0px 1px;}
.banner img{overflow:hidden;display:block}
.mainnav{width:880px;clear:both;height:48px;background:url(../images/menu.jpg) repeat-x left top;margin:0px auto}
.mainnav ul{text-align:center;}
.mainnav ul li{font:normal 13px "myriad Pro", arial, sans-serif;float:left;display:block;padding:17px 0px 0px 0px;background:url(../images/mainnavli-sep.gif) no-repeat left top;margin:0px 0px 0px 0px}
.mainnav ul li:hover{background:url(../images/mainli-hover.jpg) repeat-x right top;}
.mainnav ul li.active, .mainnav ul li:first-child.active{background:url(../images/mainli-hover.jpg) repeat-x left top;}
.mainnav ul li:hover a, .mainnav ul li.active a{background:url(../images/mainnava-hover.gif) no-repeat center 27px;text-decoration:none;color:#0c567a}
.mainnav ul li a span{background:url(../images/mainnavli-sep.gif) no-repeat left top;padding:17px 9px 13px 9px}
.mainnav ul li a span.first{background:none}
.mainnav ul li:first-child{background:none}
.mainnav ul li:first-child:hover{background:url(../images/mainli-hover.jpg) repeat-x left top;}
.mainnav ul li a{color:#757373;padding:0px 0px 13px 0px;display:block}

ul.langnav{float:right;padding:20px 12px 0px 0px;width:auto;margin:0px 0px 0px 0px}
ul.langnav li{float:left;background:url(../images/lang-sep.gif) no-repeat left 2px;font:normal 15px "myriad Pro", arial, sans-serif;padding:0px 10px 12px 10px}
ul.langnav li a{color:#9d9d9d}
ul.langnav li a:hover, ul.langnav li a.active{color:#838383}
ul.langnav li:first-child{background:none}

.rightpanel{float:right;width:304px;padding:6px 0px 0px 0px;}
.rightblock{width:304px;background:url(../images/rightp-bg.jpg) repeat-y  right top;overflow:hidden;display:block;margin:0px 0px 0px 0px;}
.rightblocktp{width:304px;background:url(../images/rightp-tp.jpg) no-repeat right top;overflow:hidden;display:block;}
.rightblockcont{width:304px;background:url(../images/rightp-bt.jpg) no-repeat right bottom;overflow:hidden;display:block;padding:14px 0px;}
.rightblockcont h3{width:258px;background:#539ab5;padding:5px 0px 5px 30px;font-weight:normal;color:#f9f9f9;}
.righttext { padding:13px 17px 0px 22px;}
.righttext p{padding:0px 0px 0px 0px;}
.righttext p ul li{font-size:12px; color:#646464}
.righttext span{color:#818181;font-weight:16px;padding:0px 0px 3px 0px;overflow:hidden;display:block}
.details{background:url(../images/arrowblue-trans.png) no-repeat left center;padding:0px 0px 5px 22px;float:right;_line-height:13px;}
.details a{color:#327d98;font-size:11px;}
.jobsbtn{width:247px;clear:both;padding:74px 0px 0px 5px}
.jobsbtn a{background:url(../images/jobs-btn.jpg) no-repeat left top; height:34px;display:block}
.jobsbtn a:hover{background:url(../images/jobs-btn-hover.jpg) no-repeat left top;}
.jobsbtn a span{display:none}
.teamleft{float:left;width:329px;padding:0px 20px 0px 0px}
.teamleft p{color:#717171;font-size:13px;padding:0px 0px 10px 0px}
.teamright{float:left;width:465px;}
/*
.teamright ul{background:url(../images/blue-bdr.jpg) repeat-y left top;}
*/
.teamright ul li{padding:3px 0px 8px 14px;overflow:hidden;font:bold 12px Arial, Helvetica, sans-serif;margin:0px;line-height:normal}
.teamright ul li{padding:3px 0px 0px 14px;}
.teamright ul li a{color:#81817c;margin:0px;padding:0px;}
/*
.teamright ul ul{background:url(../images/grey-bdr.jpg) repeat-y left top;margin:8px 0px 0px 0px;padding:2px 0px 0px 0px}
*/
.teamright ul ul{
	padding-left:20px;
	padding-top:4px;
}
/*
.teamright ul ul li{background:url(../images/grey-bullet.gif) no-repeat left top;padding:0px 0px 5px 14px}
*/
.teamright ul ul li a{font-weight:normal;margin:-3px 0px 0px 0px;display:block}
.tabpanel{ clear:both;width:820px;}
.leftframe{float:left;width:172px; background:url(../images/teamframe-trans.png) no-repeat left top;height:267px;margin:7px 0px 0px 0px;padding:7px 0px 0px 7px}
.leftframe img{width:163px;height:259px;}

#menu {
	float:left;
	width:100%;
	background:#efefef;
	font-size:93%;
	line-height:normal;
	
	}
#ts_tabmenu ul {
	margin:0;
	padding:10px 10px 0 24px;
	list-style:none;
	background:url(../images/tab-bdr.jpg) no-repeat left 38px;
	
	overflow:hidden;
	display:block;
	height:29px;
	
	}
#ts_tabmenu li {
	display:inline;
	margin:0;
	padding:5px 0px 0px 0px;
	
	}
	

#ts_tabmenu a {
	float:left;
	background:url(../images/tableftF.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	margin:0px 6px 0px 0px;
	text-decoration:none;
	}
#ts_tabmenu a span {
	float:left;
	display:block;
	background:url(../images/tabrightF.gif) no-repeat right top;
	padding:8px 15px 8px 6px;
	color:#666;
	font-size:12px;
	color:#bcbcbc;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ts_tabmenu a span {float:none;}
/* End IE5-Mac hack */
#ts_tabmenu a:hover span {color:#348daf;padding:8px 15px 9px 6px;}
#ts_tabmenu a.active{padding:0px 0px 12px 6px;}
#ts_tabmenu a.active span{padding:8px 10px 11px 6px;}
#ts_tabmenu a:hover, #ts_tabmenu a.active{background-position:0% -30px;}
#ts_tabmenu a:hover span, #ts_tabmenu a.active span {background-position:100% -30px;color:#348daf;}

/*-----------------------------Page-type2 TAB----------------------------*/

	#ts_tabmenu {
	padding:0;
	float:left;
	width:638px;
	
	
	}

	.content{ clear:both; width:auto; padding:30px; overflow:hidden}
	.content p{ padding-bottom:10px; font-size:13px; color:#818181}
	.content ul.tablst{ width:440px;}
	.content ul.tablst li{ width:440px; margin:0; padding:0; list-style:none; background:url(../images/dot.gif) no-repeat left 6px;  padding-left:8px; line-height: 18px; float:left!important; clear:both }			
				
	
	/*page offres*/
	
.containeroffers{background:#fff;width:820px;margin:0px auto;padding:29px 30px;overflow:hidden;display:block}

.offresleft{width:330px;float:left}
.offresleft ul{}
.offresleft ul li{font:bold 13px Arial, Helvetica, sans-serif;/*border-bottom:1px solid #dcdcdc;*/padding:4px 0px 3px 8px;width:322px;background:url(../images/offress-li.gif) no-repeat left bottom;color:#646464}
.offresleft ul li:hover{background:url(../images/offresslihover-trans.png) no-repeat left center;border:0px;padding:4px 0px 3px 8px}
.offresleft ul li a{color:#646464}
.offresleft ul li a.zero{font-weight:normal}
.offresleft ul.child{margin:0px 0px 0px 30px;list-style:decimal}
.offresleft ul.child li{padding:4px 0px 3px 0px;width:289px}
.offresleft ul.child li:hover{background:none}


.offresright{width:466px;float:right}
.offresright h2{font:normal 16px Arial, Helvetica, sans-serif;padding:0px;color:#b5b5b5;}
.offresright span.updates{color:#b5b5b5;font-size:12px;}
.offresright ul{width:466px;padding:20px 0px 0px 0px;list-style-type:decimal}	
.offresright ul li{font:bold 12px Arial, Helvetica, sans-serif;color:#646464;padding:5px 11px 4px 14px;overflow:hidden;display:block; list-style:decimal-leading-zero}
.offresright ul li.grey{background:#f2f2f2;}
.offresright ul li a{float:left;color:#646464;width:360px;}
.offresright ul li a ins{font-weight:normal !important;text-decoration:none}
.offresright ul li a strong{font-weight:normal}
.offresright ul li span{float:right;font-weight:normal}

	/**/
	
.footerwrp{width:851px;clear:both;background:url(../images/footer.jpg) no-repeat left top;height:27px;padding:6px 14px 0px 18px;}
.footerwrp p{float:left;font-size:11px;}
.footerwrp p a{color:#818181}
.footerwrp p.designby{float:right}
.erreur {
	font-size: 12px;
	color: #FF0000;
}
