/********************
GENERAL
*********************/
body {
	font: 11px Arial, Trebuchet MS, Sans-Serif;
	text-align:left;
	margin: 0px;
	padding: 0px;
	color: #000;
}


a {
	color: #000;
	text-decoration: none;
	outline: none;
	text-align:left;
}

a:hover {
	color: #000;
	text-decoration: underline;
	outline: none;
}

a img {
	border-width: 0px;
	outline: none;
}

.item {
	font: 10px Arial;
	font-weight: normal;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	line-height: 20px;
	margin-left:28px;
	text-align:left;
}

.title-green {
	font: 12px Arial;
	font-weight: bold;
	color:#008738;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	line-height: 14px;
	margin:6px 0px 4px 0px;
	text-align:left;
	}

.title-purple {
	font: 12px Arial;
	font-weight: bold;
	color:#820165;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	line-height: 14px;
	margin:6px 0px 4px 0px;
	text-align:left;
	}

.title-bleu {
	font: 12px Arial;
	font-weight: bold;
	color:#006699;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	line-height: 14px;
	margin:6px 0px 4px 0px;
	text-align:left;
	}

.boldorange {color: #E66102; font-weight: bold; }

.submenu {
	margin : 0;
	font : Bold 11px Arial;
	color : #000;
	text-decoration : none;
	text-align:left;
	}
.submenu:hover {
	font: 11px Arial;
	color : #c00;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	letter-spacing:0px;
		}
.submenu-act {
	font: 11px Arial;
	color : #c00;
	text-align:left;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:0px;
		}

.dep-1 {
	padding : 0px 0px 5px 19px;
	font : Normal 11px Arial;
	text-align:left;
	color : #000;
	text-decoration : none;
	background:url('img/bullet-dep-1.gif') no-repeat;
	line-height: 16px;
	display:block;
	}
.dep-2 {
	padding : 0px 0px 5px 19px;
	font : Normal 11px Arial;
	text-align:left;
	color : #000;
	text-decoration : none;
	background:url('img/bullet-dep-2.gif') no-repeat;
	line-height: 16px;
	display:block;
	}
.dep-3 {
	padding : 0px 0px 5px 19px;
	font : Normal 11px Arial;
	text-align:left;
	color : #000;
	text-decoration : none;
	background:url('img/bullet-dep-3.gif') no-repeat;
	line-height: 16px;
	display:block;
	}
.dep-4 {
	padding : 0px 0px 5px 19px;
	font : Normal 11px Arial;
	text-align:left;
	color : #000;
	text-decoration : none;
	background:url('img/bullet-dep-4.gif') no-repeat;
	line-height: 16px;
	display:block;
	}
.dep-5 {
	padding : 0px 0px 5px 19px;
	font : Normal 11px Arial;
	text-align:left;
	color : #000;
	text-decoration : none;
	background:url('img/bullet-dep-5.gif') no-repeat;
	line-height: 16px;
	display:block;
	}

h1 {
	margin : 0;
	padding : 14px 0px 8px 0px;
	font : Bold 20px Arial;
	letter-spacing:1px;
	text-align:left;
	color : #000;
	text-decoration : none;
	margin:0px 0px 0px 0px;
}

.pdf {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 24px;
	font : Bold 10px Arial;
	color : #000;
	line-height: 10px;
	text-align:left;
	text-decoration : none;
	background:url('img/picto-pdf.gif') no-repeat;
}
.dwnprod {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font : Bold 10px Arial;
	color : #000;
	line-height: 10px;
	text-align:left;
	text-decoration : none;
}

.bulletgreen {
	margin : 0px 0px 0px 0px;
	padding : 2px 0px 0px 12px;
	font : Normal 11px Arial;
	color : #000;
	line-height: 16px;
	text-align:left;
	text-decoration : none;
	background:url('img/bullet-green.gif') no-repeat;
}

.bulletbleu {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 12px;
	font : Normal 11px Arial;
	color : #003399;
	line-height: 14px;
	text-align:left;
	text-decoration : none;
	background:url('img/bullet-bleu.gif') no-repeat;
}

.product {
	font : Normal 11px Arial;
	color: #003399;
	text-decoration: none;
	outline: none;
	text-align:left;
	}

.product:hover {
	font : Normal 11px Arial;
	color: #003399;
	text-decoration: underline;
	outline: none;
	}

.smenu {
	font : Normal 12px Arial;
	color: #000000;
	text-decoration: none;
	outline: none;
	text-align:left;
	}

.smenu:hover {
	font : Normal 12px Arial;
	color: #000000;
	text-decoration: underline;
	outline: none;
	}

.bulletpurple {
	margin : 0px 0px 0px 0px;
	padding : 2px 0px 0px 12px;
	font : Normal 11px Arial;
	color : #000;
	line-height: 16px;
	text-align:left;
	text-decoration : none;
	background:url('img/bullet-purple.gif') no-repeat;
}
.bulletred {
	margin : 0px 0px 0px 0px;
	padding : 2px 0px 0px 12px;
	font : Normal 11px Arial;
	color : #000;
	line-height: 16px;
	text-align:left;
	text-decoration : none;
	background:url('img/bullet-red.gif') no-repeat;
}
.titelrouge {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font : Bold 12px Arial;
	color : #b60001;
	line-height: 14px;
	text-align:left;
	text-decoration : none;
}

/********************
NAVIGATION
*********************/
#Navbar {
	width: 700px;
	position: relative;
	top: 0px;
	}

