@charset "utf-8";
/***** Navig HT ****************************************************/
/*******************************************************************/
div#NavHt {
	background: transparent;
	height: 27px;
	left: 335px;
	margin:0;
	position: absolute;
	top: 22px;
	width: 561px;
	z-index:0;
	}

div#globalNavHt {
	width: 561px;
	height: 27px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}

div#globalNavHt ul#menuHt {
	width: 561px;
	height: 27px;
	background: transparent url('../img/fr/navig_ht.gif') top left no-repeat;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	}

div#globalNavHt ul#menuHt li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

#NavHt ul#menuHt li, #NavHt ul#menuHt a {
	display: block;
	}	

#NavHt ul#menuHt li #navAccueil, #NavHt ul#menuHt #navAccueil a,
#NavHt ul#menuHt li #navProduits, #NavHt ul#menuHt #navProduits a,
#NavHt ul#menuHt li #navContact, #NavHt ul#menuHt #navContact a,
#NavHt ul#menuHt li #navPiece, #NavHt ul#menuHt #navPiece a
{ 
	height: 27px;
	}
		
div#globalNavHt ul#menuHt li a {
	text-decoration: none;
	text-indent: -9999px;
	}

#navAccueil	 {left:0; width: 84px;}
#navProduits {left: 84px; width: 129px;}
#navContact	 {left: 213px; width: 93px;}
#navPiece	 {left: 306px; width: 255px;}

#navAccueil a:hover		{background: transparent url('../img/fr/navig_ht.gif')0 -27px no-repeat;}
#navProduits a:hover	{background: transparent url('../img/fr/navig_ht.gif') -84px -27px no-repeat;}
#navContact a:hover		{background: transparent url('../img/fr/navig_ht.gif') -213px -27px no-repeat;}
#navPiece a:hover		{background: transparent url('../img/fr/navig_ht.gif') -306px -27px no-repeat;}

/* "Vous etes ici"  */
body#pageAccueil #navAccueil	{background: transparent url('../img/fr/navig_ht.gif') 0 -27px no-repeat;}
body#pageProduits #navProduits	{background: transparent url('../img/fr/navig_ht.gif') -84px -27px no-repeat;}
body#pageContact #navContact	{background: transparent url('../img/fr/navig_ht.gif') -213px -27px no-repeat;}
body#pagePiece #navPiece		{background: transparent url('../img/fr/navig_ht.gif') -306px -27px no-repeat;}

/***** Navig MILIEU ************************************************/
/*******************************************************************/
div#NavMenu {
	background: transparent;
	width: 904px;
	height: 36px;
	margin:0;
	z-index:0;
	float: left;
  padding-top: 17px;
  padding: 0;
  clear: both;
	}

div#globalNavMenu {
	width: 904px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}

div#globalNavMenu ul#menuMenu {
	width: 904px;
	height: 36px;
	background: transparent url('../img/fr/navig_menu.gif') top left no-repeat;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	}

div#globalNavMenu ul#menuMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

#NavHt ul#menuMenu li, #NavMenu ul#menuMenu a {
	display: block;
	}	

#NavMenu ul#menuMenu li #navBois, #NavMenu ul#menuMenu #navBois a,
#NavMenu ul#menuMenu li #navSolaire, #NavMenu ul#menuMenu #navSolaire a,
#NavMenu ul#menuMenu li #navChaleur, #NavMenu ul#menuMenu #navChaleur a,
#NavMenu ul#menuMenu li #navGaz, #NavMenu ul#menuMenu #navGaz a,
#NavMenu ul#menuMenu li #navFioul, #NavMenu ul#menuMenu #navFioul a,
#NavMenu ul#menuMenu li #navElectrique, #NavMenu ul#menuMenu #navElectrique a
{ 
	height: 36px;
	}
		
div#globalNavMenu ul#menuMenu li a {
	text-decoration: none;
	text-indent: -9999px;
	}

#navBois {left:0; width: 148px;}
#navSolaire {left: 152px; width: 148px;}
#navChaleur {left: 305px; width: 132px;}
#navGaz {left: 440px; width: 117px;}
#navFioul {left: 561px; width: 131px;}
#navElectrique {left: 695px; width: 170px;}

