@charset "utf-8";

/* CSS Document */

/**
 * global style resetting 
 */
	
html,body,div,span,

applet,object,iframe,

h1,h2,h3,h4,h5,h6,p,blockquote,pre,

a,abbr,acronym,address,big,cite,code,

del,dfn,em,font,img,ins,kbd,q,s,samp,

small,strike,strong,sub,sup,tt,var,

dd,dl,dt,li,ol,ul,

fieldset,form,label,legend,

table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before,q:after,

blockquote:before,blockquote:after {
	content: "";
}

* { outline: none; }

.clear-both{
	clear:both;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}
/**
 * LINKS
 */

a:link {font-style:italic; text-decoration: underline; color: #B2A094;}

a:visited {font-style:italic; text-decoration: underline; color: #B2A094;}

a:active {font-style:italic; text-decoration: underline; color: #B2A094;}

a:hover {font-style:italic; text-decoration: none; color: #B2A094;}



/**
 * TITRE H1H2H3H4
 */



/**
 * STRUCTURE
 */

	
html, body{}

body{
	font-family: "Trebuchet MS", Verdana, Geneva;
	font-size:11px;
	color:#ffffff;
	line-height:16px;
	background-color:#251a18;
}


/**
 * HEADER
 */
#header{
	float:left;
	width:100%;
	height:197px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/interface/espaces/general/bgHeader.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}
	#header-content{
		width:960px;
		margin:0 auto;
	}
	
.logo{
	float:left;
	border:2px #FFF solid;
	margin:0 10px 0 0;
}
.image-banniere{
	float:left;
	border:1px #ad988a solid;
	margin:0 10px 0 0;
}

#selection-espace{
	position:relative;
	float:right;
	/*width:394px;*/
	width:576px;
	height:124px;
	background-image:url(../images/interface/espaces/general/slogan.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
	#selection-espace ul{
		position:absolute;
		/*width:544px;*/
		height:31px;
		bottom:0;
		right:0;
	}
		#selection-espace ul li{
			float:left;
			width:100px;
			height:31px;
			margin:0 5px 0 0;
		}
			#selection-espace ul li.saveurs-epices{
				background-image:url(../images/interface/espaces/epices/onglet.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
			}
			#selection-espace ul li.saveurs-cafes{
				background-image:url(../images/interface/espaces/cafes/onglet.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
			}
			#selection-espace ul li.saveurs-vins{
				background-image:url(../images/interface/espaces/vins/onglet.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
			}
			
			#selection-espace ul li.saveurs-200{
				background-image:url(../images/interface/espaces/200/onglet.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
				margin: 0 50px 0 0;
			}
		
		#selection-espace ul li a{
			text-indent:-1000px;
			font-size: 0;
			display:block;
			width:100px;
			height:31px;
			font-style:normal;
			text-decoration: none;
		}
			
	


/**
 * MENU PRINCIPAL
 */
ul#menu-principal{
	width:100%;
	height:26px;
	margin:0 0 13px 0;
	padding:0 0 0 0;
	z-index:999;
}
	ul#menu-principal li{
		position:relative;
		float:left;
		height:26px;
		font-weight:bold;
		margin:0 0 0 0;
		padding:0 10px 0 10px;
		background-image:url(../images/interface/bgMenuPrincipalLi.jpg);
		background-position:right;
		background-repeat:no-repeat;
	}
		ul#menu-principal li:hover,  ul#menu-principal li.iehover, ul#menu-principal li.active{
			background-image:url(../images/interface/bgMenuPrincipalLiHover.gif);
		}
			
		ul#menu-principal li a, ul#menu-principal li a:link, ul#menu-principal li a:active, ul#menu-principal li a:visited{
			float:left;
			display:block;
			cursor:pointer;
			height:20px;
			padding:6px 0 0 0;
			color:#fff;
			font-weight:bold;
			text-transform:uppercase;
			font-style:normal; 
			text-decoration: none;
		}
			ul#menu-principal li a:hover{
				text-decoration:none;
			}
		
		ul#menu-principal li ul{
			position:absolute;
			float:left;
			top:26px;
			left:0;
			display:none;
			background-color:#d4cac3;
			z-index:999;
			width:150px;
			
		}
		
		ul#menu-principal li:hover ul, ul#menu-principal li.iehover ul{
			display:block;
		}
		
		ul#menu-principal li ul:after /*From IE 7 lack of compliance*/{
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
		}
		
			ul#menu-principal li ul li{
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				width:150px;
				height:20px;
				margin:0;
				background-image:none;
				padding:0;
			}
				ul#menu-principal li ul li:hover,  ul#menu-principal li ul li.iehover{
					background-image:none;
			}
			
				ul#menu-principal li ul li a, ul#menu-principal li ul li a:link, ul#menu-principal li ul li a:active, ul#menu-principal li ul li a:visited{
					width:140px;
					height:17px;
					padding: 0 0 0 0;
					color:#65534f;
					padding:3px 5px 0 5px;
					font-weight:normal;
					text-transform:none;
					font-style:normal; 
					text-decoration: none;
				}
					ul#menu-principal li ul li a:hover{
						color:#fff;
						background-image:url(../images/interface/bgMenuPrincipalSMHover.jpg);
						background-position:0 0;
						background-repeat:repeat-x;
					}
					
