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

/******************************************/
/***** Navigation Principale Accueil ******/
/******************************************/

div#navPrincipale {
	height: 36px;
	margin: 0;
	padding-left: 250px;
	}
div#navPrincipale a, div#navPrincipale a:visited { text-decoration: none; color: #30322C; }
div#navPrincipale a:hover { text-decoration: none; color: #30322C; }

	div#navPrincipale ul#menuNavPrincipale {
		width: 701px;
		height: 18px;
		background: transparent url(../img/menu.gif) top left no-repeat;
		margin: 45px 0 0 0px;
		padding: 0;
		position: relative;
		top: 88px;
		//top: 44px; // Pour IE
		}
		div#navPrincipale ul#menuNavPrincipale li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			ul#menuNavPrincipale li, ul#menuNavPrincipale a {
				height: 18px;
				display: block;
			}
			div#navPrincipale ul#menuNavPrincipale li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navAccueil {
				left: 0;
				width: 118px;
			}
			#navSociete {
				left: 118px;
				width: 118px;
			}
			#navDoubleFoyer {
				left: 236px;
				width: 119px;
			}
			#navProduits {
				left: 355px;
				width: 118px;
			}
			#navFonctionnement {
				left: 473px;
				width: 118px;
			}
			#navContact {
				left: 591px;
				width: 110px;
			}
			#navAccueil a:hover {
				background: transparent url(../img/menu.gif) 0 -18px no-repeat;
			}
			#navSociete a:hover {
				background: transparent url(../img/menu.gif) -118px -18px no-repeat;
			}
			#navDoubleFoyer a:hover {
				background: transparent url(../img/menu.gif) -236px -18px no-repeat;
			}
			#navProduits a:hover {
				background: transparent url(../img/menu.gif) -355px -18px no-repeat;
			}
			#navFonctionnement a:hover {
				background: transparent url(../img/menu.gif) -473px -18px no-repeat;
			}
			#navContact a:hover {
				background: transparent url(../img/menu.gif) -591px -18px no-repeat;
			}
body#pageAccueil #navAccueil {
	background: transparent url(../img/menu.gif) 0 -18px no-repeat;
}
body#pagesociete #navSociete {
	background: transparent url(../img/menu.gif) -118px -18px no-repeat;
}
body#pageDoubleFoyer #navDoubleFoyer {
	background: transparent url(../img/menu.gif) -236px -18px no-repeat;
}
body#pageProduits #navProduits {
	background: transparent url(../img/menu.gif) -355px -18px no-repeat;
}
body#pageFonctionnement #navFonctionnement {
	background: transparent url(../img/menu.gif) -473px -18px no-repeat;
}
body#pageContact #navContact {
	background: transparent url(../img/menu.gif) -591px -18px no-repeat;
}

/***** Menu Double Foyer **********/
			
#menuDoubleFoyer {
	/*width: 170px;*/
	position: absolute;
	top: 106px;
	left: 486px;
	visibility: hidden;
	background-color: #fff;
	text-align: left;
	z-index: 1000;
	}
	#menuDoubleFoyer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: #E7E6E5 1px solid;
	border-right: #E7E6E5 1px solid;
	border-bottom: #E7E6E5 1px solid;
	background: #E7E6E5;
	width: 108px;
	}
	#menuDoubleFoyer ul li {	
		margin: 0;
		padding: 2px;
	}
	#menuDoubleFoyer ul li a {
		display: block;
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		text-decoration: none;
		color: #000000;
		margin: 0;
		padding: 0 3px 0 3px;
	}
	#menuDoubleFoyer ul li a:hover, #menuDoubleFoyer ul li a:active {
		color: #000000;
		text-decoration: none;
		background: #F29417;
	}

/***** Menu Produits **********/
			
#menuProduits {
	/*width: 170px;*/
	position: absolute;
	top: 106px;
	left: 605px;
	visibility: hidden;
	background-color: #fff;
	text-align: left;
	z-index: 1000;
	}
	#menuProduits ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: #E7E6E5 1px solid;
	border-right: #E7E6E5 1px solid;
	border-bottom: #E7E6E5 1px solid;
	background: #E7E6E5;
	width: 107px;
	}
	#menuProduits ul li {	
		margin: 0;
		padding: 2px;
	}
	#menuProduits ul li a {
		display: block;
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		text-decoration: none;
		color: #000000;
		margin: 0;
		padding: 0 3px 0 3px;
	}
	#menuProduits ul li a:hover, #menuProduits ul li a:active {
		color: #000000;
		text-decoration: none;
		background: #F29417;
	}