/**------------------------------------------------ ABOUT US ------------------------------------------------**/

body  
{
    /** Hack : Permet les z-index negatifs sur Mozilla **/
    position:relative;left:0px;top:0px;z-index:0;
    
	padding             : 0px;
	margin              : 0px;
	font-family         : Verdana,Arial,Sans-Serif;
	font-size           : 11px;
	color               : #5b5b5b;
	background-color    : #FFFFFF;
	
	/** IE specific scrollbar styles **/
	scrollbar-base-color        : #fff;
	scrollbar-arrow-color       : #fff;
	scrollbar-3dlight-color     : #fff;
	scrollbar-darkshadow-color  : #fff;
	scrollbar-face-color        : #d9cebc;
	scrollbar-highlight-color   : #fff;
	scrollbar-shadow-color      : #fff;
}

#content 
{
	min-height  : 465px;
}

H1, span.h1, H2, span.h2, H3, span.h3
{
	font-family     : Times,Arial,Sans-Serif;
	font-weight     : bold;
	text-align      :left;
	display         : block;
	color           : #72472b;
}
 
H1, span.h1
{
	font-size   : 25px;
	line-height : 25px;
	margin      : 0px;
	padding     : 3px 0px;
}

H2, span.h2
{
	font-size   : 16px;
	margin      : 0px;
	padding     : 5px 0px;
}

H3, span.h3
{
	font-size       : 14px;
	margin-bottom   : 5px;
}

H1 a , span.h1 a , H2 a , span.h2 a , H3 a , span.h3 a
{
	text-decoration : none;
}

p
{
	line-height     : 18px;
}

blockquote, q
{
	quotes  : none;
}

a ,
a:link ,
a:active,
a:visited
{
	color           : #996633;
	text-decoration : none;
}
a:hover
{
	color       : #df9a15;
}

ul , li
{
    margin      : 0px;
}

.Fade
{
	position:absolute;
	filter: alpha(opacity=0);
	opacity: 0.0;
	z-index:5;
}
.firstFade
{
	position:absolute;
	z-index:6;
}


/**----------------------------------------   CSS pour HintBox   ------------------------------------------**/

#hintbox 
{ 
    position:absolute;
    top: 0;
    background-color: #FFF4D8;
    width: 150px; 
    padding: 3px;
    border: 1px solid black;
    font: normal 11px Verdana;
    line-height: 18px;
    z-index: 100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;
}

.hint
{
    line-height:18px;
}

a.MediumButton, a.MediumButton:link, a.MediumButton:hover, a.MediumButton:active, a.MediumButton:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C6812F none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
vertical-align:middle;
}
/** THUMBNAIL **/

.thumbnailContainer .productThumbnail
{
	padding:10px 21px 10px 21px;
	border-bottom: 0px solid #CCCCCC; 
	//** border-right: 1px solid #CCCCCC;  ------------- Product list thumbnail Grid **/
}

.productCrossDiv .productThumbnail
{
	padding:5px 11px 15px 11px;
	/** border-right: 1px solid #CCCCCC;  ------------- Product list thumbnail Grid **/
}

#BagYouMayLike .productThumbnail
{
	padding:0px 21px 10px 21px;
}

.productThumbnail , .productThumbnailSmall
{
	font-family: Tahoma, Arial, sans-serif;
}

a img.thumbnailImage
{
	border: 1px solid #CCCCCC;
}

a:hover img.thumbnailImage
{
	border: 1px solid #e9d7b3;
}

.productThumbnail
{
	width:122px;
	height:210px;
	position:relative;
}
.productThumbnailSmall
{
	width:80px;
	height:155px;
	position:relative;
	padding:4px 15px 8px 15px;
	text-align:left;
	font-size:9px;
	/** border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC;   ------------- Product list thumbnail Grid **/
}

.sampleThumbnail
{
	width:122px;
	height:175px;
	position:relative;
	padding:0px 20px 20px 20px;
	text-align:center;
	/** border-right: 1px solid #CCCCCC;  
	border-bottom: 1px solid #CCCCCC;  ------------- Product list thumbnail Grid **/
}

