a.link{
	color:#FFFFFF;
	text-decoration:none;
}
a.link:hover{
	text-decoration:underline;
}

a.link-black{
	color:#000;
	text-decoration:none;
}
a.link-black:hover{
	text-decoration:underline;
}


/*
	homepage
*/
	DIV.homepage .language{
		position:absolute;
		top:500px;
		text-align:center;
		width:100%;
	}

	DIV.homepage .language A.french,
	DIV.homepage .language A.english{
		display:inline-block;
		height:20px;
		font-size:9px;
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		line-height:20px;
		text-align:left;
	}

	DIV.homepage .language A.english{
		background:url(../images/english-flag.jpg) no-repeat right 3px;
		margin-right:30px;
		width:55px;
	}

	DIV.homepage .language A.french{
		background:url(../images/french-flag.jpg) no-repeat left 3px;
		text-align:right;
		width:59px;
	}

	DIV.homepage .language A:hover{
		color:#CCCCCC;
	}

/*
	accueil
*/
	DIV.accueil{
	}

	DIV.accueil A.engagement{
		display:block;
		position:absolute;
		top:55px;
		left:95px;

		height:419px;
		width:245px;
	}
	
	DIV.accueil A.maison{
		display:block;
		position:absolute;
		top:55px;
		left:346px;
		height:419px;
		width:245px;
	}
	
	DIV.accueil A.piment{
		display:block;
		position:absolute;
		top:55px;
		left:595px;
		height:419px;
		width:245px;
	}
	

	DIV.accueil A:hover{
		background-position:-245px 0px!important;
	}

/*
	maison-inona
*/

	DIV.maison-inona{
		background:url(../images/backgrounds/maison-inona.jpg) no-repeat 0px 0px;
	}

	DIV.maison-inona A.map{
		display:block;
		position:absolute;
		top:165px;
		left:400px;
		height:24px;
		width:95px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		font-size:12px;
		text-transform:uppercase;
		text-align:center;
		line-height:20px;
	}



	DIV.maison-inona .left-column{
		display:block;
		position:absolute;
		top:60px;
		left:25px;
		height:400px;
		width:260px;
		text-align:justify;
	}
	
	DIV.maison-inona .right-column{
		display:block;
		position:absolute;
		top:60px;
		left:322px;
		height:400px;
		width:270px;
		text-align:justify;
	}
	
/*
	engagement
*/

	DIV.engagement{
		background:url(../images/backgrounds/engagement.jpg) no-repeat 0px 0px;
	}

	DIV.engagement .title{
		font-size:18px;
		padding:0px;
		margin:0px;
		color:#e6d4af;
		position:absolute;
		top:30px;
		left:24px;
		font-weight:normal;
		text-transform:uppercase;
	}

	DIV.engagement H1{
		padding:0px;
		margin:0px;
		font-size:12px;
		color:#ead9b3;
		text-transform:uppercase;
	}
	
	DIV.engagement .left-column{
		display:block;
		position:absolute;
		top:65px;
		left:25px;
		height:400px;
		width:260px;
		text-align:justify;
	}

	DIV.engagement .middle-column{
		display:block;
		position:absolute;
		top:65px;
		left:330px;
		height:400px;
		width:270px;
		text-align:justify;
	}

	DIV.engagement .right-column{
		display:block;
		position:absolute;
		top:65px;
		left:640px;
		height:400px;
		width:270px;
		text-align:justify;
	}



/*
	contact
*/

	DIV.registration{
		background:url(../images/backgrounds/registration.jpg) no-repeat right 1px ;
	}

