@charset "utf-8";
/* CSS Document */


/***************************************/
/***** Navigation langues Accueil ******/
/***************************************/

div#navLanguesAccueil {
	position: absolute;
	top: 465px;
	left: 645px;
	width: 131px;
	height: 17px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	}
	div#navLanguesAccueil ul#menuNavLanguesAccueil {
		width: 131px;
		height: 17px;
		background: transparent url(../img/fr/btns_langues.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navLanguesAccueil ul#menuNavLanguesAccueil li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menuNavLanguesAccueil li, ul#menuNavLanguesAccueil a {
				height: 17px;
				display: block;
			}
			div#navLanguesAccueil ul#menuNavLanguesAccueil li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navFrAccueil {
				left: 0;
				width: 63px;
			}
			#navFrAccueil a:hover {
				background: transparent url(../img/fr/btns_langues.gif) 0 -17px no-repeat;
			}
			#navGbAccueil {
				left: 68px;
				width: 63px;
			}
			#navGbAccueil a:hover {
				background: transparent url(../img/fr/btns_langues.gif) -68px -17px no-repeat;
			}

/***************************************/
/******** Navigation Accès VIP *********/
/***************************************/

div#navAccesVip {
	position: absolute;
	top: 95px;
	right: 45px;
	width: 109px;
	height: 8px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	}
	div#navAccesVip ul#menuNavAccesVip {
		width: 109px;
		height: 8px;
		background: transparent url(../img/fr/btn_vip.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navAccesVip ul#menuNavAccesVip li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menuNavAccesVip li, ul#menuNavAccesVip a {
				height: 8px;
				display: block;
			}
			div#navAccesVip ul#menuNavAccesVip li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navClientsVip {
				left: 0;
				width: 109px;
			}
			#navClientsVip a:hover {
				background: transparent url(../img/fr/btn_vip.gif) 0 -8px no-repeat;
			}

/***************************************/
/******** Navigation Accès Clients *********/
/***************************************/

div#navAccesClients {
	position: absolute;
	top: 95px;
	right: 45px;
	width: 109px;
	height: 8px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	}
	div#navAccesClients ul#menuNavAccesClients {
		width: 109px;
		height: 8px;
		background: transparent url(../img/fr/btn_clients.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navAccesClients ul#menuNavAccesClients li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menuNavAccesClients li, ul#menuNavAccesClients a {
				height: 8px;
				display: block;
			}
			div#navAccesClients ul#menuNavAccesClients li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navClients {
				left: 0;
				width: 109px;
			}
			#navClients a:hover {
				background: transparent url(../img/fr/btn_clients.gif) 0 -8px no-repeat;
			}
			
/***************************************/
/********** Navigation Haut ************/
/***************************************/

div#navHaut {
	position: absolute;
	top: 117px;
	right: 45px;
	width: 175px;
	height: 9px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	}
	div#navHaut ul#menuNavHaut {
		width: 175px;
		height: 9px;
		background: transparent url(../img/fr/nav_haut.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navHaut ul#menuNavHaut li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menuNavHaut li, ul#menuNavHaut a {
				height: 9px;
				display: block;
			}
			div#navHaut ul#menuNavHaut li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navHautActualites {
				left: 0;
				width: 63px;
			}
			#navHautActualites a:hover {
				background: transparent url(../img/fr/nav_haut.gif) 0 -9px no-repeat;
			}
			#navHautNewsletter {
				left: 63px;
				width: 72px;
			}
			#navHautNewsletter a:hover {
				background: transparent url(../img/fr/nav_haut.gif) -63px -9px no-repeat;
			}
			#navHautTarifs {
				left: 135px;
				width: 40px;
			}
			#navHautTarifs a:hover {
				background: transparent url(../img/fr/nav_haut.gif) -135px -9px no-repeat;
			}