/**
 * MENU ESPACE
 */
ul#menu-espace{
	float:left;
	position:relative;
	width:100%;
	height:34px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:999;
}
	ul#menu-espace li{
		position:relative;
		float:left;
		height:34px;
		font-weight:bold;
		margin:0 0 0 0;
		padding:0 10px 0 10px;
		background-position:right;
		background-repeat:no-repeat;
	}
			
		ul#menu-espace li a, ul#menu-espace li a:link, ul#menu-espace li a:active, ul#menu-espace li a:visited{
			float:left;
			display:block;
			cursor:pointer;
			height:26px;
			padding:8px 0 0 0;
			color:#fff;
			font-weight:bold;
			text-transform:uppercase;
			font-style:normal; 
			text-decoration: none;
		}
			ul#menu-espace li a:hover{
				text-decoration:none;
			}
		
		ul#menu-espace li ul{
			position:absolute;
			float:left;
			width:300px;
			top:33px;
			left:-2px;
			display:none;
			z-index:999;
		}
		
		ul#menu-espace li:hover ul, ul#menu-espace li.iehover ul{
			display:block;
		}
		
		ul#menu-espace li ul:after /*From IE 7 lack of compliance*/{
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
			z-index:999;
		}
		
			ul#menu-espace li ul li{
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				width:300px;
				height:20px;
				margin:0;
				background-image:none;
				padding:0;
			}
				ul#menu-espace li ul li:hover,  ul#menu-espace li ul li.iehover{
					background-image:none;
				}
			
				ul#menu-espace li ul li a, ul#menu-espace li ul li a:link, ul#menu-espace li ul li a:active, ul#menu-espace li ul li a:visited{
					width:290px;
					height:17px;
					padding: 0 0 0 0;
					color:#fff;
					padding:3px 5px 0 5px;
					font-weight:normal;
					text-transform:none;
					font-style:normal; 
					text-decoration: none;
				}
					ul#menu-espace li ul li a:hover{
						color:#52453b;
						background-position:0 0;
						background-repeat:repeat-x;
					}



/**
 * MAIN
 */
#main{
	float:left;
	width:100%;
	background-color:#5a4d4a;
	padding:0 0 0 0;
}
	#main-content{
		width:960px;
		margin:0 auto;
		padding:0;
		background-image:url(../images/interface/espaces/general/bgContent.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
	}

		#main-content-fond{
			float:left;
			width:960px;
			height:370px;
			padding:0;
			background-image:url(../images/interface/espaces/general/bgContent_50.jpg);
			background-position:0 0;
			background-repeat:no-repeat;
		}
		html>body #main-content-fond {
			height: auto;
			min-height: 370px;
		} 
		
		
/**
 * FOOTER
 */