/*
	contact
*/

	DIV.contact{
		background:url(../images/backgrounds/contact.gif) no-repeat 160px 100px;
	}

	DIV.contact H2{
		margin:0px;
		padding:0px;
		color:#e8d6b1;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
	}

	DIV.contact H3{
		margin:0px;
		padding:0px;
		color:#fff;
		font-size:11px;
		font-weight:normal;
		text-transform:uppercase;
	}

	DIV.contact .title{
		font-size:18px;
		padding:0px;
		margin:0px;
		color:#e6d4af;
		top:30px;
		left:24px;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
		margin: 35px 0px;
	}
	DIV.contact .contact_form{
		position:absolute;
		top		:100px;
		left	:160px;
		width	:620px;
		height	:360px;
		color:#fff;
		font-size:11px;
	}
	
	DIV.contact .coords{
		position:absolute;
		top		:25px;
		left	:45px;
		width	:160px;
	}
	
	DIV.contact .contact_form UL{
		position:absolute;
		top:43px;
		left:250px;
		padding:0px;
		margin:0px;
		list-style:none;
	}
		
	DIV.contact .contact_form LI{
		margin:0px;
		padding:0px;
		margin-bottom:5px;
		font-size:11px;
		height:18px;
	}

	DIV.contact .contact_form LI SPAN{
		display:block;
		width:82px;
		float:left;
		
	}

	DIV.contact .contact_form TEXTAREA,
	DIV.contact .contact_form INPUT{
		border:none;
		width:260px;
		height:16px;
		margin:0px;
		padding:0px;
		font-size:11px;
		line-height:10px;
		color:#FFFFFF;
		background-color:transparent;
	}

	DIV.contact .contact_form TEXTAREA{
		margin-top:5px;
		width:260px;
		max-width:260px;
		height:160px;
		max-height:160px;
		overflow:auto;
	}
	
	DIV.contact .contact_form .action{
		position:absolute;
		top:295px;
		left:355px;
		width:220px;
		height:25px;
	}
	DIV.contact .contact_form .action A{
		display:block;
		width:95px;
		height:25px;
		float:left;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		line-height:28px;
		font-size:12px;
	}
	DIV.contact .contact_form .action A.send{
		float:right;
	}
	DIV.contact .contact_form .action A:hover{
		color:#333;
		text-decoration:none;
	}


