@charset "utf-8";

/* CSS Document */

/*
 * LIENS
 */
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;}


#header{
	background-image:url(../images/interface/espaces/epices/bgHeader.jpg);
}

#selection-espace{
	background-image:url(../images/interface/espaces/epices/slogan.jpg);
}

#main{
	background-color:#5a4d4a;
}
	#main-content{
		/*background-image:none;*/
	}

#footer{
	background-image:url(../images/interface/espaces/epices/bgFooter.jpg);
}

ul#menu-espace li{
	background-image:url(../images/interface/espaces/epices/bgMenuEspaceLi.jpg);
}
	ul#menu-espace li:hover,  ul#menu-espace li.iehover, ul#menu-espace li.active{
		background-color:#efa76c;
	}
		ul#menu-espace li ul{
			background-color:#efa76c;
			border-left:1px solid #b25f1b;
			border-bottom:1px solid #b25f1b;
			border-right:1px solid #b25f1b;
		}
		
			ul#menu-espace li ul li a:hover{
				color:#fff;
				background-color:#dd7900;
			}
			
/**
 * LISTE 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;
}

#box-gamme-epices1{
	float:left;
	width:141px;
	padding:75px 0 0 310px;
}

	.box-gammeHeader-epices{
		float:left;
		width:100%;
		height:10px;
		margin:0;
		padding:0;
		background-image:url(../images/interface/espaces/epices/bgBox-gammeHeader.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	
	.box-gammeMain-epices{
		float:left;
		width:100%;
		padding:5px 0 5px 0;
		margin:0 0 0 0 !important;
		margin:-10px 0 0 0;
		background-image:url(../images/interface/espaces/epices/bgBox-gammeMain.jpg);
		background-position:0 0;
		background-repeat:repeat-y;
	}
	.box-gammeDroite-epices{
		float:left;
		width:100%;
		height:21px;
		padding:5px 0 0 0;
		margin:0 0 4px 0;
		margin:0 0 4px 0 !important;
		background-image:url(../images/interface/espaces/epices/bgBox-gammeDroite.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
	}
		.box-gammeMain1-epices{
			
		}
		
	.box-gammeFooter-epices{
		float:left;
		width:100%;
		height:10px;
		padding:0;
		margin:0;
		background-image:url(../images/interface/espaces/epices/bgBox-gammeFooter.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	
	.box-gammeMain-epices a, .box-gammeMain-epices a:link, .box-gammeMain-epices a:visited, .box-gammeMain-epices a:active{
		float:left;
		color:#f6c384;
		display:block;
		width:121px;
		padding:0 0 0 10px;
		height:15px;
		text-transform:uppercase;
		margin:0 0 0 0;
		font-style:normal; 
		text-decoration: none;		
	}
		.box-gammeMain1-epices a, .box-gammeMain1-epices a:link, .box-gammeMain1-epices a:visited, .box-gammeMain1-epices a:active{
			margin:5px 0 5px 0;	
		}
		
	.box-gammeMain-epices a:hover{
		color:#FFF;
		text-decoration:none;
	}
	
#box-gamme-epices1_images{
	float:left;
	width:200px;
	padding:75px 0 0 10px;
}

#box-gamme-epices1_images a{
	display:block;
	float:left;
	width:62px;
	margin:0 4px 4px 0;
}

.image-gamme1{
	border:1px solid #ab9e9b;
}

.image-gamme1-hover{
	border:1px solid #dc7a00;
}

#box-gamme-epices2{
	float:right;
	width:148px;
	padding:75px 0 0 0;
}

	.box-gammeMain2-epices a, .box-gammeMain2-epices a:link, .box-gammeMain2-epices a:visited, .box-gammeMain2-epices a:active{
		margin:0 0 0 0;	
	}

#box-gamme-epices2_images{
	float:left;
	padding:5px 0 0 0;
}

#box-gamme-epices2_images a{
	display:block;
	float:left;
	width:68px;
	margin:0 4px 4px 0;
}

.image-gamme2{
	border:1px solid #ab9e9b;
}

.image-gamme2-hover{
	border:1px solid #dc7a00;
}

a.link-gamme2_ES, a.link-gamme2_ES:link, a.link-gamme2_ES:active, a.link-gamme2_ES:visited{
	font-size:10px;
	line-height:9px;
}

.link-gamme1_ES{
	line-height:10px;
}
 
/**
 * SELECT PRODUIT
 */
ul.selectOpen li:hover,
ul.selectOpen li.hover {
	background:#dc7a00;
	color:#FFF;
}

/**
 * BOX FAMILLE
 */
#box-famille{
	background-image:url(../images/interface/espaces/epices/bgBox-famille.jpg);
}	
#box-famille a, #box-famille a:link, #box-famille a:visited, #box-famille a:active{
	color:#f6c384;	
}