/* CSS Document */

div#colonneGauche a.inscription {
	display: inline-block;
	background: #FFEC00 url(../img/inscription-gratuite.gif) no-repeat center;
	height: 50px;
	width: 217px;
	margin: 0 80px 20px 0;
	border: solid 1px #ccc;
	
	/* coins arrondis */
	-moz-border-radius: 0 16px 16px 0; 
	-webkit-border-top-right-radius:16px;
    -webkit-border-bottom-right-radius:16px;
    -khtml-border-radius: 0 16px 16px 0; 
    border-radius: 0 16px 16px 0; 
    behavior: url(border-radius.htc);
}
div#colonneGauche a.inscription span {
	display: none;
}

div#menuArbo {
	margin: 0 80px 0 0;
	background: #1a171b url(../img/bg_navigation.gif) repeat-x 0 50px;
	line-height: 0.8em;
	padding: 20px 0;
	
	/* coins arrondis */
	-moz-border-radius: 0 16px 16px 0; 
	-webkit-border-top-right-radius:16px;
    -webkit-border-bottom-right-radius:16px;
    -khtml-border-radius: 0 16px 16px 0; 
    border-radius: 0 16px 16px 0; 
    behavior: url(border-radius.htc);
}
div#menu h2 {
	display: block;
	font-size: 0.7em;
	font-weight: normal;
}




/* 1er niveau */
div#menuArbo ul li {
	margin: 0 0 5px 0;
}
div#menuArbo ul li a {
	font-size: 0.7em;
	display: inline-block;
	width: 137px;
	padding: 3px 40px;
	color: #fff;
	font-weight: normal;
}
div#menuArbo ul li a:hover,
div#menuArbo ul li.on a {
	background: #a4d5e1 url(../img/bg_menu_on.gif) repeat-y;
	border: solid 1px #FFFFFF;
	color: #000;
	padding: 2px 40px;
}








/* 2nd niveau */
div#menuArbo div#menu ul li ul {
	padding: 5px 0 10px 0;
}
div#menu ul li ul li {
	margin: 0 0 0 50px;
}
#menuArbo ul li ul li a,
div#menuArbo ul li.on ul li a {
	background: none;
	display: inline-block;
	padding: 0;
	font-size: 0.7em;
	font-weight: normal;
	border: none;
	color: #fff;
}



/* 1er niveau ouvert */
div#menu ul li.on ul li.on a {
	color: #a4d5e1;
}





/* on "dynamise" le menu */
#menu ul ul {display:none;}
#menu ul ul ul {display:none;}
#menu ul li:hover ul, 
#menu ul ul li:hover ul {display:block;}
#menu ul li.on ul {
	display: block;
}




/********************************/
/*         second menu          */
/********************************/
ul#menuEnDur {
	margin: 5px 0 0 120px;
	text-align: left;
}
ul#menuEnDur li {
	background: #720c5b url(../img/puce_jaune.gif) no-repeat;
	margin: 0 0 5px 0;
}
ul#menuEnDur li.ok {
	background: #974c86 url(../img/puce_jaune_ok.gif) no-repeat;
}
ul#menuEnDur li a {
	display: inline-block;
	color: #f79338;
	text-transform: uppercase;
	padding: 5px;
	font-size: 0.7em;
	margin: 0 0 0 25px;
	white-space: nowrap;
}
ul#menuEnDur li.ok a {
	color: #720c5b;
}
ul#menuEnDur li.rss {
	background: #f79338 url(../img/puce_rss.gif) no-repeat;
	margin: 0 0 5px 0;
}
ul#menuEnDur li.rss a {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	font-size: 0.7em;
	margin: 0 0 0 25px;
	padding: 5px 20px 5px 5px;
	background: url(../img/picto_rss.gif) no-repeat right center;
	white-space: nowrap;
}