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

#thematicNav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#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:95%;
	text-decoration:none;
	position:relative;
	display:block;
	background:#cad1d3 url(../../pictures/layout/leftnav/shared/bg_buttons01.gif) center;
	color:#000000;
}
#leftCol a.navColor1 {
	background:#cad1d3 url(../../pictures/layout/leftnav/shared/bg_buttons01.gif) center;
}
#leftCol a.navColor2 {
	background:#606060 url(../../pictures/layout/leftnav/shared/bg_buttons02.gif) center;
	color:#FFF;
}
#leftCol a.navColor3 {
	background:#bd4d18 url(../../pictures/layout/leftnav/shared/bg_buttons03.gif) center;
	color:#FFF;
}
#leftCol a.navColor4 {
	background:#3f801c url(../../pictures/layout/leftnav/shared/bg_buttons04.gif) center;
	color:#FFF;
}
#leftCol a.navColor5 {
	background:#336c95 url(../../pictures/layout/leftnav/shared/bg_buttons05.gif) center;
	color:#FFF;
}
#leftCol a.navColor6 {
	background:#531a6a url(../../pictures/layout/leftnav/shared/bg_buttons06.gif) center;
	color:#FFF;
}
#leftCol a .contentA, #leftCol a .contentB {
	display:block;
}
#leftCol a .contentB {
	background:url(../../pictures/layout/leftnav/shared/bg_arrow.gif) center right no-repeat;
	height:5em;
	width:160px;
	padding:0 5px;
	display:table-cell;
	vertical-align:middle;
	border:1px solid #7d8080;
	border-right:1px solid #cad1d3;
	border-bottom:0;
}
#leftCol a:hover, #leftCol a:active, #leftCol a:focus, #leftCol .navOn a, #leftCol .navOn a:hover, #leftCol .navOn a:active {
	background:#b8bec0 url(../../pictures/layout/leftnav/shared/bg_buttons01_on.gif) top repeat-x;
}
#leftCol a:hover .contentA, #leftCol a:active .contentA, #leftCol a:focus .contentA, #leftCol .navOn a .contentA, #leftCol .navOn a:hover .contentA, #leftCol .navOn a:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons01_left_on.gif) top left no-repeat;
}
#leftCol a:hover .contentB, #leftCol a:active .contentB, #leftCol a:focus .contentB, #leftCol .navOn a .contentB, #leftCol .navOn a:hover .contentB, #leftCol .navOn a:active .contentB {
	background:url(../../pictures/layout/leftnav/shared/bg_arrow_on.png) center right no-repeat;
}

#leftCol a.navColor2:hover, #leftCol a.navColor2:active, #leftCol a.navColor2:focus, #leftCol .navOn a.navColor2, #leftCol .navOn a.navColor2:hover, #leftCol .navOn a.navColor2:active {
	background:#787878 url(../../pictures/layout/leftnav/shared/bg_buttons02_on.gif) top repeat-x;
}
#leftCol a.navColor2:hover .contentA, #leftCol a.navColor2:active .contentA, #leftCol a.navColor2:focus .contentA, #leftCol .navOn a.navColor2 .contentA, #leftCol .navOn a.navColor2:hover .contentA, #leftCol .navOn a.navColor2:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons02_left_on.gif) top left no-repeat;
}

#leftCol a.navColor3:hover, #leftCol a.navColor3:active, #leftCol a.navColor3:focus, #leftCol .navOn a.navColor3, #leftCol .navOn a.navColor3:hover, #leftCol .navOn a.navColor3:active {
	background:#c6683a url(../../pictures/layout/leftnav/shared/bg_buttons03_on.gif) top repeat-x;
}
#leftCol a.navColor3:hover .contentA, #leftCol a.navColor3:active .contentA, #leftCol a.navColor3:focus .contentA, #leftCol .navOn a.navColor3 .contentA, #leftCol .navOn a.navColor3:hover .contentA, #leftCol .navOn a.navColor3:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons03_left_on.gif) top left no-repeat;
}

#leftCol a.navColor4:hover, #leftCol a.navColor4:active, #leftCol a.navColor4:focus, #leftCol .navOn a.navColor4, #leftCol .navOn a.navColor4:hover, #leftCol .navOn a.navColor4:active {
	background:#5c923e url(../../pictures/layout/leftnav/shared/bg_buttons04_on.gif) top repeat-x;
}
#leftCol a.navColor4:hover .contentA, #leftCol a.navColor4:active .contentA, #leftCol a.navColor4:focus .contentA, #leftCol .navOn a.navColor4 .contentA, #leftCol .navOn a.navColor4:hover .contentA, #leftCol .navOn a.navColor4:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons04_left_on.gif) top left no-repeat;
}

#leftCol a.navColor5:hover, #leftCol a.navColor5:active, #leftCol a.navColor5:focus, #leftCol .navOn a.navColor5, #leftCol .navOn a.navColor5:hover, #leftCol .navOn a.navColor5:active {
	background:#5181a4 url(../../pictures/layout/leftnav/shared/bg_buttons05_on.gif) top repeat-x;
}
#leftCol a.navColor5:hover .contentA, #leftCol a.navColor5:active .contentA, #leftCol a.navColor5:focus .contentA, #leftCol .navOn a.navColor5 .contentA, #leftCol .navOn a.navColor5:hover .contentA, #leftCol .navOn a.navColor5:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons05_left_on.gif) top left no-repeat;
}

