*{
  margin: 0;
  padding: 0;
  }


  body {
  margin: 0;
  padding: 0;
  font-family:"Trebuchet MS",Tahoma,Arial;
  color: #000000;
  font-size: 14px;
  font-variant:normal;
  background-color:#e7dac9;
  }
  
   /* mainbox starts*/ 
   
  #mainbox {
  margin-left:0px;
  padding:0;
  width: 898px;
  }
  
  #header {
  width:898px;
  padding:0; 
  }
  
  #banner{
  width:898px;
  height:144px;
  margin:0;
  padding:0;
  background-image:url(images/entete.jpg);
  background-repeat:no-repeat;
  }
  
  #left{
  width:400px;
  height:104px;
  margin-right:20px;
  padding:45px 0 0 260px;
  text-align:right;
  float:left;
  font-size:14px;
  }
  
  #left2{
  margin:0;
  padding:35px 0 0 200px;
  text-align:left;
  font-size:14px;
  }
  
  #right{
  width:200px;
  height:104px;
  margin:0;
  padding:40px 0 0 0;
  float:right;
  }
  
  #menu{
  width:895px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  height:35px;
  float:left;
  }
  


  
  #menu-middle{
  width:895px;
  height:35px;
  margin:0;
  padding:0 0 0 0;
  background-color:#FFF
  }
  
  /*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.menu2 {padding:0 0 0 150px; margin:0; list-style:none; height:35px; repeat-x; position:relative; font-family:arial, verdana, sans-serif; text-align:center; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; no-repeat right top;}
.menu2 li a.top_link:hover {color:#000000; background: no-repeat; text-decoration:underline;}
.menu2 li a.top_link:hover span { no-repeat right top;}
.menu2 li a.top_link:hover span.down {no-repeat right top;}

.menu2 li:hover > a.top_link {color:#000000; background: url(images/button4.gif) no-repeat; text-decoration:underline}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top; text-decoration:underline}
.menu2 li:hover > a.top_link span.down {background:url(images/button4.gif) no-repeat right top;}


.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;}
.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; background-color: #FFF}

.menu2 :hover ul.sub {left:2px; top:35px; background:  #FFF; border:1px solid  #740065; padding:3px; white-space:nowrap; width:110px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:110px; line-height:20px; color:#000000; text-decoration:none; border:3px solid #FFFFFF; border-width:0 0 0 3px; font-weight:bold;}
.menu2 :hover ul.sub li a:hover {background: #FFFFFF; color:#000000; width:110px; text-decoration:underline;}

.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:90px; top:-4px; background: #ffffff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto; text-decoration:underline;}


#middle{
	width:850px;
	margin-right: 40px;
	padding:20px;
	background-color: #FFF;
	text-align: left;
}

#produits-left{
margin:0;
padding:0 0 0 50px;
text-align:left;
float:left;  }

#form{
border:1px #808080 ;
margin-left:20px;
width:700px;
background-color: #E9E9E9;
text-align:left;
}

h2{
color:#000000;
font-size:14px;
font-weight:bold;

}

h3{
color:#000000;
font-size:14px;


}

  #footer{
  width:960px;
  float:left;
  margin:10px 0 10px 0;
  padding:0;
  text-align: center;
  }
  
  #footer{
  width:960px;
  background-color:#FFF
  float:left;
  margin:10px 0 10px 0;
  padding:0;
  text-align:center;
  }
  

  
  #footer-menu{
	  background-color:#FFF
  width:740px;
  padding:0 0 0 210px;
  margin:0;
  }

  
  #footer-menu ul{
  list-style:none;
  margin:0;
  padding:0 0 0 0;
  font-size:12px;
  }
  
  #footer-menu ul li{
  list-style:none;
  float:left;

  }
  
  #footer-menu ul li a{
  text-decoration:none;
  color:#333333;
  display:block;
  
  padding-right:4px;
  vertical-align:baseline;
  }
  
   #footer-menu li a:hover{
  text-decoration:underline;
  color:#333333;
  }
  
  .right{
  margin-right:4px;
  border-right: 1px #000000 solid;
  }
  
  .order_text{
  vertical-align:middle;
  width:100px;
  
  }
  
  .order_submit{
  vertical-align:middle;
  width:80px;
  }
  
  #copyright{
  width:960px;
  float: left;
  
  }

#imageright { float:right; margin-left:100px;}#middle a img {
	text-align: center;
}
#middle #GRSubscribeForm {
	text-align: left;
}
#middle p {
	text-align: left;
}