html {width:100%;height:100%;padding:0;margin:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px; width:100%; height:100%}
img {border:0;}
input {border:1px solid #D8D8D8}
.after {clear:both;content:".";display:block;height:0;visibility:hidden;}
a{outline: none; text-decoration:none; cursor:pointer}
h2{font-size:18px; color:#33336e; font-weight:normal; border-bottom:1px solid #0c9548; padding-bottom:3px;}
h2 a{color:#33336e;}
h2 span{color:#0c9548;}
a:active{outline: none;}
.floatLeft {float:left;}
.floatRight {float:right;}
.viewdiv {display:block}
.hidediv{display:none}
.bordertest {border:#000000 solid 1px;}
.bordernone{border:none;}
.FullWidth{ width:100%}
#main{ width:100%; height:800px;background-image:url(../images/bg_site.jpg); background-position:left top}
#mainLeft{ width:1000px; float:left; height:800px;}
#header{ width:1000px; height:98px;}
#logo{padding-left:65px; padding-top:31px; width:262px}
#beside_logo{width:673px}
.menu_top{ float:right; padding-top:15px; padding-right:50px}
.menu_top ul{ float:left}
.menu_top ul li{ float:left; list-style:none}
.menu_top ul li a{ color:#33336e; display:block; border-right:1px solid #33336e; padding-left:10px; padding-right:10px; font-weight:bold}
.menu_top ul li.first a{ padding-left:0}
.menu_top ul li.last a{ border-right:0; padding-right:0}
.menu{ margin-left:15px; margin-top:7px}
.menu ul{ float:left}
.menu ul li{ float:left; list-style:none}
.menu ul li a{ color:#3a3a3a; display:block;padding-left:15px; padding-right:15px; font-size:18px}
.menu ul li a:hover{ color:#10964a;}
.menu ul li.first a{ padding-left:0}
.menu ul li.last a{padding-right:0}

#under_header{width:1000px; height:72px}
.toll_word{font-size:13px; font-weight:bold; color:#ffffff;}
.contact_word_home{font-size:13px; font-weight:bold; color:#ffffff}
.reserve_under_header{padding-top:25px;padding-right:7px}
.body_site{width:973px; height:455px; padding-left:27px; }
.footer{padding-left:10px; padding-top:3px; float:left; height:150px}
.branche_footer{ width:230px; height:150px}
.slides_container {
width:230px;
display:none;
}

/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container div {
width:230px;
height:120px;
display:block;
margin-top:5px;
}

/*
Optional:
Reset list default style
*/
.pagination {
list-style:none;
padding:0;
margin-top:-141px;
margin-left:120px;
width:65px;
}
.pagination li {
float:left; 
}
.pagination li a {
width:16px;
text-align:center; 
color:#fff;
display:block;
}
/*
Optional:
Show the current slide in the pagination
*/
.pagination .current a {
background:#fff;
color:#33336e;
}
.slideshow {width:193px; height:97px; margin-left:24px;margin-top:16px}
.data_branche{height:60px; display:block; color:#fff}
.data_branche a{color:#0c9548; font-weight:bold; font-size:10px}
.link_branceh{display:block; margin-top:4px}
.title_footer_sec{color:#FFF; font-size:17px}
.title_footer_sec a{color:#FFF;}
.offer_footer{margin-left:68px; width:220px}
.news_footer{margin-left:35px; width:190px}
.data_news_footer{margin-top:10px; color:#fff}
.data_news_footer a{color:#33336e; font-weight:bold; font-size:10px}
.social_footer{margin-left:60px;}
.social_logo{margin-right:10px}
.copyRight{color:#fff; font-size:11px; padding-top:6px; padding-left:50px; float:left}
.byDow{margin-right:50px}
.logo_dow{padding-top:4px}
#dowgroup{padding-top:6px; margin-left:3px; font-size:11px;color:#317bbf}
#dowgroup a{ color:#317bbf}
.menu_left{width:235px; height:340px; border-right:1px solid #e2e3e2}
.menu_left ul{list-style:none}
.menu_left ul li{ width:232px; background:url(../images/li_menu.png) bottom left no-repeat; margin-top:10px; padding-bottom:4px}
.menu_left ul li.first{ margin-top:3px}
.menu_left ul li a{ font-size:13px; color:#33336e}
.data_site{width:710px;padding-left:25px; color:#121212}
.data_news{width:900px; border-bottom:1px solid #e2e3e2; padding-top:10px; float:left; padding-bottom:10px}
.img_news{height:85px; width:130px;text-align:center}
.cote_img_news{height:85px; width:750px; margin-left:15px;}
.tit_news a{ color:#33336e; font-size:13px; font-weight:bold}
.desc_news{margin-top:5px}
.desc_news a{ color:#0c9548; font-weight:bold; font-size:10px}
.pagination_news{margin-left:40px; margin-top:5px; width:900px;padding-bottom:5px; text-align:center}
.desc_dynamic{margin-top:10px; margin-bottom:10px}
.desc_dynamic a{color:#0C9548;font-size:10px;font-weight:bold;}
.branche_map{float:left; width:325px; height:200px; margin-top:12px; margin-left:40px}
.data_fleet{ padding-top:10px; padding-bottom:10px; width:690px;border-bottom:1px solid #e2e3e2; }
.img_fleet{height:85px; width:130px;text-align:center}
.cote_img_fleet{height:85px; width:545px; margin-left:15px;}
.tit_fleet a{ color:#33336e; font-size:13px; font-weight:bold}
.desc_fleet{margin-top:5px}
.desc_fleet a{ color:#0c9548; font-weight:bold; font-size:10px}
.input_search{height:14px; border:1px solid #8a8a8a; float:left; background:none; font-size:11px; width:155px}
.submit_search{background:url(../images/search.png) no-repeat; width:58px; height:16px; border:none; cursor:pointer; float:left}
.word_catg{font-size:18px; color:#0c9548; margin-top:15px; margin-bottom:10px;}











.scroll-pane {
	width: 710px;
	height:327px;
	overflow: auto;

	float: left;
}

.wide {
	width: 710px;
}

.super-wide {
	width: 710px;
}

.tall {
	height: 300px;
}

#pane3{ height:347px;width:710px;}
#pane4{ height:330px;width:980px}

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/bac_scro.png) repeat-y; 

	
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background:url(../images/drag.png) no-repeat;
	
}
.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: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

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