/* menu de navigation */
.menu {font-family : menu ;}

/*.menu ul, .menu li {line-height : 1.9em; ;}*/

ul[class="menu"] li ul {display: none;} /* masque les enfants */
ul[class="menu"] li[class~="montre"] ul {display: block;} /* montre les enfants */
ul[class="menu"] li[class~="cache"] ul {display: none;} /* masque les petits enfants non actifs */

ul[class="menu"] li[class~="montre"] a:before {content : "\25BE\00A0"}
ul[class="menu"] li[class~="cache"] a:before {content : "\25B8\00A0"}
ul[class="menu"] li[class~="aveugle"] a:before {content : ""}

li[class~="montre"] > a, li[class~="montre"] > a:active, li[class~="montre"] > a:focus, li[class~="montre"] > a:visited {color: red;}
.infobulle {position: relative; bottom: 0em; left: 1.5em; background-color: #FFFDA1; color: #4E4F0F; font-size: .9em; margin: 0; padding: 0; display: none;} 
a:hover + span[class="infobulle"]{display: inline;}
span[class="infobulle"]>ul {display: block;} 

ul[class="menu"] li img {position: absolute; right:0; top: 0;}
/* menu ligne */
#pied .menu {
	font-family:  status-bar ;
	line-height:  2em;
}

#pied .menu a {
	margin: 0;
	padding: 0 0.5em;
}

#pied .menu a, #pied .menu a:visited, #pied .menu a:active, #pied .menu a:focus, #pied .menu a:hover {
	font-weight: 400;
	text-decoration: none;
	color : #ADD8E6 ;
	background-color : #1C1C97 ;
}

 #pied .menu a:hover { 
	color : #1C1C97;
	background-color : #ADD8E6 ;
	font-size : 1.3em ;
	line-height:  1.2em ;
	font-weight : 600 ;
	font-style: normal;
}

/* menu coulissant ou à onglet */

/*
        			<ul id="menu-coulissant">
          			<li[(#ENV{appelant}|=={sommaire}|? {' ',''}) id="onglet-courant"]>
            			<a[(#ENV{appelant}|=={sommaire}|? {'',' '})[ href="(#URL_PAGE{sommaire})"]]  id="cgfp_sommaire" title="<:sommaire:>">
              				<span><:accueil:></span>
            			</a>
          			</li>
          		</ul>

*/
#menu-coulissant {
	background: url("img/bg.gif") repeat-x bottom;
	float: none;
	position: absolute;
	top: 150px;
	/*bottom: 0;*/
	right: 0;
	left : 0;
	/*left: 120px;*/
	width: auto;
	font-size: .95em;
	line-height:normal;
}
html>body #menu-coulissant {width: auto;}

#menu-coulissant ul {
	margin:0;
	padding:10px 10px 0;
	/*margin-left: 24%;*/
	/*list-style:none;*/
}
#menu-coulissant li {
	float:left;
	background:url("img/right.gif") no-repeat right top;
	margin:0;
	padding:0 5px 0 0;
}
#menu-coulissant a {
	float:left;
	display: block;
	background:url("img/left.gif") no-repeat left top;
	padding:5px 7px 5px 20px;/*4px 20px;*/
	text-decoration:none;
	font-weight:bold;
	color:#9cf;
}

#menu-coulissant a {float:none;}
#menu-coulissant a:hover {
	background:url("img/left_hover.gif") no-repeat left top;
	color:#FFF;
}
#menu-coulissant #onglet-courant {
	background-image:url("img/right_on.gif");
}
#menu-coulissant #onglet-courant a {
	background-image:url("img/left_on.gif");
	color:#333;
	padding-bottom:5px;
}