/**************************************************************************
** PROJECT :		CLISSON
** FILE NAME :		nav.css
** CREATED :		06/02/08							BY :	Ludo Ran
** CONTENT :		Feuille de styles 
**
***************************************************************************/

/* NAVMETA NAVIGATION */

#navmeta {
	position: absolute;
	height: 15px;
	top: 2px;
	right: 50px;
}

#navmeta ul { float: left; list-style: none; }
#navmeta li { float: left; margin: 0 7px 0 5px; background: url(../images/nav/nvmet.gif) 0 5px no-repeat; }
#navmeta li a { float: left; height: 15px; line-height: 14px; color: #000; text-decoration: none; margin-left: 10px; padding: 1px 2px; cursor: pointer; }
#navmeta li a:hover { color: #fff; background: #c60; }
#navmeta li a.current { color: #fff; background: #c60; }
#navmeta li a.current:hover { cursor: text; }

/* NAVMAIN NAVIGATION */

#navmain {
	position: absolute;
	left: 280px;
	top: 38px;
	visibility: hidden;
	z-index: 150;
}
#navmenu { width: 520px !important; }

/* NAVSEARCH NAVIGATION */

#navhelp{
	width:50px;
	height:20px;
	position:absolute;
	left:92%;
	margin-top:60px;
}
#navhelp input.okbtn { width: 16px; height: 16px; margin-left: 15px; background: url(../images/nav/okbtn.gif) no-repeat; }

#navsearch {
	position: absolute;
	top: 88px;
	left: 170px;
}
#navsearch label { float: left; clear: none; margin: 0 5px 0 10px; }
#navsearch input { float: left; width: 130px; height: 15px; padding: 0 2px; border: 1px solid #666; }
em.slctbox, #navsearch .slctbox {
	float: left;
	border: 1px solid #666;
	overflow: hidden;
}
em.slctbox select, #navsearch .slctbox select { float: left; width: 130px; height: 19px; *height: 16px; margin: -2px; padding: 0; }
#navsearch input.okbtn { width: 16px; height: 16px; margin-left: 15px; padding: 0; background: url(../images/nav/okbtn.gif) no-repeat; }
#schlist {
	float: left;
	clear: left;
	position: relative;
	width: 500px;
	left: 290px;
	z-index: 100;
}
#schlist a {
	float: left;
	position: relative;
	width: 15px;
	height: 17px;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 2px;
	border: 1px solid #fff;
	overflow: hidden;
	z-index: 1000;
}
#schlist a:hover {
	border-color: #66a237;
}

#ruelist {
	display: none;
	position: absolute;
	width: 240px;
	height: 180px;
	background: url(../images/nav/ruelist.gif) 0 0 no-repeat;
	overflow: hidden;
	z-index: 2500;
	scrollbar-arrow-color: #66a237; 
	scrollbar-track-color: #fff;
	scrollbar-face-color: #fff; 
	scrollbar-shadow-color: #66a237;
	scrollbar-highlight-color: #66a237;
	scrollbar-darkshadow-color: #ecf3ff; 
	scrollbar-3dlight-color: #ecf3ff;
}
.rlisthdr {
	float: left;
	margin: 10px 0 0 10px;
}
.rlisthdr span { font-weight: bold; }
.rlisthdr img { position: absolute; top: 3px; right: 3px; cursor: pointer; }
#listeAlphaRue{
	position: relative;
	float: left;
	clear: left;
	width: 224px;
	height: 130px;
	margin: 10px 0 0 10px;
	*margin-left: 5px;
	overflow: auto;
	overflow-x: hidden;
	scrollbar-arrow-color: #66a237; 
	scrollbar-track-color: #fff;
	scrollbar-face-color: #fff; 
	scrollbar-shadow-color: #66a237;
	scrollbar-highlight-color: #66a237;
	scrollbar-darkshadow-color: #ecf3ff; 
	scrollbar-3dlight-color: #ecf3ff;
}
.lienalpha {
	float: left;
	width: 100%;
	color: #000;
	text-decoration: none;
}
.lienalpha:hover {
	color: #28381b;
	background: #e5efdd;
}

/* NAVSUB NAVIGATION */

#navsub {
	position: absolute;
	width: 30px;
	height: 491px;
	text-align: center;
	top: 0;
	right: 1px;
	background: #bfc71c url(../images/nav/navsub.gif) 1px 0 repeat-y;
	border-top: 1px solid #bfc71c;
	border-bottom: 1px solid #bfc71c;
	overflow: hidden;
}

