/*-------------CSS GIPSA / PAGES-------------*/

#pageLeft{
	width:257px;
	float:left;
	margin-right:23px;
}

#pageRight{
	width:710px;
	padding-right:10px;
	float:left;
}

	#pageRight .leftSide{
		width:404px;
		float:left;
		margin-right:12px;
	}

	#pageRight .rightSide{
		width:292px;
		float:left;
	}

	#pageRight .leftSideCatalog{
		width:541px;
		float:left;
		margin-right:12px;
	}

	#pageRight .rightSideCatalog{
		width:155px;
		float:left;
	}


/*------------------------------------------------------------------------------------------------------------------------*/

/*----------------------- Link --------------------------------*/

.link{
	padding:5px;
	background-color:#FBFAF6;
}

	.link A{
		display:block;
		padding:2px 2px 4px 12px;
		font-size:10px;
		text-transform:uppercase;
		background:url('images/bg_link.gif') 2px 4px no-repeat;
	}
	
	.link A:hover, A.active{
		color:#200C02;
		background-color:#E1D8C7;
	}

/*----------------------- Cadre--------------------------------*/

.cadre{
	border:1px dotted #E1D8C7;
	padding:5px;
}

/*----------------------- Important ---------------------------*/

.important{
	padding:10px;
	border:1px solid #990000;
	background-color:#F2EEE3;
	color:#990000;
	font-size:120%;
	text-align:justify;
}

.important2{
	padding:10px;
	border:1px solid #9d941f;
	background-color:#e2e2c6;
	color:#716a0c;
	font-size:120%;
	text-align:justify;
}

/*----------------------- Liste ---------------------------*/

.liste{
	font-size:10px;
	margin-bottom:15px;
	border-top:1px dotted #E1D8C7;
}

.liste TD{
	padding:2px;
	background-color:#FCFCFA;
	border-bottom:1px dotted #E1D8C7;
}

.liste TH{
	padding:3px 0px 3px 0px;
	background-color:#E1D8C7;
}


/*-----------------------------------MISE EN FORME HOME---------------------------------*/


.creatAccount{
	width:247px;
	height:58px;
	padding-right:10px;
	padding-top:10px;
	display:block;
	text-align:right;
	color:#74634A;
	background:url('images/bg_creat_account.jpg') 0px 0px no-repeat;
	cursor:pointer;
	text-decoration:none;
}

	.creatAccount H1{
		color:#74634A;
		margin:0px;
		padding:0px;
		font-size:16px;
		font-family:Arial;
		background-color:transparent;
		background-image:none;
		border:0px;
	}

.creatAccount:hover{
	filter:alpha(opacity=70);  
	-moz-opacity:0.70;
	opacity: 0.70;
	color:#74634A;
}


/*----------*/

.promo{
	margin-bottom:12px;
}

/*.promo{
	width:132px;
	height:91px;
	padding-left:262px;
	padding-right:10px;
	padding-top:7px;
	display:block;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	background:url('images/bg_promo.jpg') 0px 0px no-repeat;
	cursor:pointer;
	text-decoration:none;
	margin-bottom:12px;
}

	.promo H1{
		font-size:14px;
		color:#FFFFFF;
		margin:0px;
		padding:0px;
		font-family:Arial;
		background-color:transparent;
		background-image:none;
		border:0px;
	}

	.promo B{
		font-size:10px;
		color:#FFFFFF;
		display:block;
		float:right;
		margin-top:-5px;
	}

.promo:hover{
	filter:alpha(opacity=70);  
	-moz-opacity:0.70;
	opacity: 0.70;
	color:#FFFFFF;
}*/


/*----------*/

.contact{	
	height:88px;
	padding-right:10px;
	padding-left:70px;
	padding-top:10px;
	margin-top:12px;
	display:block;
	text-align:left;
	font-size:11px;
	color:#F01212;
	background:url('images/bg_contact.jpg') left 0px no-repeat #70010A;
	cursor:pointer;
	text-decoration:none;
}

	.contact H1{
		font-size:14px;
		color:#FFFFFF;
		margin:0px;
		padding:0px;
		font-family:Arial;
		background-color:transparent;
		background-image:none;
		border:0px;
	}

	.contact B{
		text-transform:uppercase;
		font-weight:normal;
		margin-top:5px;
		display:block;
	}

	.contact:hover{
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity: 0.70;
		color:#F01212;
	}


/*----------*/


.newsletter{
	height:75px;
	padding-left:15px;
	padding-top:20px;
	display:block;
	line-height:18px;
	text-align:left;
	font-size:14px;
	color:#FFFFFF;
	background:url('images/bg_newsletter.jpg') right 0px no-repeat #AE9B73;
	cursor:pointer;
	text-decoration:none;

	margin-top: 12px;
}

	.newsletter:hover{
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity: 0.70;
		color:#FFFFFF;
	}