#footer{
	float:left;
	width:100%;
	height:135px;
	background-image:url(../images/interface/espaces/general/bgFooter.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:12px 0 0 0;
}
	#footer-content{
		width:960px;
		margin:0 auto;
	}
	
		#footer-content-left{
			float:left;
			width:305px;
			height:56px;
			background-image:url(../images/interface/bgFooterContentLeft.png);
			background-position:0 0;
			background-repeat:no-repeat;
			padding:0 0 0 20px;
		}
			#menu-footer1{
				position:relative;
				width:305px;
				z-index:1;
			}
				#menu-footer1 li{
					display:inline;
					color:#796557;
				}
					#menu-footer1 li a, #menu-footer1 li a:link, #menu-footer1 li a:active, #menu-footer1 li a:visited{
						color:#796557;
						font-style:normal; 
						text-decoration: none;
					}
			#menu-footer2{
				position:relative;
				width:430px;
				z-index:1;
			}
				#menu-footer2 li{
					display:inline;
					color:#796557;
				}
					#menu-footer2 li a, #menu-footer2 li a:link, #menu-footer2 li a:active, #menu-footer2 li a:visited{
						font-size:10px;
						color:#796557;
						font-style:normal; 
						text-decoration: none;
					}
			#menu-footer3{
				position:relative;
				width:305px;
				z-index:1;
			}
				#menu-footer3 li{
					display:inline;
					color:#796557;
				}
					#menu-footer3 li a, #menu-footer3 li a:link, #menu-footer3 li a:active, #menu-footer3 li a:visited{
						font-size:10px;
						color:#796557;
						font-style:normal; 
						text-decoration: none;
					}
					
		
		#footer-content-right{
			float:right;
			width:250px;
			height:68px;
		}
			#f_search{
				width:250px;
				height:21px;
				text-align:right;
			}
			#f_search label{
				float:left;
				color:#796557;
				font-weight:bold;
				padding:3px 5px 0 0;
			}
			#f_search .inputSearch{
				float:left;
				width:125px;
				height:18px;
				padding:3px 0 0 5px;
				color:#796557;
				border:none;
				background:transparent;
				background-image:url(../images/interface/bgInputSearch.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
			}
			#f_search .submitSearch{
				float:left;
				width:37px;
				height:21px;
				padding:0 0 0 0;
				text-align:center;
				font-size:10px;
				color:#fff;
				border:none;
				background:transparent;
				background-image:url(../images/interface/bgSubmitSearch.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
				cursor:pointer;
			}
			
		#menu-langue{
			/*width:205px;*/
			padding:10px 5px 0 45px;
			text-align:right;
		}
			#menu-langue li{
				display:inline;
				padding:0 7px 0 0;
			}
			
/**
 * PAGE ACCUEIL CHOIX ESPACES
 */
#accueilEspaces{
	float:left;
	padding:20px;
	width:660px;
}
.selectAccueilEspaces{
	font-size:11px;
	margin:0 0 5px 0;
}
.boxAccueilEspaces{
	position:relative;
	float:left;
	width:199px;
	height:306px;
	background-position:0 0;
	background-repeat:no-repeat;
}
	.boxAccueilEspaces h1{
		display:none;
		visibility:hidden;
	}
	.boxAccueilEspaces img{
		
		display:block;
		margin-top:150px;
		margin-left: auto;
		margin-right: auto;
	}
	.boxAccueilEspaces .makeDivClickable {
		height: 306px;
		width: 199px;
		top:0;
		left:0;
		overflow: hidden;
		position: absolute;
	}
			#animation200ans{
				float:left;
				width:600px;
				/*
				height:450px;
				background: #FF0000;
				*/
				position:relative;
			}							
			#animation200ans .makeDivClickable {
				height: 337px;
				width: 600px;
				top:0;
				left:0;
				overflow: hidden;
				position: absolute;
			}
			#animation200ans .makeDivClickable img.gifSize {
				height: 337px;
				width: 600px;
				border:none;
				margin:0;
			}
			
			#badgeMoulins{
				position:absolute;
				height:160px;
				width:160px;
				bottom: -80px;
				right:-80px;
				background-image:url(../images/interface/espaces/200/badge.png);
				background-position: 0 0;
				background-repeat:no-repeat;
			}
				#badgeMoulins .makeDivClickable {
					height: 160px;
					width: 160px;
					top:0;
					left:0;
					overflow: hidden;
					position: absolute;
				}
				#badgeMoulins .makeDivClickable img.gifSize {
					height: 160px;
					width: 160px;
					border:none;
					margin:0;
				}
			
	#boxAccueilEpices{
		background-image:url(../images/interface/bgBoxAccueilEpices.jpg);
	}
		#boxAccueilEpices img{
			border:1px solid #e3bd91;	
		}
		#boxAccueilEpices img.gifSize {
			height: 306px;
			width: 199px;
			border:none;
			margin:0;
		}
	#boxAccueilCafes{
		background-image:url(../images/interface/bgBoxAccueilCafes.jpg);
	}
		#boxAccueilCafes img{
			border:1px solid #d2c0aa;	
		}
		#boxAccueilCafes img.gifSize {
			height: 306px;
			width: 199px;
			border:none;
			margin:0;
		}
	#boxAccueilVins{
		background-image:url(../images/interface/bgBoxAccueilVins.jpg);
	}
		#boxAccueilVins img{
			border:1px solid #e79ba1;	
		}
		#boxAccueilVins img.gifSize {
			height: 306px;
			width: 199px;
			border:none;
			margin:0;
		}
		