#Navbar h2 {
	display: none;
	}

#Nav, #Nav ul {
	padding: 0px;
	margin:0px 0px 0px 0px;
	list-style: none;
	}

#Nav a {
	font: 11px Trebuchet, Trebuchet MS, Sans-Serif;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	display: block;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#Nav a:hover {
	font: 11px Trebuchet, Trebuchet MS, Sans-Serif;
	font-weight: normal;
	text-align:center;
	text-decoration: none;
	display: block;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#Nav h3 {
	font: 11px Trebuchet, Trebuchet MS, Sans-Serif;
	color:#FFFFFF;
	font-weight: normal;
	text-align:center;
	text-decoration: none;
	margin:0px 0px 0px 0px;

	display: block;
	line-height: 20px;
	padding: 0px 0px 0px 5px;
	}

#Nav a.firstLevel {
	color: #FFFFFF;
	background-color: #cc0000;
	padding: 0px 5px 0px 5px;
	float: left;
	}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#Nav a.firstLevel {
	float: none;
	}
  /* End IE5-Mac hack */


/* uses body ID and Nav li ID to determine selected category */

#qui #qui a.firstLevel, #dep #dep a.firstLevel, #valeur #valeur a.firstLevel, #client #client a.firstLevel {
 	background-color: #008738;
	margin:0px;
 	}

/*----------------------*/

#Nav li:hover, #Nav li.sfhover {
 	}

#Nav li ul li a {
	color: #ffffff;
	background-color: #cc0000;
	margin:0px;
	height:22px;
	padding: 0px;
	position: relative;
	top: 1px;
	}

#Nav li ul li a:hover {
	color: #ffffff;
	background-color: #008738;
	text-decoration:underline;
	margin:0px;
	height:22px;
	padding: 0px;
	position: relative;
	top: 1px;
	}

#Nav li {
	float: left;
	margin: 0px;
	}

#Nav li ul li {
	float: none;
	}

/* must state explicit width for ul elements and height for bg images (secondary numbers). new background images may need to be generated depending on width(s).*/



li#qui ul {
	width: 180px;
	padding: 0px 0px 0px 0px;
	}

li#dep ul {
	width: 180px;
	padding: 0px 0px 0px 0px;
	}

li#valeur ul {
	width: 180px;
	padding: 0px 0px 0px 0px;
	}

li#client ul {
	width: 180px;
	padding: 0px 0px 0px 0px;
	}

/*----------------------*/

li#qui ul, li#dep, li#valeur, li#client {
	position: relative;
	}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
li#qui ul, li#dep, li#valeur, li#client {
	position: static;
	}
/* End IE5-Mac hack */

#Nav li ul {
	position: absolute;
	left: -909em;
	}

#Nav li:hover ul, #Nav li.sfhover ul {
	position: absolute;
	top: 29px;
	left: 0px;
	}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#Nav li:hover ul, #Nav li.sfhover ul {
	top: auto;
	position: absolute;
	left: auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
/* End IE5-Mac hack */