.newsletterSmall {
	display:none;
	width: 227px;
	height: auto;
	padding: 4px 14px;
	text-align:left;
	font-size:14px;
	color:#FFFFFF;
	background-color: #650008;
	cursor:pointer;
	text-decoration:none;

	position: relative;
	left: -280px;
	top: 20px;
	margin-bottom: -30px;

	border-top: 1px solid #861320;
	border-left: 1px solid #861320;
	border-bottom: 1px solid #4f0006;
	border-right: 1px solid #4f0006;
}

	.newsletterSmall:hover {
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity: 0.70;
		color:#FFFFFF;
	}

.vinassaggio {
	display:none;
	min-height:75px;
	padding: 10px 15px;
	text-align:left;
	font-size:12px;
	color:#f6f1e7;
	cursor:pointer;
	text-decoration:none;
	background:url('images/bg_vinassaggio.jpg') 0px 0px repeat-x;
}

	.vinassaggio:hover{
		filter:alpha(opacity=70);  
		-moz-opacity:0.70;
		opacity: 0.70;
		color:#FFFFFF;
	}

.vinassaggio h3 {
	color: #b5010d;
	font-weight: bold;
}

.vinassaggio small {
	color: white;
}

/*----------*/

#mapItaly{
	width:292px;
	height:232px;
	margin-bottom:12px;
	position: relative;
	z-index: 0;
}

/*----------*/

.infoFiche{
	margin-top:-12px;
	padding:15px;
	background:url('images/bg_infofiche.jpg') 0px 0px repeat-y;
}

	.infoFiche H2{
		margin-top:0px;
	}

/*----------*/

#formats{
}

	#formats A{
		float:left;
		height:20px;
		padding-top:160px;
		display:block;
		text-align:center;
		cursor:pointer;
		font-size:10px;
	}

	#formats A:hover{
		text-decoration:underline;
	}

	#formats .ft1{width:18px; background:url('images/ft_1.jpg') 6px 0px no-repeat;}
		#formats .ft1:hover{background:url('images/ft_1.jpg') 6px -160px no-repeat;}
	
	#formats .ft2{width:20px; background:url('images/ft_2.jpg') 6px 0px no-repeat;}
		#formats .ft2:hover{background:url('images/ft_2.jpg') 6px -160px no-repeat;}
	
	#formats .ft3{width:22px; background:url('images/ft_3.jpg') 6px 0px no-repeat;}
		#formats .ft3:hover{background:url('images/ft_3.jpg') 6px -160px no-repeat;}
	
	#formats .ft4{width:24px; background:url('images/ft_4.jpg') 6px 0px no-repeat;}
		#formats .ft4:hover{background:url('images/ft_4.jpg') 6px -160px no-repeat;}
	
	#formats .ft5{width:28px; background:url('images/ft_5.jpg') 7px 0px no-repeat;}
		#formats .ft5:hover{background:url('images/ft_5.jpg') 7px -160px no-repeat;}
	
	#formats .ft6{width:30px; background:url('images/ft_6.jpg') 7px 0px no-repeat;}
		#formats .ft6:hover{background:url('images/ft_6.jpg') 7px -160px no-repeat;}
	
	#formats .ft7{width:32px; background:url('images/ft_7.jpg') 6px 0px no-repeat;}
		#formats .ft7:hover{background:url('images/ft_7.jpg') 6px -160px no-repeat;}
	
	#formats .ft8{width:36px; background:url('images/ft_8.jpg') 6px 0px no-repeat;}
		#formats .ft8:hover{background:url('images/ft_8.jpg') 6px -160px no-repeat;}
	
	#formats .ft9{width:44px; background:url('images/ft_9.jpg') 5px 0px no-repeat;}
		#formats .ft9:hover{background:url('images/ft_9.jpg') 5px -160px no-repeat;}
	
	#formats .ft10{width:77px; background:url('images/ft_10.jpg') 5px 0px no-repeat;}
		#formats .ft10:hover{background:url('images/ft_10.jpg') 5px -180px no-repeat;}
	
	#formats .ft11{width:73px; background:url('images/ft_11.jpg') 0px 0px no-repeat;}
		#formats .ft11:hover{background:url('images/ft_11.jpg') 0px -160px no-repeat;}

	#formats .separator{
	}

/************ POP UP HOMEPAGE *************/

#popUpHomepage{
	padding:5px;
	font-size:14px;
	width:450px;
	position:absolute;
	top:170px;
	z-index:999;
	background-color:#FFF8F4;
	border: 1px solid #7d0601;
}

#popUpHomepage h2 {
	font-size: 18px;
}