/**
 * BLOC ACTUS ACCUEIL
 */
#lastNews{
	float:left;
	width:310px;
	padding:30px 0 0 0;
}
	#lastNews h1{
		color:#b2a094;
		text-transform:uppercase;
		font-size:14px;
		margin:0 0 15px 0;
	}
	
.lastActus{
	width:240px;
	background-image:url(../images/interface/bgBoxLastActus.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0 15px 50px 15px;
	margin: 0 auto 20px;
    overflow: hidden;
}
	p.textActu{
		color:#ece4df;
	}

	.lastActus a.suite, .lastActus a.suite:link, .lastActus a.suite:active, .lastActus a.suite:visited, .lastActus a.suite:hover{
		display:block;
		float:right;
		color:#b2a094;	
		background-image:url(../images/interface/pictos/actuSuite.jpg);
		background-position:0 3px;
		background-repeat:no-repeat;
		padding:0 0 0 12px;
		font-style:italic;
		text-decoration: none;
	}
	
#lastNews .lastActus{
	background-image:none;
	padding-bottom:0px;
}

.separatorV{
	background:url(../images/interface/bgBoxLastActus2.jpg) no-repeat right center;
}

/*
 * BCRUMBS
 */
#bcrumbs{
	background-image:url(../images/interface/pictos/bcrumbs.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	height:21px;
	position: absolute;
	left:20px;
	top:10px;
}

#bcrumbs a.link_retour{
	display:block;
	float:left;
	width:24px;
	height:20px;
}

	#bcrumbs ul{
		float:left;
	}

	#bcrumbs ul li{
		float:left;
		height:18px;
		padding:2px 5px 0 5px;
		color:#FFF;
		font-weight:bold;
	}
	
		#bcrumbs ul li a, #bcrumbs ul li a:link, #bcrumbs ul li a:visited, #bcrumbs ul li a:active{
			color:#FFF;	
			font-style:normal; 
			text-decoration: none;
		}

		
/**
 * SELECT PRODUIT
 */
#f_produits{
	position:absolute;
	bottom:25px;
	left:20px;
}

/*
 * GAMME
 */


#main-gamme{
	width:100%;
	height:380px;
	padding:0;
	background-image:url(../images/interface/espaces/epices/bgContent-gamme.png);
	background-position:0 0;
	background-repeat:no-repeat;
}


#main-gamme-content{
	position:relative;
	float:left;
	width:100%;
	height:380px;
}


/**
 * FAMILLE
 */
#main-famille{
	width:100%;
	padding:0 0 0 0;
}

#main-famille-content{
	position:relative;
	float:left;
	width:100%;
	padding:0 0 50px 20px;
}
#box-famille{
	float:left;
	width:337px;
	min-height:295px;
  	height:auto !important;
  	height:295px;
	background-image:url(../images/interface/espaces/epices/bgBox-famille.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	margin:35px 0 0 0;
}

#box-famille h1{
	padding:15px 0 15px 15px;
	text-transform:uppercase;;
	font-size:16px;
}

#box-famille a, #box-famille a:link, #box-famille a:visited, #box-famille a:active{
		float:left;
		color:#f6c384;
		display:block;
		width:300px;
		height:15px;
		padding:0 10px 0 10px;
		text-transform:uppercase;
		margin:0 0 5px 0;	
		font-style:normal; 
		text-decoration: none;	
	}
	#box-famille a:hover{
		color:#FFF;
		text-decoration:none;
	}
	
	#box-famille a.selected, #box-famille a.selected:link, #box-famille a.selected:visited, #box-famille a.selected:active{
		color:#fff;	
	}
		
