#menu-hor {
	position:relative;
	width: 950px;
	height: 50px;
	margin: -7px 0px 30px 8px;
   padding: 0px 0px 0px 8px; 
}
#menu-hor li {
	float:left;
	margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px; 
	text-align:left;
	list-style: none;
}
#menu-hor a {
	display: block;
	height:53px;
	width: 62px;
	margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px; 
	text-decoration:none;
	float:left;
	position:relative;
	text-align:left;
}

/* show text under icons */
#menu-hor a span {
	display: none;
}
#menu-hor a:hover span {
	
}

#menu-hor li#chaux a, #menu-hor li#chauxx a{
	width: 56px;
}

li#chaux a:link, li#chaux a:visited{	
	background: transparent url(../fx/chauffage.png) no-repeat 1px 0px;
}

li#chaux a:hover span, li#chauxx span#on{
	background-color: #0087AD;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	width: 922px;
	white-space: nowrap;
	left: -6px; 
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	z-index: 20;
}
li#chaux a:hover, li#chauxx{
	background: transparent url(../fx/chauffage.png) no-repeat 1px -96px;
}
a.chaux, span.chaux{
	color: #000;
	text-transform: none;
}
a.chaux:hover span{
	color: #fff;
	background: transparent url(../fx/onglet-chauffage.gif) no-repeat;
}
li#sx a:link, li#sx a:visited{
	background: transparent url(../fx/sanitaire.png) no-repeat 1px 0px;
}
li#sx a:hover span, li#sxx span#on{
	background-color: #0668B2;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	text-indent: 45px;
	position: absolute; 
	top: 53px; 
	width: 922px;
	white-space: nowrap;
	left: -62px; 
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	z-index: 20;
}
li#sx a:hover, li#sxx{
	background: transparent url(../fx/sanitaire.png) no-repeat 1px -96px;
}
a.sx, span.sx{
	color: #000;
	text-transform: none;
}
a.sx:hover span{
	background: transparent url(../fx/onglet-sanitaire.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#plomx a:link, li#plomx a:visited{
	background: transparent url(../fx/plomberie.png) no-repeat 1px 0px;
}
li#plomx a:hover span, li#plomxx span#on{
	background-color: #00A8EB;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -124px; 
	text-indent: 105px;
	width: 912px;
	z-index: 20;
}

li#plomx a:hover, li#plomxx{
	color: #00A8EB;
	background: transparent url(../fx/plomberie.png) no-repeat 1px -96px;
}
a.plomx, span.plomx{
	color: #000;
	text-transform: none;
}
a.plomx:hover span{
	background: transparent url(../fx/onglet-plomberie.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#pisx a:link, li#pisx a:visited{
	background: transparent url(../fx/piscine.png) no-repeat 1px 0px;
}
li#pisx a:hover span,li#pisxx span#on{
	background-color: #3D107B;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -186px; 
	text-indent: 85px;
	width: 922px;
	z-index: 20;
}
li#pisx a:hover, li#pisxx{
	color: #3D107B;
	background: transparent url(../fx/piscine.png) no-repeat 1px -96px;
}
a.pisx, span.pisx{
	color: #000;
	text-transform: none;
}
a.pisx:hover span{
	background: transparent url(../fx/onglet-piscines.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#zx a:link, li#zx a:visited{
	background: transparent url(../fx/zinguerie.png) no-repeat 1px 0px;
}
li#zx a:hover span,li#zxx span#on{
	background-color: #80007A;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -248px; 
	text-indent: 235px;
	width: 922px;
	z-index: 20;
}
li#zx a:hover, li#zxx{
	color: #80007A;
	background: transparent url(../fx/zinguerie.png) no-repeat 1px -96px;
}
a.zx, span.zx{
	color: #000;
	text-transform: none;
}
a.zx:hover span{
	background: transparent url(../fx/onglet-zinguerie.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#sidx a:link, li#sidx a:visited{
	background: transparent url(../fx/produitside.png) no-repeat 1px 0px;
}
li#sidx a:hover span,li#sidxx span#on{
	background-color: #7C7C7C;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -310px; 
	text-indent: 245px;
	width: 922px;
	z-index: 20;
}

li#sidx a:hover,li#sidxx{
	color: #7C7C7C;
	background: transparent url(../fx/produitside.png) no-repeat 1px -96px;
}
a.sidx, span.sidx{
	color: #000;
	text-transform: none;
}
a.sidx:hover span{
	background: transparent url(../fx/onglet-aciers.gif) no-repeat;
	color: #fff;
}
li#conx a:link, li#conx a:visited{
	background: transparent url(../fx/materiaux.png) no-repeat 1px 0px;
}
li#conx a:hover span,li#conxx span#on{
	background-color: #76121C;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -372px; 
	text-indent: 295px;
	width: 922px;
	z-index: 20;
}

li#conx a:hover,li#conxx{
	color: #76121C;
	background: transparent url(../fx/materiaux.png) no-repeat 1px -96px;
}
a.conx, span.conx{
	color: #000;
	text-transform: none;
}
a.conx:hover span{
	background: transparent url(../fx/onglet-materiaux.gif) no-repeat;
	color: #fff;
width: 145px;
}
li#planx a:link, li#planx a:visited{
	background: transparent url(../fx/carrelage.png) no-repeat 1px 0px;
}
li#planx a:hover span,li#planxx span#on{
	background-color: #AC1B29;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -434px; 
	text-indent: 365px;
	width: 922px;
	z-index: 20;
}

