@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:305px;
				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:610px;
}
.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{
	margin:0 auto;
	width:240px;
	background-image:url(../images/interface/bgBoxLastActus.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0 15px 50px 15px;
}
	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;
	}

/*
 * 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;
	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:150px;
}
.type_picto{
	float:left;
	width:24px;
}
.type_label{
	float:left;
	width:125px;
}
.type_label span.span_type_label{
	font-weight:bold;
}
.reference{
	float:left;
	width:90px;
	height:14px;
}
.taille{
	float:left;
	width:35px;
	height:14px;
}

/**
 * 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;
}