h1.nomFamille{
	float:left;
	font-size:16px;
	margin:55px 0 0 10px;
}

#box-famille-glider{
	position:absolute;
	top:80px;
	left:286px;
	width:307px
}
	#box-famille-glider-images{
		width:307px;
		height:268px;
		background-image:url(../images/interface/gliderFamille/bgBoxImages.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
	}

#box-famille-right{
	float:right;
	width:330px;
	padding:35px 0 0 0;
}

#box-famille-pictos{
	width:330px;
	height:35px;
}
	#box-famille-pictos img.pictos{
		float:left;
		margin:0 10px 0 0;
	}
/**
 * COULEUR TABS
 */

/* Subsection Tabs
--------------------*/
ul#couleursTabs{
	list-style:none;
	margin:25px 0 0 0;
	padding:0;
	height:32px;
	width:320px;
	clear:both;
	background-image:url(../images/interface/couleursTabs/bgContentHeader2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

ul#couleursTabs li.tab{
	float:left;
	text-align:center;
	height:32px;
}

ul#couleursTabs li.tab a{
	display:block;
	height:27px;
	padding:0 0 0 7px;
	width:31px;
	font-style:normal; 
	text-decoration: none;
}

	ul#couleursTabs li.tab a span{
		display:block;
		height:18px;
		width:21px;
		background:#FF0000;
		/*font-size:0;
		text-indent:-1000px;*/
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		padding:3px 0 0 0;
	}

ul#couleursTabs li.tab a:hover{
	
}

ul#couleursTabs li.tab a.active{
	background-image:url(../images/interface/couleursTabs/bgLiActive.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:5px 0 0 7px;
}
	ul#couleursTabs li.tab a.active span{
		border:1px solid #FFF;	
	}

#couleurTabsContentHeader{
	float:left;
	width:320px;
	height:7px;
	background-image:url(../images/interface/couleursTabs/bgContentHeader2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#couleurTabsContentFooter{
	float:left;
	width:320px;
	height:8px;
	padding:0;
	margin:0;
	background-image:url(../images/interface/couleursTabs/bgContentFooter2.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
.couleurTabsContentMain{
	float:left;
	width:302px;
	padding:10px;
	background-image:url(../images/interface/couleursTabs/bgContentMain2.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
}
.reference_type{
	float:left;
	margin:0 0 10px 0;
	width:302px;
}
.type_picto{
	float:left;
	width:24px;
}
.type_label{
	width:302px;
}
.type_label span.span_type_label{
	font-weight:bold;
	float:left;
}

.line{
	float:left;
	width:302px;
	margin:2px 0 2px 0;
	padding:2px 0 2px 0;
	height:16px;
}
.reference{
	float:left;
	width:120px;
}
.notice{
	float:right;
	text-align:center;
	width:70px;
}
.taille{
	clear:both;
	float:left;
	width:50px;
	padding:0 0 0 5px;
}

.bgColor{
	background-color:#7a6d6a;
}

/**
 * NEWS
 */
#content-news{
	float:left;
	position:relative;
	width:960px;
	padding: 40px 20px 10px 20px;
}

#detailNews{
	float:left;
	padding: 0 20px 0 0;
	width:630px;
}
	#detailNews h1{
		color:#b2a094;
		text-transform:uppercase;
		font-size:14px;
		margin:0 0 15px 0;
	}
		#detailNews .imgActuFloat{
			float:right;
			margin:0 0 0 5px;
			padding:0;
		}
			#detailNews img{
				border:1px solid #B2A094;
			}
			
#detailNews ul{
	margin: 0 0 0 15px;
	padding:0 0 0 15px;
	list-style-type:disc;
}
			
/**
 * HISTOIRE
 */
