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

#placementMenuPrincipal {
	position: absolute;
	width:780px;
	top: 158px;
	left: 2px;
	z-index: 2000; /* ---------- ne pas modifier ---------- */
}

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

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

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

#menuPrincipal dt { /* ---------- Style les dt à la fois pour nivA et nivB ---------- */
	width: 156px; /* ---------- largeur de nivA (à régler sur dl.nivA, dt.nivA, a.nivA) ---------- */
	line-height: 34px; /* ---------- 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 ---------- */
	font-family: "Trebuchet MS", Arial, Verdana, "Lucida Grande", sans-serif;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: none;
	background-image: url(../images/menuNivABackground.gif);
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	background-repeat: no-repeat;
	width: 156px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: center; /* ---------- positionne le texte dans la largeur (left, right, center) ---------- */
	height: 34px; /* ---------- 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 -34px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#menuPrincipal dl.nivB a,
#menuPrincipal dl.nivBSelected a {
	background-image: none;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	background-repeat: no-repeat;
	width: 146px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: center; /* ---------- 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 {
	font-weight: normal;
}

#menuPrincipal dl.nivB a:hover {
	font-weight: bold;
}

#menuPrincipal dl.nivB a:active {
	font-style: italic;
	font-weight: bold;
}

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

#menuPrincipal dl.nivBSelected a:link,
#menuPrincipal dl.nivBSelected a:visited {
	font-weight: normal;
	color: #ff7200;
}

#menuPrincipal dl.nivBSelected a:hover {
	color: #ff7200;
	font-weight: bold;
}

#menuPrincipal dl.nivBSelected a:active {
	color: #fd3400;
	font-weight: bold;
}

/* =============== 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 {

}

/* =============================== MENU Rappel CSS =============================== */

#placementmenuRappel {
	margin:0px;
	padding: 0px;;
	position: relative;
	z-index: 2000; /* ---------- ne pas modifier ---------- */
}

#menuRappel {
	position:relative;
	float: left;
	width:220px;
	
}

/* ===================== MENUS NIV 1 ===================== */

#menuRappel dl.niv1,
#menuRappel dl.niv1Selected {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	width: 220px; /* ---------- largeur de niv 1 (à régler sur dl.niv1, dt.niv1, a.niv1) ---------- */
	float: left; /* ---------- ne pas modifier ---------- */
	clear: none; /* ---------- horizontal = none ; vertical = left ---------- */
	position: relative; /* ---------- ne pas modifier ---------- */
}

#menuRappel dl.niv1Selected {
}

#menuRappel dt.niv1Solo,
#menuRappel dt.niv1Multi,
#menuRappel dt.niv1SoloSelected {
	width: 220px; /* ---------- largeur de niv 1 (à régler sur dl.niv1, dt.niv1, a.niv1) ---------- */
	line-height: 39px; /* ---------- règle l'alignement vertical du texte (cf. height de a.niv1) ---------- */
}

#menuRappel a.niv1Solo,
#menuRappel a.niv1Multi,
#menuRappel a.niv1SoloSelected,
#menuRappel a.niv1MultiSelected {
	background-position: 0px 0px;
	background-image: url(../images/menuRappelnivABackground.gif);
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size: 14px;
	color: #3d3c3e;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	background-repeat: no-repeat;
	width: 220px; /* ---------- largeur de niv 1 (à régler sur dl.niv1, dt.niv1, a.niv1) WARNING : déduire le padding left, right ---------- */
	text-align: center; /* ---------- positionne le texte de niv 1 dans la largeur (left, right, center) ---------- */
	height: 39px; /* ---------- règle la hauteur du bloc a.niv1 (cf. line-height de dt.niv1) ---------- */
	display: block; /* ---------- ne pas modifier ---------- */
	cursor: pointer; /* ---------- ne pas modifier ---------- */
}

#menuRappel a.niv1Solo:link,
#menuRappel a.niv1Multi:link,
#menuRappel a.niv1SoloSelected:link,
#menuRappel a.niv1MultiSelected:link {
}

#menuRappel a.niv1Solo:visited,
#menuRappel a.niv1Multi:visited,
#menuRappel a.niv1SoloSelected:visited,
#menuRappel a.niv1MultiSelected:visited {
}

#menuRappel a.niv1Solo:active,
#menuRappel a.niv1Multi:active,
#menuRappel a.niv1SoloSelected:active,
#menuRappel a.niv1MultiSelected:active {
}

#menuRappel a.niv1Solo:hover,
#menuRappel a.niv1Multi:hover,
#menuRappel a.niv1SoloSelected:hover,
#menuRappel a.niv1MultiSelected:hover {
}

#menuRappel a.niv1Solo:link,
#menuRappel a.niv1Solo:visited {
	background-position: 0px 0px;
}

#menuRappel a.niv1Solo:hover {
	background-position: 0px -39px;
}

#menuRappel a.niv1Solo:active {
	background-position: 0px -78px;
}

#menuRappel a.niv1SoloSelected:link,
#menuRappel a.niv1SoloSelected:visited {
	background-position: 0px -117px;
	color:#fff;
}

#menuRappel a.niv1SoloSelected:hover {
	background-position: 0px -156px;
	color:#fff;
}

#menuRappel a.niv1SoloSelected:active {
	background-position: 0px -195px;
	color:#fff;
}

#menuRappel a.niv1Multi:link,
#menuRappel a.niv1Multi:visited {
	background-position: 0px 0px;
}

#menuRappel a.niv1Multi:hover {
	background-position: 0px -39px;
}

#menuRappel a.niv1Multi:active {
	background-position: 0px -78px;
}

#menuRappel dl.niv1Selected dt.niv1Multi a.niv1MultiSelected:link,
#menuRappel dl.niv1Selected dt.niv1Multi a.niv1MultiSelected:visited {
	background-position: 0px -117px;
	color:#fff;
}

#menuRappel dl.niv1Selected dt.niv1Multi a.niv1MultiSelected:hover {
	background-position: 0px -156px;
	color:#fff;
}

#menuRappel dl.niv1Selected dt.niv1Multi a.niv1MultiSelected:active {
	background-position: 0px -195px;
	color:#fff;
}