#navsub ul { float: left; list-style: none; width: 100%; height: 100%; margin: 1px 0; }
#navsub li { float: left; margin: 3px 0; padding: 0; }
#navsub li a {
	float: left;
	width: 30px;
	height: 25px;
	font: 11px arial;
	color: #999;
	line-height: 24px;
	text-decoration: none;
	background-image: url(../images/nav/tool.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
#navsub li a#sub1 { background-position: 0 0; }
#navsub li a#sub2 { background-position: 0 -25px; }
#navsub li a#sub3 { background-position: 0 -50px; }
#navsub li a#sub4 { background-position: 0 -75px; }
#navsub li a#sub5 { background-position: 0 -100px; }
#navsub li a#sub6 { background-position: 0 -125px; }
#navsub li a#sub7 { background-position: 0 -150px; }
#navsub li a#sub9 { background-position: 0 -175px; }
#navsub li a#sub10 { background-position: 0 -200px; }
#navsub li a#sub11 { background-position: 0 -225px; }
#navsub li a#sub13 { background-position: 0 -250px; }
#navsub li a#sub8 { background-position: 0 -275px; }
#navsub li a#sub14 { background-position: 0 -300px; }
#navsub li a#sub12 { background-position: 0 -350px; }
#navsub li a#sub1:hover,#navsub li a#sub1.current { background-position: -30px 0; }
#navsub li a#sub2:hover,#navsub li a#sub2.current { background-position: -30px -25px; }
#navsub li a#sub3:hover,#navsub li a#sub3.current { background-position: -30px -50px; }
#navsub li a#sub4:hover,#navsub li a#sub4.current { background-position: -30px -75px; }
#navsub li a#sub5:hover,#navsub li a#sub5.current { background-position: -30px -100px; }
#navsub li a#sub6:hover,#navsub li a#sub6.current { background-position: -30px -125px; }
#navsub li a#sub7:hover,#navsub li a#sub7.current { background-position: -30px -150px; }
#navsub li a#sub9:hover,#navsub li a#sub9.current { background-position: -30px -175px; }
#navsub li a#sub10:hover,#navsub li a#sub10.current { background-position: -30px -200px; }
#navsub li a#sub11:hover,#navsub li a#sub11.current { background-position: -30px -225px; }
#navsub li a#sub13:hover,#navsub li a#sub13.current { background-position: -30px -250px; }
#navsub li a#sub8:hover,#navsub li a#sub8.current { background-position: -30px -275px; }
#navsub li a#sub14:hover,#navsub li a#sub14.current { background-position: -30px -300px; }
#navsub li a#sub12:hover,#navsub li a#sub12.current { background-position: -30px -350px; }

/*#navsub li a:hover, #navsub li a.current { font-weight: bold; background-position: 0 -25px; }
#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#sub12 { background-image: url(../images/nav/sub12.gif); }
#navsub li a#sub13 { background-image: url(../images/nav/sub13.gif); }*/

#measureselection ul { float: left; margin: 0; padding: 0; }
#measureselection li {
	float: left;
	list-style: none;	
	margin: 0 5px 0 0;
	cursor: pointer;
}
#measureselection li a { float: left; width: 30px; height: 25px; background-position: 0 0; background-repeat: no-repeat; }

/* NAVBOT NAVIGATION */

#navbot {
	float: left;
	clear: both;
	width: 770px;
	height: 24px;
	background: url(../images/nav/navbot.gif) 0 0 repeat-x;
	overflow: hidden;
}
.nvtitle {
	float: left;
	font-family: Trebuchet Ms, sans-serif;
	font-weight: bold;
	color: #5C9131;
	text-transform: uppercase;
	padding-left: 4px;
	cursor: text;
}
#navscale {
	float: left;
	width: 48%;
	height: 100%;
}