.thumbnailInfos
{
	margin: 2px 0px 0px 0px;
	font-size: 11px;
}

.thumbnailInfos a ,
.thumbnailInfos a:link ,
.thumbnailInfos a:visited ,
.thumbnailInfos a:active 
{
	text-decoration: none;
}

.thumbnailInfos a:hover 
{
	text-decoration: underline;
}
 
.thumbnailIcons
{
	width: 120px;
	margin: 0px 0px 0px 22px;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:100px;
}

/**------------------------------------------------ HEADER ------------------------------------------------**/

#header
{
    float   : none;
	margin  : 0px 0px;
}

.categoryMenu 
{
    font-family : Times,Arial,Sans-Serif;
	width       : 852px;
	height      : 44px;
	text-align  : center;
	font-size   : 16px;
	color       : #552b07;
	font-weight : bold;
	margin      : 0px 0px 0px 0px;
	padding     : 0px 0px 0px 0px;
}

#middleBar
{
	height      : 66px;
	width       : 852px;
	background  : url(../img/bg_bnr.gif);
	color       : #FFFFFF;
}

#middleBar a,
#middleBar a:link,
#middleBar a:hover,
#middleBar a:active,
#middleBar a:visited
{
	text-decoration     : none;
}

#middleBar a:hover
{
	text-decoration     : underline;
}
.breadcrumbs
{
	font-family : Arial, Tahoma, sans-serif;
	font-size: 10px;
	margin: -10px 0px 5px 0px;
	color: #d6aa5e;
}

.breadcrumbs a
{
	text-decoration	: none;
	color: #d6aa5e;
}

.breadcrumbs a:hover
{
	text-decoration	: underline;
}
/************Menu about*************************/
.aboutMenu
{
	color: #72472B;
	width: 850px; /* for IE6 bug 
	width: 100%;*/
	float:left;
	margin: 0px;
	text-align:center;
	font-size:14px;
	border-bottom: 1px solid #DFCBC3;
	font-family:Times New Roman;
}

.categoryMenu>.aboutMenu{
background-color:#FFF7E5;
border-bottom:1px solid #E8DBD5;
padding: 10px 0px 10px 0px;
}
.aboutMenu a ,
.aboutMenu a:link ,
.aboutMenu a:visited ,
.aboutMenu a:active
{
	color: #72472B;
	text-decoration:none;
	padding: 0px 2px 0px 2px;
}

.aboutMenu a:hover
{
	color: #D68A24;
}