body#pageActualites #navHautActualites {
	background: transparent url(../img/fr/nav_haut.gif) 0 -9px no-repeat;
}
body#pageNewsletter #navHautNewsletter {
	background: transparent url(../img/fr/nav_haut.gif) -63px -9px no-repeat;
}
body#pageTarifs #navHautTarifs {
	background: transparent url(../img/fr/nav_haut.gif) -135px -9px no-repeat;
}
/**********************************/
/***** Navigation principale ******/
/**********************************/		

div#navSFGlobal {
	width: 505px;
	height: 12px;
	margin: 0;
	padding: 20px 0 0 65px;
	position: relative; /*hack flash carousel domaine*/
	z-index: 50; /*hack flash carousel domaine*/
	}
	div#navSFGlobal ul#menu {
		width: 505px;
		height: 12px;
		background: transparent url(/img/fr/nav_principale.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navSFGlobal ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menu li, ul#menu a {			
				height: 12px;
				display: block;
			}
			div#navSFGlobal ul#menu li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			div#navSFGlobal ul#menu li ul li {
				margin: 0; /*w3line*/
				padding: 0; /*w3line*/
				height: auto; /*w3line*/
				position: relative;
			}			
			div#navSFGlobal ul#menu li ul li a {
				margin: 0; /*w3line*/
				padding: 5px; /*w3line*/
				text-indent: 0px; /*w3line*/
				text-decoration: none; /*w3line*/
				background-image: none; /*w3line*/
				height: auto; /*w3line*/
				display: block; /*w3line*/
			}
			#navSFDomaine {
				left: 0;
				width: 73px;
			}
			#navSFDomaine a:hover {
				background: transparent url(/img/fr/nav_principale.gif) 0 -12px no-repeat;
			}
			#navSFFamille {
				left: 89px;
				width: 77px;
			}
			#navSFFamille a:hover {
				background: transparent url(/img/fr/nav_principale.gif) -89px -12px no-repeat;
			}
			#navSFExcellence {
				left: 180px;
				width: 182px;
			}
			#navSFExcellence a:hover {
				background: transparent url(/img/fr/nav_principale.gif) -180px -12px no-repeat;
			}
			#navSFVins {
				left: 377px;
				width: 53px;
			}
			#navSFVins a:hover {
				background: transparent url(/img/fr/nav_principale.gif) -377px -12px no-repeat;
			}
			#navSFContact {
				left: 448px;
				width: 53px;
			}
			#navSFContact a:hover {
				background: transparent url(/img/fr/nav_principale.gif) -448px -12px no-repeat;
			}			
			
body#pageDomaine #navSFDomaine, body#pageDomaineCarte #navSFDomaine {
	background: transparent url(/img/fr/nav_principale.gif) 0 -12px no-repeat;
}
body#pageFamille #navSFFamille {
	background: transparent url(/img/fr/nav_principale.gif) -89px -12px no-repeat;
}
body#pageExcellence #navSFExcellence {
	background: transparent url(/img/fr/nav_principale.gif) -180px -12px no-repeat;
}
body#pageVinsSommaire #navSFVins, body#pageVinsListe #navSFVins, body#pageVinsFiche #navSFVins  {
	background: transparent url(/img/fr/nav_principale.gif) -377px -12px no-repeat;
}
body#pageContact #navSFContact {
	background: transparent url(/img/fr/nav_principale.gif) -448px -12px no-repeat;
}

/**********************************/
/********* Navigation Bas *********/
/**********************************/

/*V1*/

