@charset "utf-8";


/*******************************************************************/
/***** Navigation  ****************************/
/*******************************************************************/
div#Nav {
	background: transparent;
	width: 575px;
	height: 51px;
	margin:0;
	padding:0;
	z-index:0;
	position: absolute;
    top: 122px;
	left:255px;
	}

div#globalNav {
	width: 575px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	div#globalNav ul#menu {
		width: 575px;
		height: 51px;
		background: transparent url(../img/gb/navig.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		}
		div#globalNav ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			}

#Nav ul#menu li, #Nav ul#menu a {
	display: block;
	}	

#Nav ul#menu li #navSpecialiste, #Nav ul#menu #navSpecialiste a,
#Nav ul#menu li #nav7Familles, #Nav ul#menu #nav7Familles a,
#Nav ul#menu li #navRespect, #Nav ul#menu #navRespect a,
#Nav ul#menu li #navCuvees, #Nav ul#menu #navCuvees a, 
#Nav ul#menu li #navActualites, #Nav ul#menu #navActualites a,
#Nav ul#menu li #navLiens, #Nav ul#menu #navLiens a,
#Nav ul#menu li #navContact, #Nav ul#menu #navContact a
{ 
	height: 51px;
	}
		
div#globalNav ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}

#navSpecialiste {left: 0; width: 114px;}
#nav7Familles {left: 114px; width: 80px;}
#navRespect {left: 194px; width: 129px;}
#navCuvees {left: 323px; width: 94px;}
#navActualites {left: 417px; width: 46px;}
#navLiens {left: 463px; width: 60px;}
#navContact {left: 523px; width: 52px;}

#navSpecialiste a:hover	{background: transparent url(../img/gb/navig.gif) 0 -52px no-repeat;}
#nav7Familles a:hover	{background: transparent url(../img/gb/navig.gif) -114px -52px no-repeat;}
#navRespect a:hover	{background: transparent url(../img/gb/navig.gif) -194px -52px no-repeat;}
#navCuvees a:hover	{background: transparent url(../img/gb/navig.gif) -323px -52px no-repeat;}
#navActualites a:hover	{background: transparent url(../img/gb/navig.gif) -417px -52px no-repeat;}
#navLiens a:hover	{background: transparent url(../img/gb/navig.gif) -463px -52px no-repeat;}
#navContact a:hover	{background: transparent url(../img/gb/navig.gif) -523px -52px no-repeat;}

/* "Vous etes ici"  */
body#pageSpecialiste #navSpecialiste	{background: transparent url(../img/gb/navig.gif) 0 -52px no-repeat;}
body#page7Familles #nav7Familles	{background: transparent url(../img/gb/navig.gif) -114px -52px no-repeat;}
body#pageRespect #navRespect	{background: transparent url(../img/gb/navig.gif) -194px -52px no-repeat;}
body#pageCuvees #navCuvees	{background: transparent url(../img/gb/navig.gif) -323px -52px no-repeat;}
body#pageActualites #navActualites	{background: transparent url(../img/gb/navig.gif) -417px -52px no-repeat;}
body#pageLiens #navLiens	{background: transparent url(../img/gb/navig.gif) -463px -52px no-repeat;}
body#pageContact #navContact	{background: transparent url(../img/gb/navig.gif) -523px -52px no-repeat;}


/***** menu Spécialiste du Crozes-hermitage **********/
			
#menuSpecialiste {
	position: absolute;
	top: 160px;
	left: 250px;
	padding:0;
	margin:0;
	text-align: left;
	visibility: hidden;
	z-index: 1000;
	border:1px solid #e1e1e2;
	}
	#menuSpecialiste ul {
		margin: 0;
		padding:0;
		list-style-type: none;
		}
		#menuSpecialiste ul li {	
			margin:0;
			padding:0;
			position:relative;
			}
			#menuSpecialiste ul li a {
				font-size: 10px;
				font-weight:bold;
				line-height: 14px;
				text-decoration: none;
				color: #817543;
				margin: 0;
				padding: 4px 4px 4px 8px;
				text-align:left;
				width:200px;
				display:block;
				background-color:#fff;
				}
			#menuSpecialiste ul li a:hover, #menuSpecialiste ul li a:active {
				background-color:#817543;
				color:#fff;
				}

/***** menu Cuvees **********/
			
#menuCuvees {
	position: absolute;
	top: 160px;
	left: 576px;
	padding:0;
	margin:0;
	text-align: left;
	visibility: hidden;
	z-index: 1000;
	border:1px solid #e1e1e2;
	}
	#menuCuvees ul {
		margin: 0;
		padding:0;
		list-style-type: none;
		}
		#menuCuvees ul li {	
			margin:0;
			padding:0;
			position:relative;
			}
			#menuCuvees ul li a {
				font-size: 10px;
				font-weight:bold;
				line-height: 14px;
				text-decoration: none;
				color: #817543;
				margin: 0;
				padding: 4px 4px 4px 8px;
				text-align:left;
				width:200px;
				display:block;
				background-color:#fff;
				}
			#menuCuvees ul li a:hover, #menuCuvees ul li a:active {
				background-color:#817543;
				color:#fff;
				}


