/* Navigation principale
 ----------------------------------------------------- 
 Navigation thematique + subnav
 Navigation transversale + subnav
 ----------------------------------------------------- */

#thematicNav ul {
	list-style:none;
	margin:0;
	padding:0;
	padding:0 0 5px 0;
	background:url(../../pictures/layout/leftnav/shared/bg_thematicNav_bottom.gif) bottom no-repeat;
}
#thematicNav ul li {
	margin:0;
	padding:0;
}
#thematicNav ul li ul li {
	border:0;
	margin:0;
}
/* Main Navigation 
	   Si l'aspect des elements de navigation varie de categorie
	   en categorie, on commence par fixer les preferences 
	   generales comme l'espacement, la taille, la font etc... 
 ------------------------------------------------------- */
#leftCol a, #leftCol .navOn a {
	font-weight:bold;
	font-size:90%;
	text-decoration:none;
	text-transform:uppercase;
	position:relative;
	display:block;
	background-color:#01798b;
	background-image:url(../../pictures/layout/leftnav/shared/bg_buttons.gif);
	background-repeat:repeat-y;
	color:#fff;
}
#thematicNav a .contentA {
	display:block;
	background:url(../../pictures/layout/leftnav/shared/bg_buttons_top.gif) top left no-repeat;
}
#thematicNav a.navColor1 .contentA {
	display:block;
	background:url(../../pictures/layout/leftnav/shared/bg_buttons01_top.gif) top left no-repeat;
}
#leftCol a .contentB, #leftCol .navOn a .contentB {
	display:block;
	padding:9px 5px 9px 8px;
}
#leftCol a:hover, #leftCol a:active, #leftCol .navOn a, #leftCol .navOn a:hover, #leftCol .navOn a:active {
	background:#004557 url(../../pictures/layout/leftnav/shared/bg_buttons01.gif) repeat-y;
}
#leftCol a:hover .contentA, #leftCol a:active .contentA, #leftCol .navOn a .contentA, #leftCol .navOn a:hover .contentA, #leftCol .navOn a:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons_on_top.gif) top left no-repeat;
}
#leftCol a.navColor1:hover .contentA, #leftCol a.navColor1:active .contentA, #leftCol .navOn a.navColor1 .contentA, #leftCol .navOn a.navColor1:hover .contentA, #leftCol .navOn a.navColor1:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons01_on_top.gif) top left no-repeat;
}
/* Navigation transversale								 
 ----------------------------------------------------- */
#transversalNav {
	margin-top:2.5em;
	list-style:none;
	z-index:10;
	overflow:visible;
	padding:0;
}
#transversalNav ul {
	list-style:none;
	margin:0;
	padding:0 0 5px 0;
	background:url(../../pictures/layout/leftnav/shared/bg_transNav_bottom.gif) bottom no-repeat;
}
#transversalNav ul li {
	margin:0;
	padding:0;
}
#transversalNav a, #leftCol .transversalNav a {
	background-color:#cae9f3;
	background-image:url(../../pictures/layout/leftnav/shared/bg_tbuttons.gif);
	background-repeat:repeat-y;
	color:#004557;
}
#transversalNav a .contentA {
	display:block;
	background:url(../../pictures/layout/leftnav/shared/bg_tbuttons_top.gif) top left no-repeat;
}
#transversalNav a.navColor1 .contentA {
	display:block;
	background:url(../../pictures/layout/leftnav/shared/bg_tbuttons01_top.gif) top left no-repeat;
}
#transversalNav a.navColor8 {
	display:block;
	background:url(../../pictures/layout/leftnav/shared/bg_tbuttons08.gif) bottom left repeat-y;
}
#transversalNav a.navColor8 .contentB {
	display:block;
	background:url(../../pictures/layout/leftnav/shared/bg_tbuttons08_bottom.gif) bottom left no-repeat;
}
#transversalNav a:hover, #transversalNav a:active, #transversalNav .navOn a, #transversalNav .navOn a:hover, #transversalNav .navOn a:active {
	background:#004557 url(../../pictures/layout/leftnav/shared/bg_buttons01.gif) repeat-y;
	color:#fff;
}
#transversalNav a:hover .contentA, #transversalNav a:active .contentA, #transversalNav .navOn a .contentA, #transversalNav .navOn a:hover .contentA, #transversalNav .navOn a:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons_on_top.gif) top left no-repeat;
}
#transversalNav a.navColor1:hover .contentA, #transversalNav a.navColor1:active .contentA, #transversalNav .navOn a.navColor1 .contentA, #transversalNav .navOn a.navColor1:hover .contentA, #transversalNav .navOn a.navColor1:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons01_on_top.gif) top left no-repeat;
}
#transversalNav a.navColor8:hover .contentB, #transversalNav a.navColor8:active .contentB, #transversalNav .navOn a.navColor8 .contentB, #transversalNav .navOn a.navColor8:hover .contentB, #transversalNav .navOn a.navColor8:active .contentB {
	background:none;
}

/* Navigation de deuxieme niveau						 
 ----------------------------------------------------- */
#leftCol #transversalNav ul li ul li {
	border:0;
	margin:0;
}
#leftCol.rubCol {
	background-color:#d5f8ff;
}
#leftCol #subNav a {					/* mise a 0 des css predefinis (leftCol a) */
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
	text-transform:none;
	position:relative;
	display:block;
	background:none;
}
#leftCol #subNav {
	background-color:#FFF;
	font-size:100%;
}
#leftCol #subNav a:link, 
#leftCol #subNav a:visited, 
#leftCol #subNav a:active {  
	border-top:1px solid #a8cdd5;
	color:#004557;
	text-decoration:none;
}
#leftCol #subNav a .contentA {  
	display:block;
	padding:5px 0 5px 15px;
	background:none;
}
#leftCol #subNav .subNavOn a:link, 
#leftCol #subNav .subNavOn a:visited, 
#leftCol #subNav .subNavOn a:active {  
	color:#000;
	text-decoration:none;
}
#leftCol #subNav a:hover, 
#leftCol #subNav .subNavOn a:hover, 
#leftCol #subNav a:active {
	text-decoration:underline;
	color:#000;
	background:#b0ecfa;
}
#leftCol #subNav .subNavOn {  
	color:#000;
	background:#b0ecfa;
	text-decoration:none;
	}
#leftCol #subNav ul {
	background:#d5f8ff;
	margin:0;
	padding:0;
	border-left:1px solid #a8cdd5;
	border-right:1px solid #a8cdd5;
}
#leftCol #subNav li {
	display:block;
	width:100%;
	color:#333;
	margin:0;
	padding:0;
}