/* CSS Document */

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

#colLeft
{
	width:210px;
	vertical-align:top;
	color:#555555;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:0;
	margin:0;
	position:relative;
	/*border:1px solid #000000;*/
}
#colLeft .colHead
{
	/*padding: 10px 10px 10px 10px;*/
	margin-bottom:10px;
	/*background:#EEEEEE;*/
	/*Coin arrondis uniquement mozilla & netscape*/
	/*-moz-border-radius : 10px 10px; */
}

#colLeft a
{
	text-decoration:none;
}

/*********************************Menu COLLEFT*/

#logoCE
{
	width:150px;
	height:150px;
	background: url(../dragon-graphisme/commun/logoCE.gif) center center no-repeat;
	display:block;
	margin:0 auto;
	clear:both;
	position:absolute;
	bottom:50px;
	left:25px;
}

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

#colLeft ul li a.clicDroit{
	/*background : url(../dragon-graphisme/commun/sMenuPuce.gif) 5px 8px no-repeat;*/
	color:#172982;
	font-weight:normal;
}
#colLeft ul li a.clicBas{
	/*background : url(../dragon-graphisme/commun/sMenuPuce.gif) 5px 8px no-repeat;*/
	color:#0B72B5;
	font-weight:normal;
}
#colLeft ul li a:hover
{
	/*background : #4f3e5f url(../dragon-graphisme/commun/sMenuPuce.gif) 5px 8px no-repeat;*/
	color:#172982;
	/*
	 background: #CC0000  url(../dragon-graphisme/commun/flecheDroiteOver.gif) 5px center no-repeat;
	 color:#172982;
	 */
}

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

#colLeft ul ul
{
	list-style-type: none;
	margin:10px 0;
	padding:0;
	width:auto;
	display:block;
	font:12px 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:0 auto;
	width:auto;
	padding:4px 0 4px 20px;
	height:auto;
	display: block;
	text-align:left;
	color:#555555;
	background:none;
	/*background: url(../dragon-graphisme/commun/flecheDroite.gif) 15px 8px no-repeat;*/
	/*border-bottom:1px solid #DDDDDD;*/
}

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

#colLeft ul ul li a.clicBas
{
	background:none;
	/*background: url(../dragon-graphisme/commun/flecheBasClic1.gif) 15px 8px no-repeat;*/
	color:#0B72B5;
	font-weight:normal;
}

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

#colLeft ul ul ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding:0;
	width:auto;
	display:block;
	font:12px 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:0 auto;
	width:auto;
	padding:5px 0 5px 30px;
	height:auto;
	display: block;
	text-align:left;
	color:#555555;
	background:none;
	/*background:url(../dragon-graphisme/commun/flecheDroite.gif) 30px 8px no-repeat;*/
/*	border-bottom:1px solid #DDDDDD;*/
}
#colLeft ul ul ul li a.clicDroit
{
	background:none;
	/* background: url(../dragon-graphisme/commun/flecheDroiteClic2.gif) 30px 8px no-repeat;*/
	 color:#172982;
}
#colLeft ul ul ul li a.clicBas
{
	background:none;
	/* background: url(../dragon-graphisme/commun/flecheBasClic2.gif) 30px 8px no-repeat;*/
	 color:#0B72B5;
}

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

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

#colLeft ul ul ul ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding:0;
	width:auto;
	display:block;
	font:12px 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:0 auto;
	width:auto;
	padding:5px 0 5px 40px;
	height:auto;
	display: block;
	text-align:left;
	color:#555555;
	background:none;
	/*background:url(../dragon-graphisme/commun/flecheDroite.gif) 45px 8px no-repeat;*/
/*	border-bottom:1px dashed #EEEEEE;*/
}

#colLeft ul ul ul ul li a.clicDroit
{
	background:none;
	/* background : #CC0000  url(../dragon-graphisme/commun/flecheDroiteClic2.gif) 45px 8px no-repeat;*/
	 color:#172982;
}
#colLeft ul ul ul ul li a.clicBas
{
	background:none;
	/* background : #CC0000  url(../dragon-graphisme/commun/flecheBasClic2.gif) 45px 8px no-repeat;*/
	 color:#0B72B5;
}
#colLeft ul ul ul ul li a:hover
{
	background:none;
	/* background : #CC0000  url(../dragon-graphisme/commun/flecheDroiteOver.gif) 45px 8px no-repeat;*/
	 color:#172982;
}