#navscale input {
	width: 84px;
	height: 14px;
	font: 10px arial;
	color: #666;
	margin: 4px 0 0 8px;
	padding: 0 0 0 2px;
	border: 1px solid #c1cde1;
}
.nvzoomout {
	float: left;
	width: 11px;
	height: 11px;
	margin: 6px 0 0 30px;
	background: url(../images/nav/zoomout.gif) no-repeat;
}
.nvzoomin {
	float: left;
	width: 11px;
	height: 11px;
	margin-top: 6px;
	background: url(../images/nav/zoomin.gif) no-repeat;
}
#navscale ul {
	float: left;
	position: relative;
	width: 120px;
	height: 24px;
	background: url(../images/nav/zoom.gif) no-repeat;

}
#navscale li {
	float: left;
	list-style: none;
}
#navscale li a {
	position: absolute;
	width: 13px;
	height: 13px;
}
#navscale li a#zoom1 { width: 8px; height: 8px; top: 10px; left: 10px; }
#navscale li a#zoom2 { width: 9px; height: 9px; top: 9px; left: 26px; }
#navscale li a#zoom3 { width: 10px; height: 10px; top: 8px; left: 43px; }
#navscale li a#zoom4 { width: 11px; height: 11px; top: 7px; left: 61px; }
#navscale li a#zoom5 { width: 12px; height: 12px; top: 6px; left: 80px; }
#navscale li a#zoom6 { width: 13px; height: 13px; top: 5px; left: 100px; }

#navscale li a#zoom1:hover, #navscale li a#zoom1.current { background: url(../images/nav/zms1.gif) no-repeat; }
#navscale li a#zoom2:hover, #navscale li a#zoom2.current { background: url(../images/nav/zms2.gif) no-repeat; }
#navscale li a#zoom3:hover, #navscale li a#zoom3.current { background: url(../images/nav/zms3.gif) no-repeat; }
#navscale li a#zoom4:hover, #navscale li a#zoom4.current { background: url(../images/nav/zms4.gif) no-repeat; }
#navscale li a#zoom5:hover, #navscale li a#zoom5.current { background: url(../images/nav/zms5.gif) no-repeat; }
#navscale li a#zoom6:hover, #navscale li a#zoom6.current { background: url(../images/nav/zms6.gif) no-repeat; }


#navopac {
	float: left;
	clear: none;
	width: 48%;
	border-left: 3px solid #fff;
}
#navopac font { float: left; clear: none; margin-left: 10px; }
#LayerOpacityToolTip { float: left; clear: none; margin-left: 10px; }
.slider {
	position: relative;
    width: 120px;   
    height: 4px;
    top: 6px;
	*top: 0px;         
    background: transparent url(../images/nav/ztrack.gif) no-repeat scroll center;
    z-index: 200;
}
.handle {
	position: relative;
    width: 11px;
    height: 17px;  
    top: -6px;
	*top: 1px;          
    background: transparent url(../images/nav/zbutton.png) no-repeat scroll center;
	*background-image: none;
	*filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/nav/zbutton.png',sizingmethod='scale');
    cursor: pointer;
}
.resizeRef {
	position: absolute;
	height: 15px;
	width: 15px;
	bottom: 0;
	left: 0;
	background-color: #ccc;
	cursor: ne-resize;
	z-index: 9;
}

#zoomSlider {
	float: left;
	position: relative;
	width: 134px;
	height: 24px;
}

#area2 {
	position: relative;
	width: 120px;
	height: 4px;
	top: 10px;
	left: 5px;
	background: transparent url(../images/nav/ztrack.gif) 0 0 no-repeat;
}
 
#knob2 {
	position: absolute;
	width: 11px;
	height: 17px;
	top: -6px;
	background: transparent url(../images/nav/zbutton.png) 0 0 no-repeat;
	*background-image: none;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/nav/zbutton.png',sizingmethod='scale');
	cursor: pointer;
}

#zoomSlider {
	float: left;
	position: relative;
	width: 134px;
	height: 24px;
}

#areaopacity {
	position: relative;
	width: 120px;
	height: 4px;
	top: 10px;
	left: 5px;
	background: transparent url(../images/nav/ztrack.gif) 0 0 no-repeat;
}
 
#knobopacity {
	position: absolute;
	width: 11px;
	height: 17px;
	top: -6px;
	background: transparent url(../images/nav/zbutton.png) 0 0 no-repeat;
	*background-image: none;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/nav/zbutton.png',sizingmethod='scale');
	cursor: pointer;
}

#menuSelection {
	position: absolute;
	width: 28px;
	height: 25px;
	cursor: pointer;
	z-index: 500000;
	background : #BFC71C url(../images/nav/navsub.gif) repeat-y scroll 1px 0;
	border : 1px solid #BFC71C;
	border-right : 0px solid #BFC71C;
}
#menuSelection div{
	width: 28px;
	height: 25px;
	background-image: url(../images/nav/tool.gif);
	background-position: 0 -300px;
}