@charset "utf-8";

/* ========================================================
      Version: Jul 2007 (b1)
      Creation date: Mon, 09 Jul, 2007
	  Modification date: Thu, 12 Jul, 2007
	  Created by: ETW International
=========================================================== */

/* ////////////////////////////////
	General Settings
////////////////////////////////// */
body { background: #fff; direction: ltr; font: 11px/15px Tahoma,Verdana,Segoe,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; }
a { color: #000000; outline: none; text-decoration: none; }
:focus { -moz-outline-style: 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; }
p{margin:0px 0px 0px 4px;}
.o{color:#FF0000;}
/* ///////////////////////////////
	Page Body Settings
////////////////////////////////// */

/* ============= Header Layout ================= */
#etw_wrapper { /*border: 1px solid #ccc;*/ width: 992px; height: auto; margin: 0 auto; padding: 0px 0px 1px 0px; }
#etw_header { width: 100%; height: auto; }
#etw_header h5 { background: #f9f9f9; color: #666; font-size: 10px; width: 100%; margin: 0px auto; text-align: right;font-weight:normal; }
#etw_header h5 a { color: #00CCFF; }
#etw_header h5 img { margin-top: -5px; }
#etw_header .etw_mhead { display: block; margin:0 auto; margin-top: 10px; width: 98%; height: 60px; }
#etw_header #logo { display:block; float: left; width: 119px; height: 60px; }
#etw_header #search { float: left; display: block; margin: 0 15px; margin-top: 32px; width: 55%; text-align: right; }
#etw_header #search label { color: #666; font-weight: bold; cursor: pointer; }
#etw_header #search #q { color: #00CCFF; padding: 0 2px; width: 162px; }
#etw_header #search #s { background: #00CCFF; border: none; color: #fff; font: bold 11px Verdana, Arial, Helvetica, sans-serif; height: 20px; width: 40px; }
#etw_header #imchat { float: right; font-size: 9px; font-weight: bold; margin-top: 36px; position: relative; }
#etw_header #imchat img { padding-right: 3px; }
#etw_header #etw_nav { background:url(../images/bj.jpg); color: #fff; font-size: 14px; font-weight: bold; float: left; width: 258px; height: 131px; }
#etw_header #etw_nav ul { display: block; margin: 0.75em auto; padding-left: 2%; width: 98%; height: auto; }
#etw_header #etw_nav ul li { border-bottom: 1px solid #fff; display: block; width: 98%; line-height: 20px; }
#etw_header #etw_nav ul li a { color: #fff; display: block; height: 20px; padding-left: 15%; }
#etw_header #etw_nav ul li a:hover { background: #FDFDE9; color:#3D3453; }
#etw_header #etw_ads { background: #ccc url(../images/banner.jpg); float: right; width: 730px; height: 131px;}
#etw_header #etw_ads h2{ font:bold 20px Arial, Helvetica, sans-serif; color:#ffffff; margin:60px 0px 0px 35px; float:left; line-height:25px;}
.e{ font:19px Arial, Helvetica, sans-serif; color:#000; margin:25px 0px 0px 8px; float:left;}
.c{color:#990000;}
/* //////////////////////////
	Main Body Layout
///////////////////////////// */
#container { clear: both; float: left; margin: 0; padding-top: 6px; width: 100%; height: auto; }
#container h3 { background:#FAF3F5; border-bottom: 1px solid #ccc; font-size: 12px; height: 20px; padding-top: 5px; text-align: center; }
#container h4 { background: #FAF3F5; border: 1px solid #ccc; font-size: 12px; height: 20px; padding-top: 5px; text-align: left; text-indent: 12px; }
#container h5 { color: #FF6600; font-size: 10px; font-weight: bold; }
#container .tb { border-top: 1px solid #ccc; }
.p{line-height:20px;}
/* =========== Left Navigation ========== */
#container #etw_container_left { border: 1px solid #ccc; float: left; width: 256px; height: auto; }
#container #etw_container_left span { display: block; margin: 5px auto; width: 92%; }
#container #etw_container_left ul { color: #000; float: left; width: 100%; height: auto; text-align: left; }
#container #etw_container_left ul li { /*display: block;*/ font-size: 12px; font-weight: bold; margin: 8px 2px; padding-left: 18px; margin-right: -18px; width: 99%; }
#container #etw_container_left ul li ol { display: block; margin-left: -18px; width: 100%; }
#container #etw_container_left ul li ol li { background: url(../images/list_a1.gif) no-repeat 18px 8px; font-size: 11px; font-weight: normal; line-height: 17px; margin: 0px; padding: 0px; width: 100%; }
#container #etw_container_left ul li a, #container #etw_container_left span a { display: block; }
#container #etw_container_left ul li ol li a { color: #000; display: block; padding-left: 28px; }
#container #etw_container_left ul li ol li a:hover { background: #f5f5f5 url(../images/list_a2.gif) no-repeat 18px 8px; color: #ff6600; }
/* =========== Right content ========== */
#container #etw_container_right { float: right; width: 730px; height: auto; }
#container #etw_container_right h3{ padding:0px; margin:0px; text-align:left; padding-left:10px;}
#container #etw_container_right #etw_content_lf { float: left; margin-right: 2px; width: 720px; /*69%*/}
#container #etw_container_right { float: right; width: 730px; height: auto; }
#container #etw_container_right #etw_content_lf1 { float: left; margin-right: 2px; width: 708px; /*69%*/border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#etw_content_lf #re_products { height: auto;}
#etw_content_lf #re_products ul { margin: 6px auto; text-align: left; width: 100%; height: auto; }
#etw_content_lf #re_products ul li { display: block; margin: 0px; width: 100%; height: 90px; }
#etw_content_lf #re_products ul li ol { width: 100%; }
#etw_content_lf #re_products ul li ol li { display: inline; float: left; margin: 0 2px; width: 16%; }
#etw_content_lf #re_products ul li .etw_pinfo { width: 82%;float:right; }
#etw_content_lf #re_products ul li .etw_pinfo b { color:#6E0820; display: block; padding:2px;}
#etw_content_lf #re_products ul li:hover { background: #f8f8f8; }
#etw_content_lf #re_products a { color: #515151; display: block;  height: auto; }
#etw_content_lf #re_products ul li ol li img{margin: 0px 6px 0px 9px;}
#etw_content_lf #etw_societe { margin: 5px auto; width: 96%; text-align: justify; line-height:22px;}
#container #etw_container_right #etw_content_rt { float: right; margin: 0px; width: 220px; /*30%*/  }
#etw_container_right #etw_content_rt #etw_cc { display: block; margin: 0 auto; width: 99%; height: auto; }
#etw_container_right #etw_content_rt #etw_cc li { background: #f5f5f5 url(../images/list_a3.gif) no-repeat 16px 7px; margin: 1px 0px; *margin: 0px; width: 100%; height: auto; }
#etw_container_right #etw_content_rt #etw_cc li a { color: #515151; display: block; padding-left: 25px; }
#etw_container_right #etw_content_rt #etw_cc li a:hover { background: #f1f1f1 url(../images/list_a3.gif) no-repeat 12px 7px; }
/* =================== Products List =================== */
#container #etw_container_right #etw_p { width: 100%;}
#etw_container_right #etw_p { float: left; height: auto;}
#etw_container_right #etw_p ul { margin: 6px auto; text-align: left; width: 100%; height: auto; }
#etw_container_right #etw_p ul li {display: block;float:left;padding: 0px;width: 18%;height: auto;margin-top: 6px; margin-left: 2px;margin-bottom: 4px}
#etw_container_right #etw_p ul li ol { float: left; width: 100%; height: auto; text-align:center;}
#etw_container_right #etw_p ul li ol li {display: block;float: left;width: 40%;margin-top: 0;margin-right: 2px;margin-bottom: 0;margin-left: 2px;}
#etw_container_right #etw_p ul li .etw_p { width: 50%; display: block; overflow: hidden;float:right; }
#etw_container_right #etw_p ul li .etw_p b { color: #641312; display: block; }
#etw_container_right #etw_p ul li:hover { background: #f8f8f8; }
#etw_container_right #etw_p dl { margin: 10px; width: 98% !important; _width: 96%; height: auto; }
#etw_container_right #etw_p dl dt { display: block; float: left; margin: 0px 1%; width: auto; height: auto; }
#etw_container_right #etw_p dl dd { float: right; padding-top: 5px; width: 62%; }
#etw_container_right #etw_p dl a { padding: 0; }
#etw_container_right #etw_p a { color: #000;  }
#etw_container_right #etw_p a { color: #515151; display: block; padding: 0px 0px 0px 6px; }
#etw_content_lf #re_products ul li img, #etw_container_right #etw_p ul li img, #etw_container_right #etw_p dl dt img { border: 1px solid #633842; padding: 1px; }
.ensavoirplus, .ensavoirplus a { color: #6E0820; font-weight: 800; padding-top: 1.25em; text-align: left;margin:4px 0px 0px 4px; }
.ensavoirplus a:hover { text-decoration: underline; }
.m { width:99%; height: auto; margin: 0px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.m p { margin: 0 auto; width: 90%; }
/* /////////////////////Footer /////////////////////// */

#etw_container_right #etw_p dl h5 a {color:#663366;}
.pro_pic {width:335px; height:260px; float:left; padding:10px;}
.pro_infor {width:300px; height:260px; float:left; padding:10px;margin-left:10px;}
.font1{margin-left:10px;margin-top:5px;color: #000000;width:700px;padding:3px;border: 1px solid #CCCCCC;line-height:18px;}
.font1 h2{color: #990000;font-weight: bold;font-size: 12px;}
.font2{margin-left:10px;margin-top:15px;color: #000000;width:700px;padding:3px;border: 1px solid #CCCCCC;line-height:18px;}
.f1{margin-left:10px;margin-top:5px;color: #000000;width:700px;padding:3px;border: 1px solid #CCCCCC;line-height:18px;height:115px;clear:both;}
#table01{  border:0px; background:#fff; text-align:left;font-size:12px;margin:0px!important;margin:0px 0px 4px 10px;}
.td{background:#D7D6D6;}
.td1{background:#FEF74F;}
table{font-family:Geneva, Arial, Helvetica, sans-serif;}
#main_text { width:600px; height:auto;float:left; margin: 4px 0px 4px 4px;border:1px #611B97 solid;  }
#main_text #main_top{width:450px;height:20px;margin:10px 0px 0px 70px;background:#60506C;color:white;font-weight:bold;font-size:15px;text-align:center;}
#main_text #main_top1{width:600px;height:20px;margin:10px 0px 0px 0px;color:#7637B0;font-size:17px;text-align:right;}
#main_picture{width:550px;height:450px;}
#main_table{width:600px;height:auto;clear:both;}
#main_tb{width:600px;height:auto;clear:both;margin:0px 0px 20px 0px;}
#main_footer{width:350px;height:45px;float:right;color:#583375;font-size:12px;margin:10px 0px 5px 0px;font-weight:bold;clear:both;}
#main_name{width:500px;height:20px;margin:10px 0px 12px 50px;background: #60506C;color:white;font-weight:bold;font-size:12px;}
#etw_content_lf #etw_societe { margin: 5px auto; width: 99%; text-align: justify; }
.honor {height:171px;width:150px;margin:8px;float:left;}
.honor1 {height:171px;width:150px;margin:8px;float:left;}
.honor2 {height:171px;width:270px;margin:8px;float:left;}
.en a { color: #700821; font-weight: 800; padding-top: 1.25em;float:right;}
.en a:hover { text-decoration: underline; }
.b { color: #663366; }
.b:hover { text-decoration: underline; }
#footer #promotion {height:30px; font: normal 11px verdana; color:#ccc;padding:5px 0 5px 250px;} 
#footer #promotion a { color:#000;}
#footer #promotion div{ float:left;color:#000000; height:30px; line-height:30px; margin:2px 5px; text-align:center;}
#footer #promotion img{}
#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;}


#xfooter #promotion {height:30px; font: normal 11px verdana; color:#ccc;padding:5px 0 5px 250px;} 
#xfooter #promotion a { color:#000;}
#xfooter #promotion div{ float:left;color:#000000; height:30px; line-height:30px; margin:2px 5px; text-align:center;}
#xfooter #promotion img{}
#xfooter .indent { display: inline-block; padding-top: 7px; margin-left: 10px; }
#xfooter #promotion a img { filter:alpha(opacity=70); /*Fancy style for IE */ -moz-opacity: 0.7; opacity: 0.7;}
#xfooter #promotion a:hover img { filter:alpha(opacity=100); /*Fancy style for IE */ -moz-opacity: 1; opacity: 1;}
.S{color: #990000;font-weight: bold;font-size: 12px;}
.r{width:560px;float:right;margin:18px 0px 0px 0px;}
.r1{width:119px;float:left;}
.x{color:#042558; }
#container #etw_container_right #etw_r { width: 100%; }
#etw_container_right #etw_r { float: left; height: auto;}
#etw_container_right #etw_r ul { margin: 6px auto; text-align: left; width: 100%; height: auto; }
#etw_container_right #etw_r ul li { display: block; float: left; margin: 6px 1%; padding: 0px; width: 48%; _width: 46%; height: 115px; }
#etw_container_right #etw_r ul li ol { float: left; width: 100%; height: auto; }
#etw_container_right #etw_r ul li ol img{ border: 1px solid #633842;}
#etw_container_right #etw_r ul li ol li { display: block; float: left; margin: 0 2px; width: 35%; }
#etw_container_right #etw_r ul li .etw_r { width: 62%; display: block; overflow: hidden; }
#etw_container_right #etw_r ul li .etw_r b { color: #781514; display: block; }
#etw_container_right #etw_r ul li:hover { background: #f8f8f8; }
.hula {width:auto;height:auto;margin:5px;float:left;border: 1px solid #CCCCCC;}
.wzjs { width:98%; margin-top:10px; margin-left:7px; float:left;line-height:23px; } 
.wzjs1 { width:99%; margin-top:10px; margin-left:7px; float:left;line-height:18px; } 
.wzjs1 h2{color: #990000;font-weight: bold;font-size: 12px;}
.wzjs h2{color: #990000;font-weight: bold;font-size: 12px;}
a.b{ float: right; width:50px;background: #8ED6FA;margin:120px 36px 0px 0px;color:#000000;text-align:center;font-weight:bold;border:1px #CCCCCC solid;}
a.b:hover { float: right;width:50px;background: #DF2E2C;margin:120px 36px 0px 0px;}
a.w{ float: right; width:50px;background: #8ED6FA;margin:15px 36px 10px 0px;color:#000000;text-align:center;font-weight:bold;border:1px #CCCCCC solid;}
a.w:hover { float: right;width:50px;background: #DF2E2C;margin:15px 36px 10px 0px;}
a.p{ float: right; width:100px;background: #66CCFF;margin:10px 10px 0px 0px ;text-align:center;border:1px #CCCCCC solid;}
a.p:hover { float:right; width:100px;background: #BF1D1C;margin:10px 10px 0px 0px;}
.q{color:#B31717;font-weight:bold;font-size:13px;}
.q a{color:#B31717;font-weight:bold;font-size:13px;}
.ensavoirplus1{ color:#FF0000;; font-weight:bold;font-size:16px; padding-top: 1.0em; text-align: right; }
#etw_societe1{ margin: 15px auto; width: 90%;  line-height: 29px; font-size:11px;}


#footer { border-top: 2px solid #8D0F0F; color: #8D0F0F; height: 65px; margin: 5px auto; padding: 5px 0px; text-align: center;}
#footer p { line-height: 25px;  }
#footer a { color: #8D0F0F; margin: 5px 13px; }
#footer a:hover { text-decoration: underline; }
#footer .copyright { color: #000;}


#xfooter { border-top: 2px solid #8D0F0F; color: #8D0F0F; height: 65px; margin: 5px auto; padding: 5px 0px; text-align: center;}
#xfooter p { line-height: 25px;  }
#xfooter a { color: #8D0F0F; margin: 5px 13px; }
#xfooter a:hover { text-decoration: underline; }
#xfooter .copyright { color: #000;}