/*
	CGV
*/

	#hiddenCGV .title,
	DIV.cgv .title{
		font-size:18px;
		padding:0px;
		margin:0px;
		color:#e6d4af;
		position:absolute;
		top:30px;
		left:24px;
		font-weight:normal;
		text-transform:uppercase;
	}

	#hiddenCGV H1,
	DIV.cgv H1{
		margin:0px;
		padding:0px;
		font-size:12px;
	}
	
	#hiddenCGV .separator,
	DIV.cgv .separator{
		width:100%;
		height:10px;
		border-top:#CCCCCC solid 1px;
		margin:0px;
		padding:0px;
	}
	
	

	#hiddenCGV H2,
	#hiddenCGV H3,
	DIV.cgv H2,
	DIV.cgv H3{
		margin:10px 0px 5px 0px;
		padding:0px;
		font-size:11px;
	}

	#hiddenCGV OL OL,
	DIV.cgv OL OL{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	#hiddenCGV H3,
	DIV.cgv H3{
		margin:0px;
	}

	#hiddenCGV P,
	DIV.cgv P{
		margin:0px;
		padding:0px;
		margin-bottom:10px;
		font-size:11px;
		line-height:12px;
		text-align:justify;
	}
/*
	piment
*/

	DIV.piment{
		background:url(../images/backgrounds/piment-espelette.jpg) no-repeat 0px 0px;
	}

	DIV.piment .title{
		font-size:18px;
		padding:0px;
		margin:0px;
		color:#e6d4af;
		position:absolute;
		top:30px;
		left:24px;
		font-weight:normal;
		text-transform:uppercase;
	}


	DIV.piment .left-column{
		font-size:12px;
		color:#c8c7c7;
		display:block;
		position:absolute;
		top:70px;
		left:25px;
		height:300px;
		width:265px;
		text-align:justify;
	}

	DIV.piment .left-column .top,
	DIV.piment .left-column .middle,
	DIV.piment .left-column .bottom{
		position:absolute;
		left:0px;
	}

	DIV.piment .left-column .top{
		top:0px;
	}
	DIV.piment .left-column .middle{
		top:80px;
	}
	DIV.piment .left-column .bottom{
		top:205px;
	}

	DIV.piment .submenu{
		position:absolute;
		top:60px;
		left:330px;
		width:150px;
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	DIV.piment .submenu A{
		display:block;
		height:16px;
		font-size:12px;
		color:#a39064;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
	}

	DIV.piment .submenu A:hover{
		color:#ead9b3;
	}

	DIV.piment .submenu A.selected{
		color:#ead9b3;
		padding-left:15px;
		background:url(../images/menu/piment-left-arrow.gif) no-repeat 2px 4px; 
	}
	
	DIV.piment .explications{
		position:absolute;
		/*
		top:170px;
		*/
		top:160px;
		left:330px;
		width:150px;
		text-align:justify;
	}
	
	DIV.piment .visuels{
		position:absolute;
		top:0px;
		left:488px;
		width:450px;
		height:476px;
	}

	DIV.piment .visuels .clickable{
		position:absolute;
		top:45px;
		left:10px;
		height:330px;
		width:410px;
		cursor:pointer;
		background:url(../images/pixel.gif);
	}
	
	

/*
	catalogue
*/

	DIV.catalogue{
	}
	
	DIV.catalogue .title{
		font-size:18px;
		padding:0px;
		margin:25px 0px 20px 0px;;
		color:#e9d8b3;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
	}

	DIV.catalogue .categories{
		text-align:center;
	}
	
	DIV.catalogue .categories .separator{
		background:url(../images/menu/catalogue/separator.gif) no-repeat 0px 4px;
	}
	
	DIV.catalogue .categories A{
		font-size:13px;
		color:#000000;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		padding:0px 10px;
	}
	
	DIV.catalogue .categories A.selected{
		background:url(../images/menu/catalogue/selected.gif) no-repeat 0px 5px;
		color:#fff;
	}
	
	DIV.catalogue .categories A:hover{
		color:#e9d8b3;
	}
	
	
	DIV.catalogue .products-list{
		width:100%;
		margin-top:80px;
	}

	DIV.catalogue .products-list TD.separator{
		width:15px;
	}
	
	DIV.catalogue .products-list A{
		display:block;
		min-height:180px;
		width:155px;
		position:relative;
		text-align:center;

		width:155px;
		text-decoration:none;
		color:#e6d3af;
		font-size:10px;
		text-transform:uppercase;
		cursor:pointer;
	}

	DIV.catalogue .products-list A:hover{
		color:#fff;
	}

	DIV.catalogue .products-list DIV.background{
		position:absolute;
		bottom:0px;
		left:0px;
		width:155px;
		height:100px;
		background:url(../images/menu/catalogue/background-product-name.gif) no-repeat bottom center;
	}

	DIV.catalogue .products-list A DIV.name{
		position:relative;
		padding:5px 10px;;
	}
	DIV.catalogue .products-list A DIV.visuel{
		position:relative;
		width:155px;
		height:155px;
		background-color:#FFFFFF;
		/*
		background:url(../images/catalogue/default-mini.jpg) no-repeat 2px 2px #FFFFFF;
		*/
	}

	DIV.catalogue .products-list A DIV.visuel IMG{
		position:absolute;
		top:2px;
		left:2px;
		width:150px;
		height:150px;
	}	

	DIV.catalogue .product{
		position:relative;
		width:870px;
		height:360px;
		margin:15px auto 0px auto;
		background-color:#FFFFFF;
		/*
		background:url(../images/catalogue/default-big.jpg) no-repeat 13px 13px #FFFFFF;
		*/
		color:#797979;
	}

	DIV.catalogue .visuel-details{
		position:absolute;
		width:335px;
		height:335px;
		top:13px;
		left:13px;
	}


	DIV.catalogue .product .description{
		position:absolute;
		top:12px;
		left:355px;
		border:#CCCCCC 1px solid;
		border-bottom:none;
		border-top:none;
		width:250px;
		height:340px;
		padding:0px 10px;
		float:left;
	}

	DIV.catalogue .product .shopping{
		float:right;
		width:215px;
		padding:51px 15px 0px 0px;
		height:300px;
	}

	DIV.catalogue .product .shopping .price{
		font-size:14px;
		font-weight:bold;
		color:#000000;
	}
	
	DIV.catalogue .product .shopping .add-to-cart{
		display:block;
		width:132px;
		height:22px;
		margin:0 auto;
		background:url(../images/buttons/add-to-cart.jpg) no-repeat;

		color:#fff;

		font-weight:bold;
		text-decoration:none;
		font-size:12px;
		text-transform:uppercase;
		text-align:center;
		line-height:20px;
	}
	
	DIV.catalogue .product .shopping .add-to-cart:hover{
		color:#333;
	}	
	DIV.catalogue .product .shopping .amount{
		position:relative;
		width:200px;
		height:44px;
		margin:0 auto;
		background:url(../images/buttons/amount.jpg) no-repeat;
		margin-bottom:15px;
		color:#FFFFFF;
		line-height:44px;
		padding-left:10px;
		
	}	


	DIV.catalogue .product .shopping .amount .number{
		position:absolute;
		top:5px;
		right:30px;
		width:65px;
		height:35px;
		text-align:right;
		color:#000000;
		font-size:26px;
		line-height:35px;
	}
	
	DIV.catalogue .product .shopping .amount .less,
	DIV.catalogue .product .shopping .amount .more{
		position:absolute;
		top:0px;
		right:0px;
		width:20px;
		height:20px;
		cursor:pointer;
		line-height:normal;
	}
	DIV.catalogue .product .shopping .amount .less{
		top:auto;
		bottom:0px;
	}	


	DIV.catalogue .product H1{
		margin:0px;
		margin-top:-2px;
		padding:0px;
		font-size:18px;
		line-height:18px;
		color:#363636;
		text-transform:uppercase;
	}

	DIV.catalogue .product H2{
		margin:0px;
		padding:0px;
		font-size:11px;
		color:#363636;
		margin-top:23px;
		text-transform:uppercase;
	}

	DIV.catalogue .product p{
		margin:0px;
		padding:0px;
		font-size:11px;
		line-height:12px;
	}
	
	DIV.catalogue .product TABLE{
		margin-top:5px;
		border-collapse:collapse;
	}
	
	
	DIV.catalogue .product TABLE TH,
	DIV.catalogue .product TABLE TD{
		vertical-align:top;
		padding:2px 5px 2px 0px;
		text-align:left;
	}

	DIV.catalogue .product TABLE TD{
		padding-left:2px;
	}
	
	DIV.catalogue .product .navigation{
		position:absolute;
		bottom:10px;
		left:640px;
		width:210px;
	}

	DIV.catalogue .product .navigation A{
		color:#000000;
		text-decoration:none;
	}
	DIV.catalogue .product .navigation A:hover{
		color:#000000;
		text-decoration:underline;
	}
	
	
	DIV.catalogue .recette{
		background:url(../images/buttons/idee-recette.jpg) no-repeat;
		width:255px;
		height:22px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		line-height:22px;
		margin-top:20px;
		display:block;
		text-decoration:none;
	
	}
	
/***************************************************************/
/*		shop styles */
/***************************************************************/

.my-cart{
	position:absolute;
	top:-32px;
	right:25px;
	background:url(../images/shop/my-cart.gif) no-repeat;
	width:51px;
	height:32px;
	font-size:14px;
	line-height:38px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	padding-left:93px;
	cursor:pointer;
	display:none;
}
.my-cart SPAN{
	position:absolute;
	top:0px;
	left:32px;
	font-size:11px;
	text-transform:uppercase;
}


	DIV.panier .title{
		font-size:18px;
		padding:0px;
		margin:25px 0px 20px 0px;;
		color:#e9d8b3;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
	}
	
	DIV.panier .title SPAN{
		font-size:12px;
		font-weight:normal;
		text-transform:none;
		text-align:center;
	}
	
	#cart-process{
		position:absolute;
		top:60px;
		left:270px;
		padding:0px;
		margin:0px;
		text-align:center;
	}

	#cart-process DIV,
	#cart-process A{
		display:block;
		float:left;
		font-size:12px;
		text-decoration:none;
		width:auto;
		text-transform:uppercase;
		color:#000000;
		letter-spacing:normal;
		text-align:center;
		font-weight:bold;
		margin:0px 10px;
	}

	#cart-process .separator{
		display:block;
		float:left;
		font-size:2px;
		line-height:2px;
		width:1px;
		height:12px;
		background:url(../images/menu/catalogue/separator.gif) no-repeat left 4px;
	}
	
	#cart-process .selected{
		color:#FFFFFF;
	}
	#cart-process .selected SPAN{
		display:inline-block;
		width:10px;
		background:url(../images/menu/catalogue/selected.gif) no-repeat left 4px;
	}
	

	
	
/***************************************************************/
/*		thickbox */
/***************************************************************/

.mandatory{
	color:#CC6600;
}

.modal-button-cancel,
.modal-button-ok{
	margin-left:auto; 
	margin-right:auto; 
	display:inline-block; 
	width:100px; 
	height:22px; 
	text-align:center;
	background:url(../images/buttons/modal-button.jpg) 0px 0px no-repeat;
	color:#FFFFFF!important;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	line-height:22px;
	text-decoration:none;
}
.modal-button-cancel:hover,
.modal-button-ok:hover{
	background-position:0px -22px;
}


.modal-button-cancel{
	margin-left:20px;
}