html {
	height:100%;
}

body {
	background-color:#291912;
	margin-left:auto; 
	margin-right:auto;  
	margin-top: 10px; /*à ajuster*/
	width:910px;
}
p
{
text-align:justify;
color:#291912;
font-size:13px;
font-family: tahoma,helvetica,clean,sans-serif;
line-height:150%;
}

a
{
color: #353533
}
a:hover
{
color: #838c32
}

h2
{
font-family: Tahoma, Arial;
font-size:20px;
color: #82161f;
}

.footer{
 color:white;
 text-decoration:none;
}

.back
{
font-family: arial;
color:white;
font-size:11px;
text-align:center;
font-weight:bold;
}

.shopping_cart_href {
 color:black;
 font-size:12px;
 text-decoration:none;
}

a img {
	border:0;
}

#header1
{
	width:910px;
	height: 20px;
	background-image: url("images/bottom_up.png");
	background-repeat: repeat-no;
}

#header1 p
{
	text-align:right;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	top: 10px;
	right:60px;
}


#main
{
   background-image: url("images/main.png");
   background-repeat: repeat-y;
   width: 910px;
   height:auto;
     
}


#header2
{
	width:872px;
	height:192px;
	background-image: url("images/header.png");
	background-repeat: repeat-no;
	position:relative;
	top:16px;
	left:20px;
	}
#bottom
{
	width:910px;
	height: 20px;
	background-image: url("images/bottom_down.png");
	background-repeat: repeat-no;
	clear:both;
}

#clear
{
clear:both;
}

#top
{
	float:left;
	width:860px;
	margin-left:30px;
	margin-top: 20px;
	margin-right:5px;
}

#top h1
{
	font-family: Verdana, Arial;
	font-size:18px;
	font-weight: bold;
	color: #353533;
}

#left
{
	float:left;
	width:410px;
	margin-left:30px;
	margin-top: 20px;
	margin-right:5px;	
}
#left h1
{
	font-family: Verdana, Arial;
	font-size:18px;
	font-weight: bold;
	color: #353533;
}


div.caption {			

	float:left;
	width:101px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	font-family:arial, helvetica, sans-serif;
	color:#422911;
	background:transparent;
	padding:10px 25px 10px 0px;
	}

	div.caption2 {			

	float:left;
	width:200px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	font-family:verdana, helvetica, sans-serif;
	color:#422911;
	background:transparent;
	padding:10px 25px 10px 0px;
	}
	div.caption3 {			

	float:right;
	width:200px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	font-family:verdana, helvetica, sans-serif;
	color:#422911;
	background:transparent;
	padding:10px 0px 10px 25px;
	}
		div.caption4 {			

	float:right;
	width:188px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	font-family:verdana, helvetica, sans-serif;
	color:#422911;
	background:transparent;
	padding:5px 0px 10px 25px;
	}

#green
{
color: #838c32;
font-weight:bold;
}

#right
{
	float: right;
	width:410px;
	margin-right:30px;
	margin-top: 54px;
	margin-left:5px;
	text-align:right;
}
#right h1
{
	font-family: Verdana, Arial;
	font-size:16px;
	color: #82161f;
}

#right2
{
	float: right;
	width:410px;
	margin-right:30px;
	margin-top: 8px;
	margin-left:5px;
	text-align:right;
}
#right2 h1
{
	font-family: Verdana, Arial;
	font-size:16px;
	color: #82161f;
}

.doth
{
   background-image: url("images/doth.png");
   background-repeat: repeat-x;
   height:1px;
   margin: 20px 0px 20px 0px;
}

.dotv
{
   background-image: url("images/dotv.png");
   background-repeat: repeat-y;
   width:1px;
   height:100%;
}



.news {
	color:#353533;
	font-family:Arial, Helvetica, sans-serif;
	margin:72px 0 0 9px;
}

.news dd {
		margin:0 0 20px 0;
}
.news dd a
{
		color:#353533;
		text-decoration:none;
}
.news dd a:hover
{
		color:#353533;
		text-decoration:underline;
	
}

.cadre
{
background-color: #291912;
color:white;
height: 140px;
padding: 10px 0 10px 10px;
text-align: left;
margin-bottom:30px;
width:400px;

}

#origine
{
float:left;
margin-left:30px;
margin-right:30px;
margin-top:20px;
}

#origine h1 {
font-family:Verdana,Arial;
font-size:18px;
}

#deux p
{
margin:0;
padding:0;
text-align:justify;
color:black;
}

#deux img
{
float:right;
margin:10px 0 0 10px;
position:relative;
top:-300px;
}


#trois p
{
margin:0;
padding:0;
text-align:justify;
color:#291912;
font-size:13px;
font-family: tahoma,helvetica,clean,sans-serif;
line-height:150%;
padding-right:235px;
}

#trois img
{
float:left;
margin:0 10px 10px 0;
}

#quatre p
{
margin:0;
padding:0;
text-align:justify;
color:black;
}

#quatre img
{
float:right;
margin:0 0 10px 10px;
}

#cinq p
{
margin:0;
padding:0;
text-align:justify;
color:black;
}

#cinq img
{
float:left;
margin:10px 10px 10px 10px;
}








#menu {
	background: url('images/header/menu.png') no-repeat top center;
	font-family: Tahoma, Arial, serif;
	height: 56px;	
}

.wrap {	width: auto !important;	}


#menu LI {
	line-height: 30px;
	cursor: pointer;
	float: left;
	font-size: 14px;
	list-style-type:none;
}

#menu LI A {
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	display: block;
	color: #f4fadf;
}

#menu LI A:hover {
	background: url('images/header/single.png') repeat-x;
	color: #291912;
}

#menu LI UL LI A {
	padding: 0px 10px 0px 10px;
	font-size: 13px;
	color: #291912;
}

#menu LI UL LI A:hover {
	text-decoration: underline;
}

#menu UL LI UL {
	position: absolute;
	display: none;
}

#menu UL LI:hover UL, #menu UL LI A:hover UL, #menu LI.sfhover UL { display: block; }

#menu .sel, #menu .actual, #menu .sel:hover {
	background: url('images/header/single.png') repeat-x;
	padding: 0px 20px 0px 20px;
	color: #F4F4EA;
}

#menu .neutral {
	background: transparent !important;
	color: #BC1C1C !important;
}

#menu .sub-chocolats { margin-left: -50px; }
#menu .sub-thés { margin-left: -80px; }
#menu .sub-confiseries { margin-left: -30px; }
#menu .sub-idées { margin-left: -40px; }
#menu .sub-legast { margin-left: -100px; }
#menu .sub-choc { margin-left: -50px; }

.mootabs_panel{
 float:left;
 width: 200px;
 height:300px;
 
}