.aboutMenu ul
{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
.aboutMenu ul li
{
	display:inline;
}
/**------------------------------------------------ CONTENT ------------------------------------------------**/

/**----------------------------------------------- LEFT MENU -----------------------------------------------**/

.categoryMenuLeft
{
	background-color:#c9a782;
	text-align:left;
	font-size:11px;
	width:175px;
	margin-top:10px;
 
}
.categoryMenuLeft ul
{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

.categoryMenuLeft h2
{
	color:#fff;
	font-weight:bold;
	padding-left:7px;
	border-bottom: 1px solid #fff;
}

.categoryMenuLeft li:hover
{
	background-color:#9b6e45;
}

.categoryMenuLeft li:active
{
	background-color:#9b6e45;
}

.categoryMenuLeft li
{
	border-bottom:1px solid #FFFFFF;
	margin:0px;
	padding:4px;
}

.categoryMenuLeft li a 
{
	text-decoration: none;
	color:#FFFFFF;
}

.categoryMenuLeftBot
{
	background-color:#fff4de;
	text-align:left;
	width:175px;
	margin-top:10px;
 
}

.categoryMenuLeftBot ul
{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

.categoryMenuLeftBot h2
{
	color:#764d37;
	font-weight:bold;
	padding-left:7px;
	border-bottom: 1px solid #fff;
}

.categoryMenuLeftBot li:hover
{
	background-color:#c9a782;
}

.categoryMenuLeftBot li:active
{
	background-color:#c9a782;
}

.categoryMenuLeftBot li
{
	border-bottom:1px solid #764d37;
	margin:0px;
	padding:4px;
}

.categoryMenuLeftBot li a 
{
	text-decoration: none;
	color:#764d37;
}

.leftImgAbout
{
    width:172px;
    position:absolute;
	padding:7px 0px 7px 0px;
    }
.leftImgAboutTitle
{
    position:absolute;
    color:#fff;
    font-family:Times New Roman;
    font-weight:bold;
    font-size:15px;
    padding:5px
    }
/**----------------------------------------------- CONTAINER ----------------------------------------------**/

#container
{
	position    : relative;
	margin      : 0px auto;
	width       : 852px;
}

#textcontainer
{
    text-align       : justify;
	margin           : 22px;
	width            : 330px;
	line-height      : 18px;
}
.text
{
    float:left;
    width:300px;
    margin: 22px;
}
#textcontainerTS
{
    text-align       : justify;
	margin           : 22px 0px 22px 22px;
	width            : 650px;
	line-height      : 18px;
}
.textTS
{
    float:left;
    margin: 22px;
}

.DID{
    text-transform:none;
    text-decoration:none;
    margin:5px 0px 5px 0px;
    padding:5px 10px 5px 10px;
    border: solid 1px #72472B;
    background-color:#FFF7E5;
}

/**----------------------------------------------- RIGHT SIDE ---------------------------------------------**/
#imgcontainer
{
    float:right;
    margin: 15 0 15 10;
}

.img
{
    float:right; 
    margin-top:5px;
}

/**------------------------------------------------ FOOTER ------------------------------------------------**/

/**---------------------------------------------- BOTTOM MENU ---------------------------------------------**/
#footer
{
	margin-top: 10px;
	display:block;
}

#footerSitemap
{
	width       : 100%;
	height      : 210px;
	margin-top  : 15px;
}

#footerSitemap ul
{
	list-style      : none;
	padding-left    : 3px;
	margin-left     : 0px;
}

.footerColumn
{
  width:24%;
  float:left; 
  text-align:left;
}
.footerHeading
{
  font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  font-weight:bold;
  color:#72472B;
}

.Bottom
{
	text-align		: center;
	width			: 100%;
}
.MenuBottom
{
    margin			: 0px 0px 6px 0px;
    line-height     : 15px;
    padding			: 6px 0px;
    width			: 100%;
    border-bottom	: 1px solid #cfb7ad;
    border-top      : 1px solid #cfb7ad;
}
.MenuBottom li
{
    font-family		: Verdana,Arial,Sans-Serif;
    display         : inline;
    text-align      : center;
	font-size		: 11px;
    color           : #422b20;
}
.MenuBottom a,
.MenuBottom a:hover,
.MenuBottom a:active,
.MenuBottom a:visited
{
    color           : #72472b;
    text-decoration : none;
}

.MenuBottom a:hover
{
    text-decoration : underline;
}

.menuMiddle
{
	padding             : 3px 0px 5px 0px;
	margin-top          : 3px;
	width               : 100%; 
	background-color    : #FAF7F1;
	border-top          : 1px solid #cfb7ad;
	border-bottom       : 1px solid #cfb7ad;
	font-size           : 10px;
}

.menuMiddle li
{
	color   : #CCCCCC;
}

.menuMiddle a,
.menuMiddle a:hover,
.menuMiddle a:active,
.menuMiddle a:visited
{
	color   : #9e874a;
}	

.SubMenuBottom
{
    margin	        : 0px;
    padding			: 0px 0px 4px 0px;
    width			: 100%;
}
.SubMenuBottom li
{
    display         : inline;
    font-family		: Arial, Helvetica, sans-serif;
	color           : #864504;
}
.SubMenuBottom a
{
    color           : #864504;
    text-decoration : none;
}
.SubMenuBottom a:hover
{
    text-decoration : underline;
}
.Copyright
{
	font-family		: Arial,Sans-Serif;
	color			: #999999;
    font-size		: 12px;
	margin			: 15px auto 5px auto;
}