#histoire{
	float:left;
	width:920px;
	padding:20px;
	background-repeat: no-repeat;
	background-position: 15px 80px;
}
	#histoire h1{
		color:#b2a094;
		text-transform:uppercase;
		font-size:14px;
		margin:0 0 15px 0;
	}
	#liste-periode{
		float:left;
		color:#8e7b76;
	}
		#liste-periode a, #liste-periode a:link, #liste-periode a:active, #liste-periode a:visited{
			color:#8e7b76;
			font-size:13px;
			font-style:normal; 
			text-decoration: none;
		}
		#liste-periode a.periodeActive:visited, #liste-periode a.periodeActive:hover, #liste-periode a.periodeActive:active{
			color:#fff;
		}
		#liste-periode a:hover{
			text-decoration:none;
		}
 	#blocDate{
 		float:right;
		width:760px;
		margin:15px 0 0 0;
 	}
	
	#periode{
		margin:0 auto;
		/*width:450px;*/
		color:#8e7b76;
	}
		#periode a, #periode a:link, #periode a:visited{
			display:block;
			float:left;
			height:30px;
			padding:10px 0 0 0;
			color:#8e7b76;
			font-size:13px;
			font-style:normal; 
			text-decoration: none;
		}
		
		/*#periode a:hover{*/
		#periode a.dateOver, #periode a.dateOver:hover, #periode a.dateOver:active{
			text-decoration:none;
			background-image:url(../images/interface/pictos/histoire-flecheHaut.gif);
			background-position:center 0;
			background-repeat:no-repeat;
			color:#fff;
			
		}
			
		#periode span.sep{
			float:left;
			height:30px;
			padding:10px 5px 0 5px;
		}
		#periode span.periodeTitle{
			float:left;
			font-size:20px;
			font-weight:bold;
			margin:0 30px 0 0;
			padding:10px 0 0 0;
			color:#FFF;
		}
		
		.blocContenuHistoire{
			float:left;
			margin:25px 0 0 0;
		}
			.blocContenuHistoire img{
				float:left;	
			}
		
		.blocTexteHistoire{
			float:left;
			width:470px;
			padding:2px 0 0 20px;
		}
		
		h2.titre{
			color:#FFF;
			font-size:26px;
		}
		span.titreOrange{
			color:#df9150;
		}
		
		.blocTexteHistoire h4.label{
			float:left;
			color:#df9150;
			font-size:14px;
			margin:10px 0 25px 0;
			width:100%;
		}
		
		.blocTexteHistoire p{
			float:left;
			width:100%;
		}
			
/* général */
	
a.linkPlainButton{
	border:1px solid #fff;
	background-color:#d4cac3;
	color:#343434;
	font-weight:bold;
	padding:3px;
	margin-right:17px;
	text-decoration:none;
	text-transform:uppercase;
}

a.linkPlainButton:hover{
	text-decoration:none;
}	
			
/* page contact */
.contact{ margin:5px 0 0 35px; width: 300px;}
.labelContact{ display:block; float:left; font-size:11px; color:#fff; width:100px; margin:5px 0 0 0;}
.inputTex{ border:1px solid #fff; background-color:#282828; color:#fff; font-size:11px; width:200px; height:20px; margin:5px 0 0 0;}
.textAreaContact{ border:1px solid #fff; background-color:#282828; color:#fff; font-size:11px; width:200px; height:150px; margin:5px 0 0 0;}
.submitContact{ color:#fff; background-repeat:no-repeat; height:33px; margin:20px 0 0 380px;}
.legendRequired{ margin-top : 10px; font-size: 10px; font-style: italic;}
			
/*
 * PAGE CMS
 */
#content-cms{
	float:left;
	position:relative;
	width:920px;
	padding:40px 20px 10px 20px;
}
	#content-cms h1{
		color:#b2a094;
		text-transform:uppercase;
		font-size:14px;
		margin:0 0 15px 0;
	}

#content-cms-left{
	float:left;
	width:550px;	
}

#content-cms-right{
	float:left;
	width:350px;
	padding:0 0 0 20px;
}
	#content-cms-right img{
		float:right;
		border:1px solid #c8c1c0;	
	}
	
	
/**
 * SAVOURER
 */
.listSavourer{
	float:left;
	margin:0 0 20px 0;
	clear:both;
}

.listSavourer a, .listSavourer a:link, .listSavourer a:active, .listSavourer a:visited{
	font-style:normal;
}

a.savourerList, a.savourerList:link, a.savourerList:active, a.savourerList:visited{
	float:left;
	width:80px;
}
a.savourerList img{
	border:1px solid #c8c1c0;
}


.blocTexte{
	float:left;
	padding:0 0 0 10px;
	width:420px;
}

.blocTexte a.suite, .blocTexte a.suite:link, .blocTexte a.suite:active, .blocTexte a.suite:visited, .blocTexte a.suite:hover{
		display:block;
		float:right;
		color:#b2a094;	
		background-image:url(../images/interface/pictos/actuSuite.jpg);
		background-position:0 3px;
		background-repeat:no-repeat;
		padding:0 0 0 12px;
		font-style:italic;
		text-decoration: none;
	}
	
