/*
Notes utiles : 

span.menu_lien = les rubriques
a.menu_lien    = les articles

*/


#menu {
	width: 100%;
	padding-top: 34px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85
}


#menu a { border-bottom:0 }


ul {
	list-style:none;
	margin:0;
	padding:0;
	border: none
}

span.menu_lien, a.menu_lien {
	text-decoration:none;
	color:white;
	font: 0.9em verdana,arial,helvetica,sans-serif;
	line-height: 1.3em;
	display: block;
	height:1%;  /*Bug IE vertical gap dans li en display:block */
	font-weight: normal
}

.ss_rubrique .menu_lien { color: black;}
.menu_article a.menu_lien  {
	color:black;
	font-size: 0.95em;
	padding-left: 20px;
	margin-bottom: 1px;
	
}




.plusmoins {
	font: 1px verdana,arial,helvetica,sans-serif; /*Hack pour IE*/
	float:left;
	background: url(../images/plus.png);
	background-position : top left;
	background-repeat : no-repeat;
	width: 17px;
	height:17px;
	margin:1px 3px 0 0;
	behavior:url(../iepngfix.htc);
	padding:0
}


.menu_rubrique {
	clear: both;
	padding:0;
	background:none;
	display:block;
	vertical-align:bottom /* Bug IE vertical gap dans li en display:block */
}



.menu_article a.menu_lien, .menu_article span.menu_lien  {
	clear: both;
	font-weight:normal;
	/*margin-left: 34px;*/
}

span.titre1 { /* Correspond aux rubriques */
	font-weight:bold;
}

.menu_rubrique ul {
	vertical-align:bottom /* Bug IE vertical gap dans li en display:block */
}

.niv {
	display: none;
}


/*.menu_rubrique .couleur { padding-left:10px; }*/
.menu_rubrique .menu_article { margin-left:8px; }


.menu_rubrique .menu_rubrique .menu_rubrique .menu_rubrique .ss_rubrique { padding-left:60px; }
.menu_rubrique .menu_rubrique .menu_rubrique .menu_article { padding-left:30px; }

.menu_rubrique .menu_rubrique .menu_rubrique .ss_rubrique { padding-left:40px; }
.menu_rubrique .menu_rubrique .menu_article { padding-left:10px; }

.menu_rubrique .menu_rubrique .ss_rubrique { padding-left:20px; }
.menu_rubrique .menu_rubrique .menu_article { margin-left:10px; }


.menu_article a.menu_lien:hover, .menu_article a.encours_on {
	border-left: 5px solid;
	padding-left: 15px;
	color: grey;
}

/* specifique aux rubriques / sous rubrique */
.rubrique_principale, .ss_rubrique {
	padding: 5px;
	margin-bottom:1px;
	color: white;
	font-size: 1.2em;
	vertical-align:bottom; /* Bug IE vertical gap dans li en display:block */
}

.rubrique_principale span.menu_lien { font-weight: bold; }
/* html>body .ss_rubrique span.menu_lien { padding-left: 20px;} */


/* couleurs des rubriques */
.couleur1 { background-color: #45CE1B; }
.couleur2 { background-color: #005E96; }
.couleur3 { background-color: #A7A9AC; }
.couleur4 { background-color: #646464; }

#couleur1 .menu_article a.menu_lien:hover, #couleur1 .menu_article a.encours_on { border-color: #45CE1B;}
#couleur2 .menu_article a.menu_lien:hover, #couleur2 .menu_article a.encours_on { border-color: #005E96;}
#couleur3 .menu_article a.menu_lien:hover, #couleur3 .menu_article a.encours_on { border-color: #A7A9AC;}
#couleur4 .menu_article a.menu_lien:hover, #couleur4 .menu_article a.encours_on { border-color: #646464;}

.couleur1:hover { background-color: #c5e6c3;}
.couleur2:hover { background-color: #bdd5e4; }
.couleur3:hover { background-color: #d3d3d3; }
.couleur4:hover { background-color: #d7d7d7; }

#couleur1 .plusmoins2 {background: url(../images/plus-rub1.gif); }
#couleur2 .plusmoins2 {background: url(../images/plus-rub2.gif); }
#couleur3 .plusmoins2 {background: url(../images/plus-rub3.gif); }
#couleur4 .plusmoins2 {background: url(../images/plus-rub4.gif); }


.plusmoins2 {
	font: 1px verdana,arial,helvetica,sans-serif; /*Hack pour IE*/
	float:left;
/*	background: url(../images/plus-ssrub.png);*/
	background-position : top left;
	background-repeat : no-repeat;
	width: 9px;
	height:9px;
	margin:3.5px 3px 0 0;
	padding:0
}