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

body { background: #A8B7CA  ; direction: ltr; color:#000000; font: 11px/15px Arial, Helvetica, sans-serif; /*text-align: center;*/ }
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {	margin: 0; padding: 0; }
img { border: 0px; }
a img { border: none; }
h1{ font:bold 30px Arial, Helvetica, sans-serif; color: #000000;}
a { color: #515151; outline: none; text-decoration: none; }
ol, ul, dl, dt { list-style: none; }
ol:after, ul:after { content: "."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden; }
.clear { clear: both; height: 0px; font-size: 0px; line-height:0px; }
#container{width:100%;overflow:hidden;}
.o{color:#000000;}
#etw_wrapper { /*border: 1px solid #ccc;*/ width: 1003px; height: auto; margin: 0 auto; padding: 0px 0px 1px 0px; background:#fff;}
#etw_header { width: 100%; height: auto; }
#etw_header h5 { background: url(../../images/h5bg.jpg) repeat-x; height:16px; border-bottom:1px #D6D6D6 solid; color: #626262; font-size: 9px; width: 100%; margin: 0px auto; text-align: right; padding:3px 0px 0px 0px; }
#etw_header h5 a { color: #2A4A93; }

#etw_header h5 img { margin-top: -5px; }
#etw_header #search {
	float: right;color: #993300;
	display: block;
	margin-top:10px;
	width: 40%; 
	text-align: right;
 	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;
}
 
 
 
#etw_header .etw_mhead { display: block; background:url(../images/banner.jpg) right no-repeat; margin:0px auto; margin-top: 15px; width: 99%; height: 116px; border: 3px #98ACC5 solid; }
#etw_companyname { width:auto; height:20px; float: left; margin:36px 0px 38px 120px !important;  margin:36px 0px 38px 60px;}
#etw_companyname h2{ font-size:24px; font-family:Arial, Helvetica, sans-serif;}
/*ul#menu { width:100%; height:auto; display: block; float:left;}
ul#menu li { display:block; width:auto; height:23px;;float:left; margin-right:2px; font-size:13px; font-weight: bold; line-height:22px !important; line-height:21px;}
ul#menu li a { display:block; padding:0px 10px 0px 10px; background:url(../images/menubg.jpg) repeat-x; border:1px #15A4D0 solid; color:#000000; } 
ul#menu li a:hover { background:url(../images/menuhoverbg.jpg) ; border: 1px #BDC7B6 solid; }*/
#etw_main .oneproduct h3 {color: #000000; display: block; padding: 2px; height: auto; font-size: 11px;}
.menu2 { list-style:none; height:23px; position:relative; z-index:500;  display: block; float:left; width:100%; margin-top /**/ :1px; * margin-top:3px;_margin-top:0px;}
.menu2 li.top {display:block; float:left; width:auto; height:23px;;float:left; margin-right:2px; font-size:13px; font-weight: bold; line-height:22px !important; line-height:21px;}
.menu2 li a.top_link {display:block; float:left; padding:0px 10px 0px 10px; background:url(../images/menubg.jpg) repeat-x; border:1px #15A4D0 solid; color:#000000; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block;}
.menu2 li a.top_link span.down {float:left; display:block;}
.menu2 li a.top_link:hover {color:#fff; }
.menu2 li a.top_link:hover span {}
.menu2 li a.top_link:hover span.down {}

.menu2 li:hover > a.top_link {color:#fff;}
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:22px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:200px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal; border-bottom: 1px dotted #CCCCCC;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:auto; width:200px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) right center no-repeat; height:auto; width:200px;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover { display:block; color:#fff; background:#3a93d2 url(../images/arrowhover.gif) right center no-repeat; width:200px;}
.menu2 :hover ul li:hover > a.fly {color:#fff; background:#3a93d2 url(../images/arrowhover.gif) right center no-repeat; width:200px;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:200px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:200px; z-index:400; height:auto;}

#etw_left{ width:220px; margin:18px 0px 0px 1px; border:1px #43576E solid; padding:5px 0; float:left; color:#FFFFFF; margin-bottom:-10000px; padding-bottom:10000px; display:block;}
 
#etw_left ul  li{ width:94%; height:auto; line-height:20px; font-size:12px; color: #000000;}
#etw_left ul li.bigtitle { font-size: 13px; color:#0F88B3; font-weight: bold; margin: 5px 0px; }
#etw_left ul li.title{ width:95%; height:21px; background: #0E72B5; border:1px #00236F solid; line-height:21px; font-weight: bold; padding: 0px 0px 0px 10px; font-size:11px; margin-top:5px; color:#FFFFFF; display:block;}
#etw_left ul  li.smalltitle{ background:url(../images/bj.gif) repeat-x;width:94%; height:auto; padding:10px 10px 0px 2px;  line-height:20px; font-size:12px; color: #000000;}
 #etw_left ul  li.smalltitle  a { color: #000 ; }
#etw_left ul  li   ol li a { color: #333333 ; display: block; padding-left: 20px;  }
 #etw_left ul li ol { display: block; margin:10px 0 0 2px;   width: 100%; padding-bottom:3px;}
#etw_left ul li ol li {background:url(../images/3.gif) no-repeat 4px 8px; border-bottom:1px #666666 dotted;  font-size: 11px; font-weight:normal; line-height: 20px; margin: 0px;   width: 100%;}
#etw_left ul li ol li a { color: #333333 ; display: block; padding-left: 20px;  }
#etw_left ul li ol li a:hover {   color:#FF3333;   }
#etw_left .ti  { width:96%; height:24px; background: #43576E url(../images/1.gif) no-repeat right center; text-align:center;line-height:19px; font-weight: bold; padding: 4px 0px 0px 10px!important;padding: 0px 0px 0px 12px; font-size:12px; margin-top:-5px; color:#FFFFFF; display:block;}
#etw_left ul li a.d { color:#FFFFFF;}
.e{color:#7D1E39;}
ul.menu1 , ul.menu3{list-style-type:none; padding:0; margin:4px 0 0 0; width:191px; float:left; display:block;}
ul.menu1 , ul.menu3 {position:relative; float:left;}
* html ul.menu1 {position:static;}
ul.menu1 li , ul.menu3 li {display:block; float:left; width:191px;  margin:4px 0 0 0; border:1px solid #00236F;}
ul.menu1 li.sub , ul.menu3 li.sub { background:#2B509A url(../images/arrowhover.gif) right center no-repeat; font-weight: bold; }

ul.menu1 table , ul.menu3 table {border-collapse:collapse; width:0px; height:21px; position:absolute; bottom: 0px; top:auto; left:0px; font-size:1em;}
ul.menu1 li a, ul.menu3 li a {display:block; color:#000; font-family:arial, sans-serif; font-size:11px; line-height:21px; text-decoration:none; /*text-indent:10px;*/ color:#FFFFFF; padding:0px; padding-left: 10px; height: auto; *margin-top: -4px;}
ul.menu1 a:hover , ul.menu3 a:hover {color: #FF6600;}
ul.menu1 :hover > a , ul.menu3 :hover > a{color: #FF6600;}
ul.menu1 li.sub:hover,
ul.menu1 li.sub a:hover {position:relative; background:#44474B url(../images/arrow.gif) right center no-repeat;}
ul.menu1 ul, 
ul.menu1 :hover ul ul, 
ul.menu1 :hover ul :hover ul ul,
ul.menu1 :hover ul :hover ul :hover ul ul,
ul.menu1 :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:128px; top:0px; font-weight: normal; }
ul.menu1 :hover ul, 
ul.menu1 :hover ul :hover ul :hover ul,
ul.menu1 :hover ul :hover ul :hover ul :hover ul :hover ul { left:180px; top:0px; background:transparent url(trans.png); font-weight: normal;} 
/* drop down */
ul.menu1 :hover ul :hover ul,
ul.menu1 :hover ul :hover ul :hover ul :hover ul { left:180px; top:0px; font-weight: normal; }
.mo{color:#0066FF;float:right;font-size:12px;font-weight:bold;}
ul.menu3 li.sub:hover,
ul.menu3 li.sub a:hover {position:relative; background:#44474B url(../images/arrow.gif) right center no-repeat;}
ul.menu3 ul, 
ul.menu3 :hover ul ul, 
ul.menu3 :hover ul :hover ul ul,
ul.menu3 :hover ul :hover ul :hover ul ul,
ul.menu3 :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:128px; top:0; font-weight: normal; }
ul.menu3 :hover ul, 
ul.menu3 :hover ul :hover ul :hover ul,
ul.menu3 :hover ul :hover ul :hover ul :hover ul :hover ul { left:-192px; top:0px; background:transparent url(trans.png); font-weight: normal;} 
/* drop down */
ul.menu3 :hover ul :hover ul,
ul.menu3 :hover ul :hover ul :hover ul :hover ul { left:-192px; top:0px; font-weight: normal; }




ul.menu1 li a.b , ul.menu3 li a.b  { background:#2B509A;  }
ul.menu1 li a.b:hover , ul.menu3 li a.b:hover { background:#44474B; }
ul.menu1 li a.c , ul.menu3 li a.c { background: #2B509A; color:#FFFF99; height:auto;  }
ul.menu1 li a.c:hover , ul.menu3 li a.c:hover{ background:#44474B; }

#contact { width:210px!important;width:213px; background:#F7A941 url(../images/left1.jpg) top center no-repeat; padding: 45px 0px 0px 10px;  margin-top:10px; color:#333; line-height:20px; margin-bottom:-10000px;padding-bottom:10000px;height:270px;}

#etw_main{ width:770px!important;width:760px; float:left; margin:18px 5px 0px 5px; margin-bottom:-10000px; padding-bottom:10000px; display:block;}
#etw_main .table01{ background:  #0033CC; width:98%; margin:8px;white-space: normal;}
#etw_main .table01 tr{ background: #FFFFFF;}
#etw_main .hottitle { background:url(../images/hottop.jpg); height:23px; padding-left: 10px; color: #fff; font-size:12px; font-weight:bold; line-height:22px; }
#etw_main .title{ background:url(../images/abouttop.jpg); height:23px; padding-left: 10px; color: #FFFFFF; font-size:12px; font-weight:bold; line-height:22px; }
#etw_main .oneproduct { margin: 6px auto; text-align: left; width: 96%; padding: 0px 10px; height: auto; line-height:20px; background: #F7F7F7; border: 1px #CCCCCC solid;}

#etw_main .oneproduct a.back { width:40px; text-align: center; height:10px; background: #0000CC; color:#FFFFFF; float:right; font-weight:bold; margin:10px 0px; font-size:11px; border:1px #666666 solid; line-height:10px; }
#etw_main .oneproduct a.back:hover { background:#333333;}
#etw_main .oneproduct .nametitle { color: #000099; display: block; padding: 6px; height: auto; font-size: 12px;}
#etw_main .oneproduct img { margin: 5px 10px; border: 1px solid #ccc; padding: 2px; }


#etw_main .oneproduct .feichangfan { text-align:center;}
#etw_main .oneproduct .feichangfan img { margin:0px 5px 5px 2px;}
#etw_main .oneproduct .feichangfan  .name { width:300px;color: #000000; display: block; padding: 2px; height: auto;float:left; font-size: 11px;}
.name1 { width:250px;color: #000000; display: block; padding: 2px; height: auto;float:left;text-align:left; font-size: 11px;}
.n1{width:160px;color: #000000; display: block; padding: 10px; height: auto;float:left;text-align:left; font-size: 11px;}

#etw_main ul { margin: 6px auto; text-align: left; width: 96%; height: auto; line-height:20px; }
#etw_main ul li { height: 130px;} 
#etw_main ul li { display: block; margin: 5px 0px  ; width: 100%; border:1px #E2E2E2 solid; background: url(../images/hotlibg.gif) repeat-x; }
#etw_main ul li .clear{ clear: both; height: 0px;  margin:auto;}
#etw_main ul li ol { width: 100%; border: none; }
#etw_main ul li ol li { display: inline; float: left; margin: 0px 0 0 2px!important;margin:2px 0 0 0;width: 18%; border: none; height: auto; }
#etw_main ul li .etw_pinfo { width: 72%; height: auto;margin: 0px 0 0 2px ; }
#etw_main ul li .etw_pinfo a{color:#0033CC;}
#etw_main ul li .etw_pinfo b { display: block; }
#etw_main a { color: #663300;  padding: 3px; height: auto;  }
#etw_main ul li img  { display:block; border: 1px solid #ccc;margin-top /**/ :-10px; * margin-top:2px;  }
#etw_main a.productname{ width:89%; color:#0033CC; font-weight:bold; padding-left:5px; float:left;}
#etw_main .abouttitle { background: url(../images/abouttop.jpg); color:#fff;}
#etw_main .about { line-height:24px; padding: 10px 10px 0px 10px; text-align:justify;width:95%; }
#etw_main .about img { float:left; margin-right:10px;}
.about1 { line-height:20px; padding: 10px 10px 0px 10px; text-align:justify; }
.about1 img { float:left; margin-right:10px;}
#etw_main .about .u {widht:50px; float:right; color:#CC3333;font-weight:bold;font-size:13px;}
#etw_main a.back1 { width:25px; text-align: center; height:15px; background: #3366FF; color:#FFFFFF; float:right; font-weight:bold; margin:5px;height:12px;font-size:11px ;  border:1px #666666 solid; line-height:10px; }

#etw_main .etw_mainproduct { width:100%; height: auto;  }
#etw_main .etw_mainproduct ul { margin: 6px auto; text-align: left; width: 96%; height: auto; line-height:20px; color:#000000; }
#etw_main .etw_mainproduct ul li { display: block; margin: 14px 0px 0px 0px!important;margin:0px; width: 100%; height:auto; border: none;background: none;}
#etw_main .etw_mainproduct ul li ol { width: 100%; height:auto;margin: 10px 0px 0px 0px!important;margin:0px;  }
#etw_main .etw_mainproduct ul li ol li {display: inline; float: left; width:23%;}
#etw_main .etw_mainproduct ul li ol li.x {display: inline; float: left; width:34%;}
#etw_main .etw_mainproduct ul li ol li.y {display: inline; float: left; width:30%;}
#etw_main .etw_mainproduct ul li  b { display: block; text-align:center;  }
#etw_main .etw_mainproduct ul li img{ border: 1px solid #ccc; padding: 0px; margin:0px 4px; }

.ensavoirplus, .ensavoirplus a { color: #ff6600;font-size:12px; padding-top:0px; text-align: right; }
.ensavoirplus a:hover { text-decoration: none; }
#footer{ width:1003px; height:55px;border-top:#D6D6D6 1px solid;}
#footer #promotion {width:783px; height:50px; background: #fff;  font: normal 11px verdana; color:#ccc; margin:0 auto; float:left; padding: 5px 0 5px 230px; } 
#footer #promotion a { color:#ccc;}
#footer #promotion a:hover { color:#333333; text-decoration:underline;}
#footer #promotion img {padding-top: 2px; }
#footer .indent { display: inline-block; padding-top: 7px; margin-left: 10px; }
#footer #promotion a img { filter:alpha(opacity=70); /*Fancy style for IE */ -moz-opacity: 0.7; opacity: 0.7;}
#footer #promotion a:hover img { filter:alpha(opacity=100); /*Fancy style for IE */ -moz-opacity: 1; opacity: 1;}
#footer #address{ width:100%; height:20px; line-height:20px;  font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-top:6px;}
#footer #address img { margin-left:60px;}
#footer #otherlink{width:1000px;float:left;height:auto;clear: both;text-align:center; margin-top:8px;}
#footer #otherlink div{float:left;width:auto;height:25px;text-align:center;margin-left:5px;}
 
a.c{ 
	float: right; 
	width:10px;
	background: #8ED6FA;
	margin:10px 6px 0px 0px;
	color:#000000;
	text-align:center;
	font-weight:bold;
	border:1px #CCCCCC solid;
	}
a.c:hover { 
	float: right;
	width:10px;
	background: #FC7126;
	margin:10px 6px 0px 0px;}