/**
 * REVENDEURS
 */

#revendeur_form label{
	float:left;
	width:125px;
	margin:0 0 10px 0;
	clear:both;
}

#revendeur_form select{
	float:left;
	width:350px;
}

#revendeur_form{
	float:left;
	margin:0 0 20px 0;
}

.distributionRev{
	float:left;
	width:370px;
	height:15px;
	padding:5px 10px 5px 10px;
	border: 1px solid #a1938f;
	background-color:#1b1210;
	color:#d4ccc4;
	font-weight:bold;
	text-transform:uppercase;
}
	

.adresseRev{
	float:left;
	width:370px;
	padding:10px;
	border: 1px solid #a1938f;
	margin:5px 0 5px 0;
}

.adresseRevCsp{
	float:left;
	width:370px;
	padding:10px;
	color:#5a4d4a;
	border: 1px solid #fff;
	margin:5px 0 5px 0;
	background-color:#d4ccc4;
}

.distributionRevCsp{
	float:left;
	width:370px;
	height:22px;
	padding:10px 10px 0 10px;
	color:#675143;
	border: 1px solid #fff;
	margin:5px 0 5px 0;
	background-color:#e1d9d6;
	background-image:url(../images/interface/pictos/cs.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-weight:bold;
	text-transform:uppercase;
}

/**
 * VIDEO
 */
#btnVideo{
	position:absolute;
	right:0;
	bottom:10px;
}

#btnVideo a{
	display:block;
	width:25px;
	height:18px;
	background-image:url(../images/interface/pictos/videos.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

.productNew{
	text-transform:none;
	font-style:italic;
}

.productLink{
	float:left;
}

.productNew {
	border-left:1px solid #fff;
	color:#fff;
	display:block;
	float:left;
	font-weight: bold;
	text-transform: uppercase;
	height:15px;
	margin:0 0 0 10px;
	padding:0 10px;
	width:40px;
}

#resultsPodium
{
	position: relative;
	background-image : url(../images/interface/bg_podium.png);
	background-repeat : no-repeat;
	background-position : top left;	
	height: 500px;
	font-size: 14px;
	font-weight: bold;
}

ul.resultsText
{
	list-style: disc;
	margin-left: 50px;
}

#resultsPodium span
{
	font-size: 32px;	
}

#resultsPodium p
{
	text-align: center;
	font-weight: normal;
}

#resultsPodium img, #resultsOthers img
{
	border: 1px solid #fff;
	margin-top: 5px;
}

#resultsPodium_1
{
	position: absolute;
	top : 70px;
	left : 320px;
}

#resultsPodium_2
{
	position: absolute;
	top : 140px;
	left : 0px;
}

#resultsPodium_3
{
	position: absolute;
	top : 210px;
	left : 640px;
}

#resultsOthers div
{
	float: left;
	width: 202px;
	height: 180px;
	margin-left: 10px;
	margin-right: 15px;		
}

/*
 * TEASER PAGE D'ACCUEIL 
 * /
 */

#teasers-home{
	padding:26px 0 0 0;
}

#teaserCadeauxAffaires{
	float:left;
	position:relative;
	height: 117px;
	width: 228px;
	margin-top:10px;	
	margin-bottom:20px;	
}
	#teaserCadeauxAffaires img{
		position:absolute;
		top:0;
		margin:0;
	}
	#teaserCadeauxAffaires .makeDivClickable {
		height: 117px;
		width: 228px;
		top:0;
		left:0;
		overflow: hidden;
		position: absolute;
	}
	#teaserCadeauxAffaires .makeDivClickable img.gifSize {
		height: 117px;
		width: 228px;
		border:none;
		margin:0;
	}

#teaserConcours{
	float:left;
	position:relative;
	height: 200px;
	width: 228px;
	margin-top:0;	
}
	#teaserConcours img{
		position:absolute;
		top:0;
		margin:0;
	}
	#teaserConcours .makeDivClickable {
		height: 200px;
		width: 228px;
		top:0;
		left:0;
		overflow: hidden;
		position: absolute;
	}
	#teaserConcours .makeDivClickable img.gifSize {
		height: 200px;
		width: 228px;
		border:none;
		margin:0;
	}

