/**************************************************************************
** PROJECT :		CG33
** FILE NAME :		nav.css
** CREATED :		30/07/07							BY :	Ludo Ran
** CONTENT :		Feuille de styles 
**
***************************************************************************/

/* NAVZOOM NAVIGATION */

#navzoom {
	position: relative;
	width: 254px;
	height: 160px;
	border: 1px solid #000;
}

#navzmin, #navzmout {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 2px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#navzmin { top: 10px; background-image: url(../images/nav/zoomin.gif); }
#navzmout { top: 130px; background-image: url(../images/nav/zoomout.gif); }

#navzoom ul, #navzoom li {
	list-style: none;	
}

#navzoom ul {
	position: relative;
	width: 50px;
	height: 117px;
	top: 20px;
	left: 24px;
	background: url(../images/nav/zoom.gif) top left no-repeat;	
	overflow: hidden;
}

#navzoom li {
	clear: left;
	margin: 1px 0;
}

#navzoom li a {
	height: 13px;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

#navzoom li a#zoom1 { width: 24px; }
#navzoom li a#zoom2 { width: 26px; }
#navzoom li a#zoom3 { width: 29px; }
#navzoom li a#zoom4 { width: 32px; }
#navzoom li a#zoom5 { width: 35px; }
#navzoom li a#zoom6 { width: 38px; } 
#navzoom li a#zoom7 { width: 41px; }
#navzoom li a#zoom8 { width: 44px; }
#navzoom li a#zoom9 { width: 47px; }

#navzoom li a:hover, #navzoom li a.current { background: url(../images/nav/zoom.gif) no-repeat top left; }
#navzoom li a#zoom1:hover, #navzoom li a#zoom1.current { background-position: 0 -135px; }
#navzoom li a#zoom2:hover, #navzoom li a#zoom2.current { background-position: 0 -150px; }
#navzoom li a#zoom3:hover, #navzoom li a#zoom3.current { background-position: 0 -165px; }
#navzoom li a#zoom4:hover, #navzoom li a#zoom4.current { background-position: 0 -180px; }
#navzoom li a#zoom5:hover, #navzoom li a#zoom5.current { background-position: 0 -195px; }
#navzoom li a#zoom6:hover, #navzoom li a#zoom6.current { background-position: 0 -210px; } 
#navzoom li a#zoom7:hover, #navzoom li a#zoom7.current { background-position: 0 -225px; }
#navzoom li a#zoom8:hover, #navzoom li a#zoom8.current { background-position: 0 -240px; }
#navzoom li a#zoom9:hover, #navzoom li a#zoom9.current { background-position: 0 -255px; }

#navzoom span.zrue, #navzoom span.zqua, #navzoom span.zcom, #navzoom span.zdep {
	position: absolute;
	font: 10px tahoma;
	font-weight: bold;
}
#navzoom span.zrue { top: 19px; left: 50px; z-index:10000;}
#navzoom span.zqua { top: 64px; left: 57px; z-index:10000;}
#navzoom span.zcom { top: 94px; left: 64px; z-index:10000;}
#navzoom span.zdep { top: 124px; left: 70px; z-index:10000;}

/* NAVSUB NAVIGATION */

#navsub {
	clear: left;
	position: relative;
	width: 600px;
	height: 48px;;
	background: #000;/*
	overflow: hidden;*/
}
#navsub ul.ulsube {
	position:absolute;
	right:4px;
	top:0pt;
	width:80px !important;
	z-index:2;
}
#navsub ul {
	position: relative;
	margin: 5px 0 0 0;
	z-index: 1;
}

#navsub li {
	list-style: none;
	margin: 0 1px;
}

#navsub li a {
	width: 32px;
	height: 25px;	
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

#navsub li span { clear: left; width: 58px; font-size: 9px; color: #969696; text-align: center; }

#navsub li a#sub1 { background-image: url(../images/nav/sub1.gif); }
#navsub li a#sub2 { background-image: url(../images/nav/sub2.gif); }
#navsub li a#sub3 { background-image: url(../images/nav/sub3.gif); }
#navsub li a#sub4 { background-image: url(../images/nav/sub4.gif); }
#navsub li a#sub5 { background-image: url(../images/nav/sub5.gif); }
#navsub li a#sub6 { background-image: url(../images/nav/sub6.gif); }
#navsub li a#sub7 { background-image: url(../images/nav/sub7.gif); }
#navsub li a#sub8 { background-image: url(../images/nav/sub8.gif); }
#navsub li a#sub9 { background-image: url(../images/nav/sub9.gif); }
#navsub li a#sub10 { background-image: url(../images/nav/sub10.gif); }
#navsub li a#sub11 { background-image: url(../images/nav/sub11.gif); }

#navsub li a#sub1:hover, #navsub li a#sub2:hover, #navsub li a#sub3:hover, #navsub li a#sub4:hover, #navsub li a#sub5:hover, 
#navsub li a#sub6:hover, #navsub li a#sub7:hover, #navsub li a#sub8:hover, #navsub li a#sub9:hover, #navsub li a#sub10:hover, #navsub li a#sub11:hover, 
#navsub li a#sub1.current, #navsub li a#sub2.current, #navsub li a#sub3.current, #navsub li a#sub4.current, #navsub li a#sub5.current,  
#navsub li a#sub6.current, #navsub li a#sub7.current, #navsub li a#sub8.current, #navsub li a#sub9.current , #navsub li a#sub10.current, #navsub li a#sub11.current {
	background-position: 0 -25px;
}