/* CSS Document */

/*************************************COLONNES*/

#colLeft
{
	width:205px;
	vertical-align:top;
	color:#555555;
	font: 11px Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:0;
	margin:0;
	
}
#colLeft .colHead
{
	padding: 10px 15px 10px 30px;
}
/*********************************Menu COLLEFT*/

/***********LEVEL 0************/
#colLeft ul
{
	list-style-type: none;
	margin:0;
	padding:0;
	width:auto;
	display:block;
	font:11px Arial, Helvetica, sans-serif,Verdana;
}
#colLeft ul li
{
	list-style-type: none;
	display:block;
	margin:0;
	padding:0;
	width:auto;
	/*hack ie6*/
	font:11px Arial, Helvetica, sans-serif,Verdana;
	_height:1%;
}
#colLeft ul li a
{
	margin:1px auto;
	width:auto;
	padding:5px 0 5px 20px;
	height:auto;
	display: block;
	text-align:left;
	color:#666666;
	background: #efebe7 url(../dragon-graphisme/commun/flecheDroite.gif) 5px 8px no-repeat;
	border:1px solid #DDDDDD;
}

#colLeft ul li a.droit{
	background : url(../dragon-graphisme/commun/flecheDroiteClic0.gif) 5px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}
#colLeft ul li a.bas{
	background : url(../dragon-graphisme/commun/flecheBasClic0.gif) 5px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}
#colLeft ul li a.clicDroit{
	background : url(../dragon-graphisme/commun/flecheDroiteClic1.gif) 5px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}
#colLeft ul li a.clicBas{
	background : url(../dragon-graphisme/commun/flecheBasClic1.gif) 5px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}

#colLeft ul li a:hover
{
	background : url(../dragon-graphisme/commun/flecheDroiteOver.gif) 5px 8px no-repeat;
	color:#5a9156;
}

/***********LEVEL 1************/

#colLeft ul ul
{
	list-style-type: none;
	margin:0;
	padding:0;
	width:auto;
	display:block;
	font:11px Arial, Helvetica, sans-serif,Verdana;
	border:none;
	background:none;
}
#colLeft ul ul li
{
	display:block;
	margin:0;
	padding:0;
	width:auto;
}

#colLeft ul ul li a
{
	margin:1px auto;
	width:auto;
	padding:5px 0 5px 30px;
	height:auto;
	display: block;
	text-align:left;
	color:#666666;
	background: url(../dragon-graphisme/commun/flecheDroite.gif) 15px 8px no-repeat;
}

#colLeft ul ul li a.droit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic0.gif) 15px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}

#colLeft ul ul li a.bas
{
	background: url(../dragon-graphisme/commun/flecheBasClic0.gif) 15px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}

#colLeft ul ul li a.clicDroit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic1.gif) 15px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}

#colLeft ul ul li a.clicBas
{
	background: url(../dragon-graphisme/commun/flecheBasClic1.gif) 15px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}

#colLeft ul ul li a:hover
{
	background : url(../dragon-graphisme/commun/flecheDroiteOver.gif) 15px 8px no-repeat;
	color:#5a9156;
}
/*styles à configuer*/
/***********LEVEL 2************/

#colLeft ul ul ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding:0;
	width:auto;
	display:block;
	font:11px Arial, Helvetica, sans-serif,Verdana;
}
#colLeft ul ul ul li
{
	display:block;
	margin:0 0 0 0;
	padding:0;
	width:auto;
}
#colLeft ul ul ul li a
{
	margin:1px auto;
	width:auto;
	padding:5px 0 5px 45px;
	height:auto;
	display: block;
	text-align:left;
	color:#666666;
	background:url(../dragon-graphisme/commun/flecheDroite.gif) 30px 8px no-repeat;
}
#colLeft ul ul ul li a.droit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic0.gif) 30px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}

#colLeft ul ul ul li a.bas
{
	background: url(../dragon-graphisme/commun/flecheBasClic0.gif) 30px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}

#colLeft ul ul ul li a.clicDroit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic1.gif) 30px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}

#colLeft ul ul ul li a.clicBas
{
	background: url(../dragon-graphisme/commun/flecheBasClic1.gif) 30px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}

#colLeft ul ul ul li a:hover
{
	background : url(../dragon-graphisme/commun/flecheDroiteOver.gif) 30px 8px no-repeat;
	color:#5a9156;
}

/***********LEVEL 3************/

#colLeft ul ul ul ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding:0;
	width:auto;
	display:block;
	font:11px Arial, Helvetica, sans-serif,Verdana;
}
#colLeft ul ul ul ul li
{
	display:block;
	margin:0 0 0 0;
	padding:0;
	width:auto;
}
#colLeft ul ul ul ul li a
{
	margin:1px auto;
	width:auto;
	padding:5px 0 5px 60px;
	height:auto;
	display: block;
	text-align:left;
	color:#666666;
	background:url(../dragon-graphisme/commun/flecheDroite.gif) 45px 8px no-repeat;
}

#colLeft ul ul ul ul li a.droit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic0.gif) 45px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}

#colLeft ul ul ul ul li a.bas
{
	background: url(../dragon-graphisme/commun/flecheBasClic0.gif) 45px 8px no-repeat;
	color:#000000;
	font-weight:bold;
}

#colLeft ul ul ul ul li a.clicDroit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic1.gif) 45px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}

#colLeft ul ul ul ul li a.clicBas
{
	background: url(../dragon-graphisme/commun/flecheBasClic1.gif) 45px 8px no-repeat;
	color:#5a9156;
	font-weight:bold;
}

#colLeft ul ul ul ul li a:hover
{
	background : url(../dragon-graphisme/commun/flecheDroiteOver.gif) 45px 8px no-repeat;
	color:#5a9156;
}