#teaserNouveautes{
	float:left;
	position:relative;
	height: 229px;
	width: 228px;
	margin-top:10px;	
}

	#teaserNouveautes h2{
		position:absolute;
		bottom:10px;
		left:0;
		text-align:center;
		width:228px;
		color:#5e4f4a;
		font-size:19px;
	}

	#teaserNouveautes img{
		position:absolute;
		top:0;
		margin:0;
	}
	#teaserNouveautes .makeDivClickable {
		height: 229px;
		width: 228px;
		top:0;
		left:0;
		overflow: hidden;
		position: absolute;
	}
	#teaserNouveautes .makeDivClickable img.gifSize {
		height: 229px;
		width: 228px;
		border:none;
		margin:0;
	}

#nouveautes-content{
	float:left;
	width:940px;
	padding:40px 0 20px 0;
}

.nouveautes-famille{
	float:left;	
	position:relative;
	width:116px;
	height:180px;
	padding:1px;
	margin:10px;
	background:url(../images/interface/espaces/general/bgBox-famille.jpg) repeat-y 0 0;
}

.nouveautes-famille a.label{
	position:absolute;
	bottom:10px;
	left:0;
	text-align:center;
	color:#fff;	
	text-decoration:none;
	font-style:normal;
	width:116px;
}


#cadeauxAffaires-contact{
	text-align:center;
	float:left;
	width:328px;
	padding:10px;
	border:1px solid #000;
	background:url(../images/interface/bgCoordonneesCA.jpg) repeat-x 0 0;
}

#cadeauxAffaires-contact h2{
	text-align:center;
}

#cadeauxAffaires-contact span{
    font-size: 18px;
    text-align: center;
	line-height:36px;
	color: #DE610D;
}

#cadeauxAffaires-contact span.tel{
	padding-left:22px;
	background:url(../images/interface/pictos/telCA.png) no-repeat 0 0;	
}

#cadeauxAffaires-contact span.mail{
	padding-left:28px;
	background:url(../images/interface/pictos/mailCA.png) no-repeat 0 6px;	
}

#cadeauxAffaires-contact span a{
	font-style:normal;
	color: #DE610D;
}

#savetapes
{
    margin-left:20px;
}

#savetapes li
{
    position: relative;
    border-top: 1px solid #fff;
    padding: 10px 0 0 50px;
    min-height: 40px;
    margin-bottom: 10px;
    font-size: 12px;
}

#savetapes li div
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #7d6f6c;
    color: #c1c1c1;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-top: 0;
}

#savetapes li div span
{
    display: block;
    font-size: 30px;
    padding: 9px 0 0 10px;
}

/* sel */
#savetapes li.sel div
{
    background-color: #3d2a22;
    color: #fff;
}

/* ok */
#savetapes li.ok div
{
    background:#3d2a22 url(../images/interface/savcheck.gif) no-repeat 7px 8px;
}
#savetapes li.ok div span
{
    display: none;
}


/* item-contact */
#item-contact{
	margin-left: 10px;
	z-index: 2;
}

ul#menu-principal li#item-contact a{
	display:block;
	padding-left:20px;
	background:url(../images/interface/pictos/item-contact.gif) 0 4px no-repeat;
}
#item-home{
	margin-left: 10px;
	z-index: 2;
}

ul#menu-principal li#item-home a{
	display:block;
	padding-left:15px;
	background:url(../images/interface/pictos/item-home.gif) 0 4px no-repeat;
	font-size:0;
	text-indent:-10000em;
}

#header-content {
    position: relative;
}

#f_search{
	position:absolute;
	right:0px;
	top:2px;
	width:170px;
}
#f_search label {
    color: #FFFFFF;
}

#f_search .inputSearch{
	font-size: 11px;
    font-style: italic;
    height: 21px;
    padding: 0 0 0 5px;
}

#facebook{
	position:absolute;
	right:0;
	z-index: 2;
}

#facebook a.url{
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:url(../images/interface/pictos/facebook20x20.gif) 0 0 no-repeat;
	margin-right:10px;
}
#facebook a.url:hover{
	background:url(../images/interface/pictos/facebook20x20.gif) 0 -20px no-repeat;
}

.fb-like{
	width: 100px;
}