#leftCol a.navColor6:hover, #leftCol a.navColor6:active, #leftCol a.navColor6:focus, #leftCol .navOn a.navColor6, #leftCol .navOn a.navColor6:hover, #leftCol .navOn a.navColor6:active {
	background:#6d3c7f url(../../pictures/layout/leftnav/shared/bg_buttons06_on.gif) top repeat-x;
}
#leftCol a.navColor6:hover .contentA, #leftCol a.navColor6:active .contentA, #leftCol a.navColor6:focus .contentA, #leftCol .navOn a.navColor6 .contentA, #leftCol .navOn a.navColor6:hover .contentA, #leftCol .navOn a.navColor6:active .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_buttons06_left_on.gif) top left no-repeat;
}


#leftCol #transversalNav a {
	background:#cddade;
	color:#000;
}
#leftCol #transversalNav a .contentA, #leftCol #transversalNav a .contentB {
	background:none;
}
#leftCol a.navColor1:hover, #leftCol a.navColor1:active, #leftCol a.navColor1:focus, #leftCol .navOn .navColor1a, #leftCol .navOn a.navColor1:hover, #leftCol .navOn a.navColor1:active {
	background:#b8bec0 url(../../pictures/layout/leftnav/shared/bg_buttons01_on.gif) top repeat-x;
}
/* Navigation transversale								 
 ----------------------------------------------------- */
#transversalNav {
	margin-top:0;
	list-style:none;
	z-index:10;
	overflow:visible;
	padding:0;
}
#transversalNav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#transversalNav ul li {
	margin:0;
	padding:0;
}
#leftCol #transversalNav a.navColor1 {
	background:#cddade url(../../pictures/layout/leftnav/shared/bg_tbuttons01.gif) top center repeat-x;
}

#leftCol #transversalNav a .contentB {
	height:auto;
	width:auto;
	padding:8px 5px;
	display:block;
	border:1px solid #7d8080;
	border-right:1px solid #cad1d3;
	border-top:1px solid #e6edef;
	border-bottom:1px solid #939a9c;
}
#leftCol #transversalNav a:hover, #leftCol #transversalNav a:active, #leftCol #transversalNav a:focus,
#leftCol #transversalNav .navOn a:hover, #leftCol #transversalNav .navOn a:active, #leftCol #transversalNav .navOn a:focus, #leftCol #transversalNav .navOn a {
	background:#aab5b9;
}
/* Navigation de deuxieme niveau						 
 ----------------------------------------------------- */
#transversalNav ul li ul li {
	border:0;
	margin:0;
}
.rubCol {
	background-color:#c94a07;
}
#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 {
	color:#666666;
	background-color:#f1f1f1;
	font-size:100%;
}
#leftCol #subNav a:link, #leftCol #subNav a:visited, #leftCol #subNav a:active {  
	border-left:1px solid #afafaf;
	color:#666666;
	text-decoration:none;
	background:#f1f1f1 url(../../pictures/layout/leftnav/shared/bg_subnav_left.gif) top left repeat-y;
}
#leftCol #subNav a .contentA {
	padding:5px 0 5px 25px;
	border:1px solid #d4d4d4;
	border-left:0;
	border-top:1px solid #ffffff;
	background:url(../../pictures/layout/leftnav/shared/bg_subnav_arrow.gif) center left no-repeat;
}



#leftCol #transversalNav #subNav .subNavOn a:link, 
#leftCol #transversalNav #subNav .subNavOn a:visited, 
#leftCol #transversalNav #subNav .subNavOn a:hover, 
#leftCol #transversalNav #subNav .subNavOn a:active, 
#leftCol #transversalNav #subNav .subNavOn a:focus,
#leftCol #transversalNav #subNav a:hover, 
#leftCol #transversalNav #subNav a:active, 
#leftCol #transversalNav #subNav a:focus {
	text-decoration:underline;
	color:#000;
	background:#e3e3e3 url(../../pictures/layout/leftnav/shared/bg_subnav_left_on.gif) top left repeat-y;
}




#leftCol #subNav .subNavOn a:link, 
#leftCol #subNav .subNavOn a:visited, 
#leftCol #subNav .subNavOn a:hover, 
#leftCol #subNav .subNavOn a:active, 
#leftCol #subNav .subNavOn a:focus,
#leftCol #subNav a:hover, 
#leftCol #subNav a:active, 
#leftCol #subNav a:focus {
	text-decoration:underline;
	color:#000;
	background:#e3e3e3 url(../../pictures/layout/leftnav/shared/bg_subnav_left_on.gif) top left repeat-y;
}


#leftCol #subNav .subNavOn a:link, #leftCol #subNav .subNavOn a:visited { text-decoration:none; }
#leftCol #subNav .subNavOn a:hover { text-decoration:underline; }
#leftCol #subNav a:hover .contentA, #leftCol #subNav .subNavOn a .contentA, #leftCol #subNav a:active .contentA, #leftCol #subNav a:focus .contentA {
	background:url(../../pictures/layout/leftnav/shared/bg_subnav_arrow_on.gif) center left no-repeat;
}
#leftCol #subNav ul {
	margin:0;
	padding:0;
}
#leftCol #subNav li {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}