/* ====================================================================================================================== */
/* ====================================================================================================================== */
/* ================================================= MENU PRINCIPAL CSS ================================================= */
/* ====================================================================================================================== */
/* ====================================================================================================================== */

#placementMenuPrincipal {
	position: relative;
	z-index: 2000; /* ---------- ne pas modifier ---------- */
}

#menuPrincipal {
	padding: 0px;
	margin: 0px;
	float: none; /* ---------- ne pas modifier ---------- */
	position: relative; /* ---------- ne pas modifier ---------- */
	width: 213px; /* ---------- largeur générale du menu ---------- */
}

/* ================================================= NIVA ================================================= */

#menuPrincipal dl.nivA,
#menuPrincipal dl.nivASelected,
#menuPrincipal dl.nivAMulti,
#menuPrincipal dl.nivAMultiSelected {
	background-repeat: repeat-y;
	background-image: url(../images/menu_niv2background.jpg);
	padding: 0px;
	margin: 0px;
	width: 231px; /* ---------- largeur de nivA (à régler sur dl, dt, a) ---------- */
	float: left; /* ---------- ne pas modifier ---------- */
	clear: left; /* ---------- horizontal = none ; vertical = left ---------- */
	position: relative; /* ---------- ne pas modifier ---------- */
}

#menuPrincipal dt { /* ---------- Style les dt à la fois pour nivA et nivB ---------- */
	width: 231px; /* ---------- largeur de nivA (à régler sur dl.nivA, dt.nivA, a.nivA) ---------- */
	line-height: 30px; /* ---------- règle l'alignement vertical du texte (cf. height de a) ---------- */
}

#menuPrincipal dl.nivA a,
#menuPrincipal dl.nivASelected a,
#menuPrincipal dl.nivAMulti a,
#menuPrincipal dl.nivAMultiSelected a { /* ---------- Style les liens à la fois pour nivA et nivB ---------- */
	display: block; /* ---------- ne pas modifier ---------- */
	cursor: pointer; /* ---------- ne pas modifier ---------- */
}

#menuPrincipal dl.nivA a,
#menuPrincipal dl.nivASelected a,
#menuPrincipal dl.nivAMulti a,
#menuPrincipal dl.nivAMultiSelected a { /* ---------- Style les liens à la fois pour nivA et nivB ---------- */
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 33px;
	padding-top: 0px;
	margin: 0px;
	font-size: 12px;
	color: #3f3f3f;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	background-repeat: no-repeat;
	background-image: url(../images/menuNivABackground.gif);
	width: 198px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: right; /* ---------- positionne le texte dans la largeur (left, right, center) ---------- */
	height: 30px; /* ---------- règle la hauteur du bloc a (cf. line-height de dt) ---------- */
}

/* ================== nivA ================== */

#menuPrincipal dl.nivA a:link,
#menuPrincipal dl.nivA a:visited {
	background-position: 0px 0px;
}

#menuPrincipal dl.nivA a:hover {
	background-position: 0px -30px;
}

#menuPrincipal dl.nivA a:active {
	background-position: 0px -30px;
}

/* =============== nivASelected =============== */

#menuPrincipal dl.nivASelected a:link,
#menuPrincipal dl.nivASelected a:visited {
	background-position: 0px -60px;
}

#menuPrincipal dl.nivASelected a:hover {
	background-position: 0px -90px;
}

#menuPrincipal dl.nivASelected a:active {
	background-position: 0px -90px;
}

/* ================ nivAMulti ================= */

#menuPrincipal dl.nivAMulti a:link,
#menuPrincipal dl.nivAMulti a:visited {
	background-position: 0px 0px;
}

#menuPrincipal dl.nivAMulti a:hover {
	background-position: 0px -30px;
}

#menuPrincipal dl.nivAMulti a:active {
	background-position: 0px -30px;
}

/* ============== nivAMultiSelected =========== */

#menuPrincipal dl.nivAMultiSelected a:link,
#menuPrincipal dl.nivAMultiSelected a:visited {
	background-position: 0px -60px;
}

#menuPrincipal dl.nivAMultiSelected a:hover {
	background-position: 0px -90px;
}

#menuPrincipal dl.nivAMultiSelected a:active {
	background-position: 0px -90px;
}

/* =============== nivB spécifiques =============== */

/* ================================================= NIVB ================================================= */

#menuPrincipal dd {
	background-position: 0 top;
	background-repeat: no-repeat;
	background-image: url(../images/menuNivBBackground.gif);
	padding: 0px;
	margin: 0px 0px;
	margin: 0px;
	visibility: visible; /* ---------- horizontal = hidden ; vertical = visible ---------- */
}

#menuPrincipal dl.nivB,
#menuPrincipal dl.nivBSelected {
	padding: 0px;
	margin: 0px;
	width: 231px; /* ---------- largeur de nivB (à régler sur dl, dt, a) ---------- */
}

#menuPrincipal dl.nivB dt,
#menuPrincipal dl.nivBSelected dt {
	width: 231px; /* ---------- largeur de nivB (à régler sur dl dt, a) ---------- */
	line-height: 19px; /* ---------- règle l'alignement vertical du texte (cf. height de a) ---------- */
}

#menuPrincipal dl.nivB a,
#menuPrincipal dl.nivBSelected a {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 33px;
	padding-top: 0px;
	margin: 0px;
	font-size: 11px;
	color: #3f3f3f;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	background-image: none;
	width: 198px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: right; /* ---------- positionne le texte dans la largeur (left, right, center) ---------- */
	height: 19px; /* ---------- règle la hauteur du bloc a.nivA (cf. line-height de dt) ---------- */
}

/* ================== nivB ================== */

#menuPrincipal dl.nivB a:link,
#menuPrincipal dl.nivB a:visited {
	
}

#menuPrincipal dl.nivB a:hover {
	color: #004C86;
}

#menuPrincipal dl.nivB a:active {
	
}

/* =============== nivBSelected =============== */

#menuPrincipal dl.nivBSelected a:link,
#menuPrincipal dl.nivBSelected a:visited {
	color: #004C86;
}

#menuPrincipal dl.nivBSelected a:hover {
	
}

#menuPrincipal dl.nivBSelected a:active {
	
}

/* =============== nivB spécifiques =============== */

#menuPrincipal .itemNivA4 dl.itemNivB3 a:link,
#menuPrincipal .itemNivA4 dl.itemNivB3 a:visited,
#menuPrincipal .itemNivA4 dl.itemNivB3 a:hover,
#menuPrincipal .itemNivA4 dl.itemNivB3 a:active {
	
}