/* 
	CONSTRUCTION DU MENU SLIDE
*/

div#nav a:link,
div#nav a:visited { color: #FFFFFF; text-decoration: none; }

#nav { width: 902px; height: 180px; background: url(../images/fond_menu.jpg) no-repeat; overflow: auto;
	margin-left: 9px;
}
#navcontainer { position: relative; width: 900px; height: 180px; margin: 0 0 0 1px;
	overflow: hidden;
}
#slider .image { float: left; width: 130px; height: 140px; position: relative; top: 0; list-style-type:none}
#slider .imageH { float: left; width: 205px; height: 140px; position: relative; top: 0; list-style-type:none}

#slider .image a:link,
#slider .image a:visited { float: left; width: 100%; padding-top: 125px; overflow: hidden; color: #ccc; font-size: 10px; line-height:16px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; list-style-type:none}
#slider .image a:hover { text-decoration: none; color: #fff; list-style-type:none}

#slider {
	padding-left: 25px;
	padding-right: 25px;
}

#slider .imageH a:link,
#slider .imageH a:visited { float: left; width: 100%; padding-top: 125px; overflow: hidden; color: #ccc; font-size: 10px; line-height:16px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; list-style-type:none}
#slider .imageH a:hover { text-decoration: none; color: #fff; list-style-type:none}

#slidertrack { position: absolute; top: 153px; left: 19px; width:865px; height:53px; overflow: hidden; background: url(../images/scrollbar_22px.png) no-repeat; visibility: hidden; }

#cat1 { position: absolute; top: 2px; z-index: 150; color: #000; font-size: 11px; cursor: pointer; left: 85px;
	font-weight: bold;
}
#cat2 { position: absolute; top: 2px; z-index: 150; color: #000; font-size: 11px; cursor: pointer; left: 400px;
	font-weight: bold;
 }
#cat3 { position: absolute; top: 2px; z-index: 150; color: #000; font-size: 11px; cursor: pointer; left: 540px; 
	font-weight: bold;
}
#cat4 { position: absolute; top: 2px; z-index: 150; color: #000; font-size: 11px; cursor: pointer; left: 740px; 
	font-weight: bold;
}
#sliderhandle { position: absolute; width: 154px; height: 22px; cursor: pointer; z-index: 155; }
#sliderhandleimage { position: absolute; width: 154px; height: 22px; background: url(../images/scroller_small_22.png) no-repeat; behavior:url(../scripts/iepngfix.htc); cursor: pointer; z-index: 5; }

#slider #fenetre1 a { background-image: url(../photos/final/fenetre1.jpg); }
#slider #fenetre2 a { background-image: url(../photos/final/fenetre2.jpg); }
#slider #fenetre3 a { background-image: url(../photos/final/fenetre3.jpg); }
#slider #fenetre4 a { background-image: url(../photos/final/fenetre4.jpg); }
#slider #fenetre5 a { background-image: url(../photos/final/fenetre5.jpg); }
#slider #fenetre6 a { background-image: url(../photos/final/fenetre6.jpg); }
#slider #fenetre7 a { background-image: url(../photos/final/fenetre7.jpg); }

#slider #volet1 a { background-image: url(../photos/final/volet1.jpg); }
#slider #volet2 a { background-image: url(../photos/final/volet2.jpg); }
#slider #volet3 a { background-image: url(../photos/final/volet3.jpg); }
#slider #volet4 a { background-image: url(../photos/final/volet4.jpg); }
#slider #volet5 a { background-image: url(../photos/final/volet5.jpg); }
#slider #volet6 a { background-image: url(../photos/final/volet6.jpg); }


#slider #porte1 a { background-image: url(../photos/final/porte1.jpg); }
#slider #porte2 a { background-image: url(../photos/final/porte2.jpg); }
#slider #porte3 a { background-image: url(../photos/final/porte3.jpg); }
#slider #porte4 a { background-image: url(../photos/final/porte4.jpg); }

#slider #portail1 a { background-image: url(../photos/final/portail1.jpg); }
#slider #portail2 a { background-image: url(../photos/final/portail2.jpg); }
#slider #portail3 a { background-image: url(../photos/final/portail3.jpg); }
#slider #portail4 a { background-image: url(../photos/final/portail4.jpg); }

#slider #Vide a { background-image: url(images/vide.jpg); }


li.produit_spacer {
	float: left; 
	list-style-type:none;
	foat: left;
	width: 85px;
}

li.produit_spacer a { 
	background-image: url(/images/spacer.jpg);
	float: left; 
	width: 100%; 
	padding-top: 125px; 
	background-position: 50% 100%; 
	background-repeat: no-repeat; 
	list-style-type:none
}

#leftarrow {
	position: absolute;
	cursor: pointer;
	top: 153px; 
	left: 19px; 
	width:20px; 
	height:53px; 
	overflow: hidden; 
}

#rightarrow {
	position: absolute; 
	cursor: pointer;
	top: 153px; 
	left: 864px; 
	width:20px; 
	height:53px; 
	overflow: hidden; 
}