/*div#navBas {
	width: 290px;
	height: 10px;
	margin: 0;
	padding: 5px 0 0 580px;
	}
	div#navBas ul#menuNavBas {
		width: 290px;
		height: 10px;
		background: transparent url(../img/fr/nav_bas.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navBas ul#menuNavBas li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menuNavBas li, ul#menuNavBas a {
				height: 10px;
				display: block;
			}
			div#navBas ul#menuNavBas li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navExtranet {
				left: 0;
				width: 44px;
			}
			#navExtranet a:hover {
				background: transparent url(../img/fr/nav_bas.gif) 0 -9px no-repeat;
			}
			#navPartenaires {
				left: 59px;
				width: 59px;
			}
			#navPartenaires a:hover {
				background: transparent url(../img/fr/nav_bas.gif) -59px -9px no-repeat;
			}
			#navMentions {
				left: 133px;
				width: 84px;
			}
			#navMentions a:hover {
				background: transparent url(../img/fr/nav_bas.gif) -133px -9px no-repeat;
			}
			#navPlan {
				left: 232px;
				width: 57px;
			}
			#navPlan a:hover {
				background: transparent url(../img/fr/nav_bas.gif) -232px -9px no-repeat;
			}
			
			
body#pageMentions #navMentions {
	background: transparent url(../img/fr/nav_bas.gif) -133px -9px no-repeat;
}
body#pagePlanSite #navPlan {
	background: transparent url(../img/fr/nav_bas.gif) -232px -9px no-repeat;
}*/

/*//////////////////////*/
div#navBas {
	width: 276px;
	height: 9px;
	margin: 0;
	padding: 5px 0 0 450px;
	}
	div#navBas ul#menuNavBas {
		width: 290px;
		height: 9px;
		background: transparent url(../img/fr/nav_bas.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navBas ul#menuNavBas li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menuNavBas li, ul#menuNavBas a {
				height: 9px;
				display: block;
			}
			div#navBas ul#menuNavBas li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navExtranet {
				left: 0;
				width: 105px;
			}
			#navExtranet a:hover {
				background: transparent url(../img/fr/nav_bas.gif) 0 -9px no-repeat;
			}
			#navMentions {
				left: 119px;
				width: 84px;
			}
			#navMentions a:hover {
				background: transparent url(../img/fr/nav_bas.gif) -119px -9px no-repeat;
			}
			#navPlan {
				left: 218px;
				width: 58px;
			}
			#navPlan a:hover {
				background: transparent url(../img/fr/nav_bas.gif) -218px -9px no-repeat;
			}
			
body#pagePartenaires #navExtranet {
	background: transparent url(../img/fr/nav_bas.gif) 0px -9px no-repeat;
}			
body#pageMentions #navMentions {
	background: transparent url(../img/fr/nav_bas.gif) -119px -9px no-repeat;
}
body#pagePlanSite #navPlan {
	background: transparent url(../img/fr/nav_bas.gif) -218px -9px no-repeat;
}

/***************************************/
/**** Navigation Facebook ******/
/***************************************/

div#navFB {
	position: absolute;
	top: -3px;
	right: 70px;
	width: 180px;
	height:14px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	}
	div#navFB a:hover img {
		filter:alpha(opacity=70); 
		opacity:0.7;
		-moz-opacity:0.7;
	}


/***************************************/
/**** Navigation langues drapeaux ******/
/***************************************/

div#navLangues {
	position: absolute;
	top: 2px;
	right: 48px;
	width: 56px;
	height: 11px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	}
	div#navLangues ul#menuNavLangues {
		width: 56px;
		height: 11px;
		background: transparent url(../img/fr/drapeaux_langues.gif) left top no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navLangues ul#menuNavLangues li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			
			ul#menuNavLangues li, ul#menuNavLangues a {
				height: 11px;
				display: block;
			}
			div#navLangues ul#menuNavLangues li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navLanguesGb {
				left: 0;
				width: 24px;
			}
			#navLanguesGb a:hover {
				background: transparent url(../img/fr/drapeaux_langues.gif) 0 -11px no-repeat;
			}
			#navLanguesJp {
				left: 32px;
				width: 24px;
			}
			#navLanguesJp a:hover {
				background: transparent url(../img/fr/drapeaux_langues.gif) -32px -11px no-repeat;
			}