@charset "utf-8";
/* CSS Document */

/*-----------index.htm-------------*/
.index_htm #maincontent .left{ float:left; width:576px; padding-left:20px;}
#video{ height:370px; width:560px;}

#consulting{ float:left; height:216px; width:110px; margin-top:19px; background:url(../images/consulting.jpg) no-repeat; padding-top:15px;}
#engineering{ float:left; height:216px; width:114px; margin-top:19px; background:url(../images/engineering.jpg) no-repeat;padding-top:15px;}
#assistance{ float:left; height:216px; width:110px; margin-top:19px; background:url(../images/assistance.jpg) no-repeat; padding-top:15px;}
.five{ font-weight:bold; display:block; text-align:center; background:url(../images/line_foot_bg.jpg) no-repeat bottom; padding-bottom:2px; }

#training{ float:left; height:216px; width:113px; margin-top:19px; background:url(../images/training.jpg) no-repeat;padding-top:15px;}
#accommodation{ float:left; height:216px; width:123px; margin-top:19px; background:url(../images/accommodation.jpg) no-repeat;padding-top:15px;}


.index_htm #maincontent .right{ float:left;}
.index_htm #maincontent .right .news{ margin-top:5px; height:183px;}
.index_htm #maincontent .right .news .title{ width:350px; height:23px; background:url(../images/news_title_bg.jpg) no-repeat left top; padding-left:10px; line-height:23px; color:#FFF; font-size:11px; font-weight:bold;}
.index_htm #maincontent .right .news .new_content{ width:320px; background:url(../images/news_content_bg.jpg) no-repeat top; padding-top:12px; padding-left:20px; padding-right:20px; line-height:15px;}
.index_htm #maincontent .right .news .new_content h2{ font-size:14px; font-weight:bold;}
.more{ color:#5374A6; text-decoration:underline;}
.news_foot, .news_foot a{ font-size:10px;}

.index_htm #maincontent .clients{ margin-top:15px; background:url(../images/clients_bg.jpg) no-repeat top left; height:120px;}
.index_htm #maincontent .clients .title{ height:23px; width:350px; padding-left:10px; background:url(../images/client_title_bg.jpg) no-repeat top; line-height: 23px; font-size:11px; font-weight:bold;}
.index_htm #maincontent .clients .clients_content{ height:80px; width:280px; margin-left:40px; margin-top:10px;}

.blog{ margin-top:16px;}
.blog .title{ height:23px; background:url(../images/blog_title_bg.jpg) no-repeat top left; padding-left:10px; font-size:11px; font-weight:bold; line-height:23px;width:350px;}
.blog .content{ width:320px; background:url(../images/news_content_bg.jpg) no-repeat top; padding-top:12px; padding-left:20px; padding-right:20px; line-height:15px;+line-height:14px;}
.blog h2{ font-size:14px; font-weight:bold;}
.blog_line{ background:url(../images/blog_content_line.jpg) no-repeat center; height:20px;}

/*------------for article----------------*/
#article #maincontent .left{ float:left; width:231px; padding-left:14px;}
#article #maincontent .left #left_menu .menu_mid{ width:212px; background:url(../images/left_menu_mid_bg.jpg) repeat-y;}
#article #maincontent .left #left_menu .menu_mid ul{ display:block;}
#article #maincontent .left #left_menu .menu_mid ul li{ display:block; height:25px; line-height:25px; background:url(../images/left_menu_li_bg_line.jpg) no-repeat bottom center;}
#article #maincontent .left #left_menu .menu_mid ul li a{ display:block; background:url(../images/left_menu_normal_bg.jpg) no-repeat 7px 7px; padding-left:25px;}
#article #maincontent .left #left_menu .menu_mid ul li .active{ display:block; background: url(../images/left_menu_active_bg.jpg) no-repeat 7px 7px; padding-left:25px; }

#article #maincontent .left #left_second .menu_mid{ width:192px; background:url(../images/left_menu_mid_bg.jpg) repeat-y; padding:0 10px;line-height:16px;}
#article #maincontent .left #left_second .menu_mid h2{ color:#5374A6;font-weight:bold; display:block; height:40px; line-height:40px;}
#article #maincontent .left #left_second .menu_mid ul li {background:url(../images/engagement.png) 0px 1px no-repeat;
	padding-left:18px;
}

#article #maincontent .mid{ float:left;width:495px; }
#article #maincontent .mid h2{
	color:#5374A6;
	font-size:14px;
	font-weight:bold;
	display:block;
	height:20px;
	line-height:20px;
	margin-bottom: 1em;
	margin-top:1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ced2d2;
}
#article #maincontent .mid .banner{ width:495px; height:200px;}

#article #maincontent .mid_content{ width:495px; line-height:20px; padding-bottom:15px;}
#article #maincontent .mid_content li{
	background:url(../images/arr-bleu.jpg) 0px 6px no-repeat;
	padding-left:25px;
	margin-left: 30px;
}
#article #maincontent .mid_content .colonetab {
	color:#5374A6;
	font-weight: bold;
}

#article #maincontent .mid_content table  {
   height:auto;
   padding-top:2px;
   padding-bottom:2px;
   border-spacing: 5px;
}

#article #maincontent .mid_content .project_mid {
   height:auto;
}
#article #maincontent .mid_content .project_mid input {
	border-width:1px;
	border-style:solid; 
	border-color:#5374A6;
	padding-left:5px;
   border-spacing: 5px;
   width: 100%;
}

#article #maincontent .mid_content .project_mid textarea {
	border-width:1px;
	border-style:solid; 
	border-color:#5374A6;
	padding-left:5px;
   border-spacing: 5px;
   width: 100%;
}

#article #maincontent .mid_content a {
	text-decoration: underline;
}


#article #maincontent .right{ float:left; padding-left:17px;}
#article #maincontent .right .project{ width:190px; height:193px; background:url(../images/project_bg.jpg) no-repeat; padding-top:10px; padding-left:10px;}
#article #maincontent .right .project .project_top{ height:73px; line-height:20px;}
#article #maincontent .right .project .project_top h2{ font-size:15px; font-weight:bold;}
#article #maincontent .right .project .project_mid{ height:34px;}
#article #maincontent .right .project .project_mid input{ width:180px; height:35px; border:none; background:url(../images/project_text_bg.jpg) no-repeat; padding-left:5px;}
#article #maincontent .right .project .project_foot{ height:34px;}
#article #maincontent .right .project .project_foot input{ width:180px; height:22px; border:none; background:url(../images/project_text_bg.jpg) no-repeat; padding-left:5px;}
#article #maincontent .right .project .send{text-align:right; padding-right:5px; }
#article #maincontent .right .project .send a{font-size:13px; color:#5374A6;}

.box_bg{position:relative;background:url(../images/bg_box.gif) repeat-y; padding:0 1px; }
.box_top{height:7px; width:202px; background:url(../images/box_top.jpg) #fff no-repeat top ;}
.box_btm{height:5px; width:202px; background:url(../images/box_btm.jpg) #fff no-repeat top ;}
.box_content{background:url(../images/bg_content.jpg) repeat-x center bottom ;  width:180px;  padding:0 10px 10px 10px; min-height:90px; _height:90px;}