@charset "utf-8";

body {direction: ltr; font: 11px/15px Tahoma,Verdana,Segoe,sans-serif; }  
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: #006776;
	outline: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
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; }
/*----Page Body----*/
/*----Header----*/
#wrapper {
	width: 900px;
	height: auto;
	margin: 2px auto;
	background-color:#FFFFFF;
}
#header {
	width: 900px;
	height: auto;
}
/*----#header #logo { display:block; float: left; width: 250px; height: 60px; }----*/
#header #nav {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 890px;
	height: 25px;
	margin: 0px 5px 0px 5px;
	border-top: 2px solid #fff;
}
#header #nav ul {
	display: block;
	margin: 0px;
	width: 100%;
	height: 25px;
	list-style: none;
	text-align: left;
}
#header #nav ul li {
	background:url(images/tip.gif) no-repeat;
	display: block;
	width: 175px;
	line-height: 25px;
	float: left;
	margin-left: 1px;
}
#header #nav ul li a {
	color: #FFFFFF;
	display: block;
	height: 25px;
	padding-left: 15%;
}
#header #nav ul li a:hover {
	background: url(images/tap.gif) no-repeat;
	color: #EC0612;
	height: 25px;
}
#header #ads {
	background: url(images/banner.gif) no-repeat;
	float: left;
	width: 890px;
	height: 80px;
	margin: 0px 5px;
}
.intro {
	width:410px;
	float: right;
	margin: 3px 2px 0px 0px;
	height: 18px;
	padding:0px 5px 0px 5px;
	background: url(images/intro.gif) no-repeat;
}
#header #ads h1{
	font:bold 20px Arial, Helvetica, sans-serif;
	color: #303;
	float:left;
	padding-left: 345px;
	width: 500px;
	margin: 10px 0px 0px 0px;
}
/* ----Main ----*/
#container {
	clear: both;
	float: left;
	margin: 0px 5px;
	width: 890px;
	height: auto;
}
#container h2 {
	background: #E2E1E2;
	font-size: 12px;
	height: 16px;
	padding-top: 2px;
	text-align: center;
	color: #fff;
}
#container h3 {
	background: #E2E1E2;
	font-size: 12px;
	height: 16px;
	padding-top: 2px;
	text-align: left;
	text-indent: 12px;
	color: #FFFFFF;
}
/* ----Left----*/
#container #container_left {
	float: left;
	width: 229px;
	height: auto;
	background-color: #FFFFFF;
	border-top: 2px solid #FFFFFF;
}
#container #container_left ul {
	color: #000;
	float: left;
	width: 100%;
	height: auto;
	text-align: left;
	background:#f8f8f9;
}
#container #container_left ul li { 
	font-size: 13px;
	font-weight: bold;
	margin: 5px 2px;
	padding-left: 18px;
	margin-right: -18px;
	width: 99%;
}
#container #container_left ul li ol {
	display: block;
	margin-left: -18px;
	width: 100%;
}
#container #container_left ul li ol li {
background:url(images/chairs.gif) no-repeat;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	width: 99%;
}
#container #container_left ul li a, #container #container_left span a { display: block; }
#container #container_left ul li ol li a {
	color: #390039;
	display: block;
	padding-left: 18px;
}
#container #container_left ul li ol li a:hover {
	background: url(images/manu.gif) no-repeat;
	color: #FFFFFF;
}
#container #container_left p {padding: 6px;}
/*----Right----*/
#container #container_right {
	float: right;
	width: 660px;
	height: auto;
	border-top: 2px solid #FFFFFF;
}
#container #container_right #content_lf {
	float: left;
	width: 462px;
}
#content_lf #re_products {
	height: auto;
}
#content_lf #re_products ul {
	margin: 2px auto;
	display: block;
	width: 96%;
	height: auto;
}
#content_lf #re_products ul li {display: block; float: left; margin: 2px 3px; width: 138px; }
#w{ height: auto; }
#content_lf #re_products ul li:hover {
	background: #eaf4fc;
}
#content_lf #re_products a {
	color: #000000;
	display: block;
	padding: 1px 3px;
	height: auto;
}
#content_lf #societe {
	margin: 5px auto;
	width: 96%;
	text-align: justify;
	background-color: #F2F2F2;
	color: #663366;
	padding: 6px;
}
#container #container_right #content_rt {
	float: right;
	margin: 0px;
	width: 195px; 
}
#content_lf #re_products ul li img, #container_right #p ul li img, #container_right #p dl dt img { border: 1px solid #ccc; padding: 1px; }
.ensavoirplus, .ensavoirplus a { color: #FF0000; padding-top: 5px; text-align: right; font-size:14px;}
.ensavoirplus a:hover { text-decoration: underline; }
.m {
	width: 100%;
	height: auto;
	margin: 0px;
	color: #663366;
	padding: 5px 0px;
}
#container_right #p1 {
	float: left;
	height: auto;
	width:100%;
}
#container_right #p1 ul { margin: 5px auto; text-align: left; width: 99%; height: auto; }
#container_right #p1 ul li { display: block; float: left; margin: 2px 0px; width:650px; height:auto; }
#container_right #p1 ul li ol {
	float: left;
	height: auto;
	width:650px;
}
#container_right #p1 ul li ol li { display: block; float: left; margin: 0px 4px; width: 140px; padding: 5px 0px 0px 5px; }
#container_right #p1 ul li .p {
	display: block;
	width:150px;
	height: 190px;
}
#container_right #p1 ul li .p:hover{
    background-color: #f8f8f9;}

#container_right #p2 ul {
	margin: 6px 0px;
	text-align: left;
	width: 99%;
	height: auto;
	color: #330033;
}
#container_right #p2 ul li {
	display: block;
	float: left;
	margin: 2px;
	width: 280px;
	padding-left: 30px;
}
#container_right #p2 ul .p {
	width:310px;
	display: block;
	padding:5px;
	border:2px solid #E2E1E2;
	float: right;
} 
#container_right #p2 ul .b {
	float:left;
	width:235px;
	padding: 5px;
	font-size: 12px;
	height: 350px;
}

/*----Foot----*/
#footer {
	border-top: 2px solid #7D7D7D;
	color: #7D7D7D;
	height: 45px;
	padding: 2px 0px;
	text-align: center;
	background: url(images/foot.jpg) no-repeat;
}
#footer p { line-height: 25px; }
#footer a { color: #000066; margin: 5px 26px; }
#footer a:hover { text-decoration: underline; }
#footer .copyright { color: #000; }
#table01{ width:90%; border:#666666 1px solid; text-align:center;}
.feedbackzi{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
/*----callery------*/
.pic {
	padding-top:10px;
	display: block;
	height: auto;
	width: auto;
	float: right;
	padding-right: 125px;
	background:url(images/spandex-knitting.gif) right no-repeat;
}
.pic1 { padding:0px; margin:0px;}
.pic1 li{ padding-top:2px;}
.mycontent-a {
	width: 657px;
	height: auto;
	float:left;
	display: block;
	}
.mycontent-a li {
	display:block;
	float:left;
	font-weight:bold;
	font-size:14px;
	width: auto;
	margin-right:4px;
}
#mycontent {
	padding:8px 5px;
	color: #3E1C77;
}
/* ================ sitemap=============== */
#sitemap { width:850px; height:auto; padding:18px;}
#sitemap ul {width: 99%;display:block;}
#sitemap ul li {font-size:14px; line-height:21px; display:block;}
#sitemap ul li ol {
	width:230px;
	display:block;
	float:left;
}
#sitemap ul li ol li a:hover {background-color: #999999; color:#FFFFFF;}