/* CSS Document */
/* PRECHARGEMENT DES IMAGES DE FOND DU MENU */
#preload-images {
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}


/* MENU DE GAUCHE */
#colonneGauche {
	float: left;
	width: 20%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	max-width: 250px;
	padding: 40px 0px 0px 0px;
	/* POUR IE 6  - pb avec capital */
	background-color: #FFFFFF;
}

/*#colonneGauche a:visited {
	
	text-decoration: none;
}*//*color: #005184;*/
#colonneGauche a {
	/*color: #005184;*/
	text-decoration: none;
	display: block;
}

#colonneGauche a:hover {
	/*color: #1976D8;*/
	text-decoration: none;
}

/* MENU CAP */
#cap {
	margin: 0;
	padding: 0;
}
#cap ul {
	margin: 0 0 20px 10px;
	padding: 0;
}
#cap ul ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#cap li {
	border-top: solid 1px #BFD1D8;
	border-right: solid 1px #BFD1D8;
	margin: 0px;
	font-weight: bold;
	list-style-image: url(../img/px.gif);
	background-repeat: no-repeat;
}

#cap li a {
	display: block;
	background-image: url(../img/fleche_blc.gif);
	padding: 3px 3px 3px 25px;
}
#cap li.on a {
	background-image: url(../img/fleche_blcOn.gif);
}

#cap li li,
#cap li.on li,
#cap li li.on {
	margin: 0;
	padding: 0;
	border: 0px;
	list-style: none;
	background-image: none;
}
#cap li li a,
#cap li.on li a {
	padding: 7px 0px 0px 10px;
	font-weight: normal;
	background-image: url(../img/bg_picfiche.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	width: auto;
}
#cap li li a.h2,
#cap li.on li a.h2 {
	padding: 7px 0px 0px 10px;
	background-image: url(../img/fleche_bleuClair.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}
#cap li.on li.on a.h2 {
	padding: 7px 0px 0px 10px;
	background-image: url(../img/fleche_bleuClairOn.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}

#cap li li li,
#cap li.on li li {
	margin: 0px;
	border: 0px;
	font-weight: normal;
	padding: 0px;
	list-style: none;
	background-image: none;
}


#cap li a {
	color: #FFF;
	display: block;
}
#cap li.ok a {
	color: #FFF;
}

#cap li li a {
	display: block;
	color: #005184;
	width: auto;
}
#cap li li a:hover,
#cap li li.ok a:hover {
	display: block;
	color: #1976D8;
	width: auto;
}
#cap li li.ok a.h2 {
	font-weight: normal;
	color: #005184;
}
#cap li li.ok a,
#cap li li.ok a:visited,
#cap li li.ok a:hover {
	font-weight: bold;
	color: #C8453C;
}



/* les styles sont dupliqués pour des pbs ie 6 */
#cap li li a.rge:visited {
	text-decoration: none;
	color: #C8453C;
	font-weight: bold;
}
#cap li li a.rge {
	text-decoration: none;
	color: #C8453C;
	font-weight: bold;
}
#cap li li a.noir:visited {
	text-decoration: none;
	color: #000;
	border: 0px;
}
#cap li li a.noir:link {
	text-decoration: none;
	color: #000;
	border: 0px;
}
#cap li li a.noir:hover {
	color: #000;
	text-decoration: underline;
	border: 0px;
}

/* BOITE A OUTILS */
#outils {
	background-image: url(../img/bg_outils.gif);
	background-repeat: repeat-x;
}
#outils ul {
	margin: 0px;
	padding: 0px;
}
#outils li {
	padding: 3px 3px 3px 25px;
	margin: 0px 0px 8px 0px;
	font-weight: bold;
	list-style-image: url(../img/px.gif);
	background-repeat: no-repeat;
}
#outils li a {
	color: #035285;
	text-decoration: none;
}
#outils li.on {
	background-image: url(../img/bg_fleche_bleuOn.gif);
}
#outils li,
#outils li.of {
	background-image: url(../img/bg_fleche_bleuOf.gif);
}

#outils ul ul {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
#outils li li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-repeat: no-repeat;
	list-style-image: url(../img/px.gif);
	font-weight: normal;
	display: block;
}


#outils li li.loupe {
	background-image: url(../img/pic_loupe.gif);
	background-position: 5px 0px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 2px 28px;
}
#outils li li.plu {
	background-image: url(../img/pic_plu.gif);
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 2px 28px;
}
#outils li li.plan {
	background-image: url(../img/pic_map.gif);
	background-position: 5px 0px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 2px 28px;
}
#outils li li.doc {
	background-image: url(../img/pic_doc.gif);
	background-position: 5px 0px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 2px 28px;
}
#outils li li.rss {
	background-image: url(../img/pic_rss.gif);
	background-position: 5px 0px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 2px 28px;
}
#outils li li.liensUtiles {
	background-image: url(../img/pic_liensUtiles.gif);
	background-position: 5px 0px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 2px 28px;
}
#outils li li.imprim {
	background-image: url(../img/pic_imprimer.gif);
	background-position: 5px 0px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 2px 28px;
}

#outils li li h2 {
	font-size: 1em;
	font-weight: normal;
}
#outils li li a:link {
	font-size: 100%;
	color: #035285;
	text-decoration: none;
}
#outils li li li a:link {
	color: #000;
	text-decoration: none;
}


/* SOUS MENU PRATIQUE */
#outils #prat ul {
	margin: 10px 0 0 0;
	padding: 0;
	/*border-right: dotted 1px #fff;*/
	display: block;
	height: auto;
}
#outils #prat li {
	background: none;
	list-style-image: url(../img/px.gif);
	margin: 0px 0px 5px 0px;
	padding: 0;
}
#outils #prat li a {
	display: block;
	background-image: none;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
	font-size: 1em;
}
#outils #prat li a.h2 {
	background: url(../img/fleche_bleuClair.gif) no-repeat 0px 5px;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
	font-size: 1em;
}
#outils #prat li.on a.h2 {
	background: url(../img/fleche_bleuClairOn.gif) no-repeat 0px 5px;
}

#outils #prat ul ul {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#outils #prat li li {
	list-style-image: url(../img/px.gif);
	background: none;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 0;
	font-size: 1em;
}
#outils #prat li li.ok a {
	font-weight: bold;
}