/***** menu Liens **********/
			
#menuLiens {
	position: absolute;
	top: 160px;
	left: 723px;
	padding:0;
	margin:0;
	text-align: left;
	visibility: hidden;
	z-index: 1000;
	border:1px solid #e1e1e2;
	}
	#menuLiens ul {
		margin: 0;
		padding:0;
		list-style-type: none;
		}
		#menuLiens ul li {	
			margin:0;
			padding:0;
			position:relative;
			}
			#menuLiens ul li a {
				font-size: 10px;
				font-weight:bold;
				line-height: 14px;
				text-decoration: none;
				color: #817543;
				margin: 0;
				padding: 4px 4px 4px 8px;
				text-align:left;
				width:130px;
				display:block;
				background-color:#fff;
				}
			#menuLiens ul li a:hover, #menuLiens ul li a:active {
				background-color:#817543;
				color:#fff;
				}


/***** menu Contact **********/
			
#menuContact {
	position: absolute;
	top: 160px;
	left: 781px;
	padding:0;
	margin:0;
	text-align: left;
	visibility: hidden;
	z-index: 1000;
	border:1px solid #e1e1e2;
	}
	#menuContact ul {
		margin: 0;
		padding:0;
		list-style-type: none;
		}
		#menuContact ul li {	
			margin:0;
			padding:0;
			position:relative;
			}
			#menuContact ul li a {
				font-size: 10px;
				font-weight:bold;
				line-height: 14px;
				text-decoration: none;
				color: #817543;
				margin: 0;
				padding: 4px 4px 4px 8px;
				text-align:left;
				width:165px;
				display:block;
				background-color:#fff;
				}
			#menuContact ul li a:hover, #menuContact ul li a:active {
				background-color:#817543;
				color:#fff;
				}



/*******************************************************************/
/***** Navigation Gb ****************************/ 
/*******************************************************************/
div#NavFrHp {
	background: transparent;
	width: 125px;
	height: 51px;
	margin:0;
	padding:0;
	z-index:0;
	position: absolute;
    top: 55px;
	left:640px;
	}

div#globalNavFrHp {
	width: 125px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	div#globalNavFrHp ul#menuFrHp {
		width: 125px;
		height: 51px;
		background: transparent url(../img/gb/francais.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		}
		div#globalNavFrHp ul#menuFrHp li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			}

#NavFrHp ul#menuFrHp li, #NavFrHp ul#menuFrHp a {
	display: block;
	}	

#NavFrHp ul#menuFrHp li #navFrHp, #NavFrHp ul#menuFrHp #navFrHp a
{ 
	height: 51px;
	}
		
div#globalNavFrHp ul#menuFrHp li a {
	text-decoration: none;
	text-indent: -9999px;
	}

#navFrHp {left: 0; width: 125px;}

#navFrHp a:hover	{background: transparent url(../img/gb/francais.gif) 0 -51px no-repeat;}




/*******************************************************************/
/***** Navigation Hp Fr ****************************/ 
/*******************************************************************/
div#NavAccueilFr {
	background: transparent;
	width: 200px;
	height: 51px;
	margin:0;
	padding:0;
	z-index:0;
	position: absolute;
    top: 55px;
	left:560px;
	}

div#globalNavAccueilFr {
	width: 200px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	div#globalNavAccueilFr ul#menuAccueilFr {
		width: 200px;
		height: 51px;
		background: transparent url(../img/gb/accueil-francais.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		}
		div#globalNavAccueilFr ul#menuAccueilFr li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			}

#NavAccueilFr ul#menuAccueilFr li, #NavAccueilFr ul#menuAccueilFr a {
	display: block;
	}	

#NavAccueilFr ul#menuAccueilFr li #navAccueil, #NavAccueilFr ul#menuAccueilFr #navAccueil a,
#NavAccueilFr ul#menuAccueilFr li #navFr, #NavAccueilFr ul#menuAccueilFr #navFr a
	{ 
	height: 51px;
	}
		
div#globalNavAccueilFr ul#menuAccueilFr li a {
	text-decoration: none;
	text-indent: -9999px;
	}

#navAccueil {left: 0; width: 65px;}
#navFr {left: 65px; width: 135px;}

#navAccueil a:hover	{background: transparent url(../img/gb/accueil-francais.gif) 0 -51px no-repeat;}
#navFr a:hover	{background: transparent url(../img/gb/accueil-francais.gif) -65px -51px no-repeat;}