#navBois a:hover	{background: transparent url('../img/fr/navig_menu.gif')0 -36px no-repeat;}
#navSolaire a:hover	{background: transparent url('../img/fr/navig_menu.gif') -152px -36px no-repeat;}
#navChaleur a:hover	{background: transparent url('../img/fr/navig_menu.gif') -305px -36px no-repeat;}
#navGaz a:hover	{background: transparent url('../img/fr/navig_menu.gif') -440px -36px no-repeat;}
#navFioul a:hover	{background: transparent url('../img/fr/navig_menu.gif') -561px -36px no-repeat;}
#navElectrique a:hover	{background: transparent url('../img/fr/navig_menu.gif') -695px -36px no-repeat;}

/* "Vous etes ici"  */
body#pageBois #navBois	{background: transparent url('../img/fr/navig_menu.gif') -0px -36px no-repeat;}
body#pageSolaire #navSolaire	{background: transparent url('../img/fr/navig_menu.gif') -307px -36px no-repeat;}
body#pageChaleur #navChaleur	{background: transparent url('../img/fr/navig_menu.gif') -591px -36px no-repeat;}
body#pageGaz #navGaz	{background: transparent url('../img/fr/navig_menu.gif') -0px -36px no-repeat;}
body#pageFioul #navFioul	{background: transparent url('../img/fr/navig_menu.gif') -307px -36px no-repeat;}
body#pageElectrique #navElectrique	{background: transparent url('../img/fr/navig_menu.gif') -591px -36px no-repeat;}

/*******************************************************************/
/***** Navig Gche ****************************************************/
/*******************************************************************/
div#NavGauche {
	width: 206px;
	margin-top:0;
	padding: 0;
	height: 256px;
	left:28px;
	}

div#globalNavGauche {
	width: 206px;
	height: 370px;
	margin: 0;
	padding: 0;
	}
	div#globalNavGauche ul#menuGauche {
		width: 206px;
		height: 370px;
		background: transparent url('../img/fr/navig_gauche.jpg') top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#globalNavGauche ul#menuGauche li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}

			ul#menuGauche li, ul#menuGauche a {
				display: block;
				}
			#NavGauche ul#menuGauche li #navBoisG, #NavGauche ul#menuGauche #navBoisG a,
			#NavGauche ul#menuGauche li #navSolaireG, #NavGauche ul#menuGauche #navSolaireG a, 
			#NavGauche ul#menuGauche li #navChaleurG, #NavGauche ul#menuGauche #navChaleurG a { 
				height: 53px;
				}
      #NavGauche ul#menuGauche li #navElectriciteG, #NavGauche ul#menuGauche #navElectriciteG a, 
			#NavGauche ul#menuGauche li #navGazG, #NavGauche ul#menuGauche #navGazG a,
      #NavGauche ul#menuGauche li #navFuelG, #NavGauche ul#menuGauche #navFuelG a { 
				height: 35px;
				}				

			div#globalNavGauche ul#menuGauche li a {
				text-indent: -9999px;
				text-decoration: none;
				}

#navBoisG {top: 33px; width: 206px;}
#navSolaireG {top: 88px; width: 206px;}
#navChaleurG {top: 143px; width: 206px;}
#navGazG {top: 245px; width: 206px;}
#navFuelG {top: 287px; width: 206px;}
#navElectriciteG {top: 329px; width: 206px;}


#navBoisG a:hover	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -403px no-repeat;}
#navSolaireG a:hover	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -458px no-repeat;}
#navChaleurG a:hover	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -513px no-repeat;}
#navGazG a:hover	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -615px no-repeat;}
#navFuelG a:hover	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -657px no-repeat;}
#navElectriciteG a:hover	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -699px no-repeat;}

/* "Vous etes ici"  */
body#pageBoisG #navBoisG	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -403px no-repeat;}
body#pageSolaireG #navSolaireG	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -458px no-repeat;}
body#pageChaleurG #navChaleurG	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -513px no-repeat;}
body#pageGazG #navGazG	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -615px no-repeat;}
body#pageFuelG #navFuelG	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -657px no-repeat;}
body#pageElectriciteG #navElectriciteG	{background: transparent url('../img/fr/navig_gauche.jpg') 0 -699px no-repeat;}

/***** Menu Produits **********/
			
#menuProduits {
	/*width: 170px;*/
	top:0;
	left: 87px;
	visibility: hidden;
	background-color: #fff;
	text-align: left;
	z-index: 1000;
	position:relative; 
	width: 150px;
	}
	#menuProduits ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #E7E6E5;
	width: 150px;
	}
	#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;
	}