li#planx a:hover,li#planxx{
	color: #AC1B29;
	background: transparent url(../fx/carrelage.png) no-repeat 1px -96px;
}
a.planx, span.planx{
	color: #000;
	text-transform: none;
}
a.planx:hover span{
	background: transparent url(../fx/onglet-planchers.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#menx a:link, li#menx a:visited{
	background: transparent url(../fx/menuiserie.png) no-repeat 1px 0px;
}
li#menx a:hover span,li#menxx span#on{
	background-color: #AC1A29;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -496px; 
	text-indent: 473px;
	width: 922px;
	z-index: 20;
}
li#menx a:hover, li#menxx{
	color: #AC1A29;
	background: transparent url(../fx/menuiserie.png) no-repeat 1px -96px;
}
a.menx, span.menx{
	color: #000;
	text-transform: none;
}
a.menx:hover span{
	background: transparent url(../fx/onglet-menuiserie.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#isox a:link, li#isox a:visited{
	background: transparent url(../fx/platrerie.png) no-repeat 1px 0px;
}
li#isox a:hover span,li#isoxx span#on{
	background-color: #EF9B00;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -558px; 
	text-indent: 452px;
	width: 922px;
	z-index: 20;
}
li#isox a:hover,li#isoxx{
	color: #EF9B00;
	background: transparent url(../fx/platrerie.png) no-repeat 1px -96px;
}
a.isox, span.isox{
	color: #000;
	text-transform: none;
}
a.isox:hover span{
	background: transparent url(../fx/onglet-platrerie.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#quinx a:link, li#quinx a:visited{
	background: transparent url(../fx/quinc.png) no-repeat 1px 0px;
}
li#quinx a:hover span,li#quinxx span#on{
	background-color: #F5CA00;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -620px; 
	text-indent: 592px;
	width: 922px;
	z-index: 20;
}
li#quinx a:hover, li#quinxx{
	color: #F5CA00;
	background: transparent url(../fx/quinc.png) no-repeat 1px -96px;
}
a.quinx, span.quinx{
	color: #000;
	text-transform: none;
}
a.quinx:hover span{
	background: transparent url(../fx/onglet-quincaillerie.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#outx a:link, li#outx a:visited{
	background: transparent url(../fx/outillage.png) no-repeat 1px 0px;
}
li#outx a:hover span,li#outxx span#on{
	background-color: #C0DC00;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -682px; 
	text-indent: 645px;
	width: 922px;
	z-index: 20;
}
li#outx a:hover, li#outxx{
	color: #C0DC00;
	background: transparent url(../fx/outillage.png) no-repeat 1px -96px;
}
a.outx, span.outx{
	color: #000;
	text-transform: none;
}
a.outx:hover span{
	background: transparent url(../fx/onglet-outillage.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#elecx a:link, li#elecx a:visited{
	background: transparent url(../fx/elec.png) no-repeat 1px 0px;
}

li#elecx a:hover span,li#elecxx span#on{
	background-color: #7BC523;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -744px; 
	text-indent: 719px;
	width: 922px;
	z-index: 20;
}
li#elecx a:hover, li#elecxx{
	color: #7BC523;
	background: transparent url(../fx/elec.png) no-repeat 1px -96px;
}
a.elecx, span.elecx{
	color: #000;
	text-transform: none;
}
a.elecx:hover span{
	background: transparent url(../fx/onglet-elec.gif) no-repeat;
	color: #fff;
	width: 145px;
}
li#monx a:link, li#monx a:visited{
	background: transparent url(../fx/electromenager.png) no-repeat 1px 0px;
}
li#monx a:hover span,li#monxx span#on{
	background-color: #00AE34;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -806px; 
	text-indent: 772px;
	width: 922px;
	z-index: 20;
}
li#monx a:hover, li#monxx{
	color: #00AE34;
	background: transparent url(../fx/electromenager.png) no-repeat 1px -96px;
}
a.monx, span.monx{
	color: #000;
	text-transform: none;
}
a.monx:hover span{
	background: transparent url(../fx/onglet-electromnager.gif) no-repeat;
	color: #fff;

}
li#cuisx a:link, li#cuisx a:visited{
	background: transparent url(../fx/cuisine.png) no-repeat 1px 0px;
}
li#cuisx a:hover span,li#cuisxx span#on{
	background-color: #007026;
	color: #fff;
	padding:3px 0px 3px 5px;
	margin: 2px 0px 0px 0px;
	display: block;
	position: absolute; 
	top: 53px; 
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	left: -868px; 
	text-indent: 792px;
	width: 922px;
	z-index: 20;
}
li#cuisx a:hover, li#cuisxx{
	color: #007026;
	background: transparent url(../fx/cuisine.png) no-repeat 1px -96px;
}
a.cuisx, span.cuisx{
	color: #000;
	text-transform: none;
}
a.cuisx:hover span{
	background: transparent url(../fx/onglet-cuisines.gif) no-repeat;
	color: #fff;
	width: 145px;
}