/*
	navigation bar - horizontal dropdown
	--------------------------------------------------
*/
#menu {
	min-width: 960px;
	max-width: 1260px;
	margin: 0 9px 0 0;
	clear: both;
	height: 100%;
	color: #fff;
	font-size: 0.7em;
	border-right:1px solid #FFFFFF;
}
* html #menu {
	position: absolute;
	z-index: 50;
}
#menu h2 {
	font-size: 1em;
}

#menu ul, #menu ul ul{
	position:relative;
	z-index: 100;
}



/* first level */
#menu ul {
	float: left;
	height: 100%;
	background: #233f49;
	position:relative;
	z-index: 100;
	width: 100%;
}

#menu ul li {
	position: relative;
	float: left;
	display: block;
	min-width: 95px;
	width: 9.8%;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-right: solid 1px #46808a;
	border-bottom: solid 1px #46808a;
}

#menu ul li h2 {
	font-weight: normal;
	height: 50px;
	background: url(../img/menu_fleche_of.gif) no-repeat center top;
}
#menu ul li.on h2 {
	background: #46808a url(../img/menu_fleche_on.gif) no-repeat center top;
}
#menu ul li h2 a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 17px 0 0 0;
	height: 33px;
}

#menu ul li:hover h2, #menu ul li h2 a:hover {
	background: #46808a url(../img/menu_fleche_on.gif) no-repeat center top;
}
#menu ul li:hover ul li h2 {
	background: #46808a; /*url(../img/bg_menu_h2.gif) no-repeat right*/
}

#menu ul li a {
	font-size: inherit;
	display: block;
}

#menu ul li.active a {
	color: #f15c30;
}




/* second level */
#menu ul ul {
	z-index: 100;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 168px;
	height: auto;
	position:absolute;
	background: #9900CC;
	background: url(../img/bg_menu_ulul.gif) repeat-y top right;
	top: 49px;
	display:none;
}
/*   hack ie6   */ 
* html #menu ul ul {
	margin-left: -49px;
}
/*   hack ie7   */ 
*+html #menu ul ul {
	margin-left: -48px;
}

#menu ul li ul li h2 a {
	height: auto;
}


/* submenu markup */
#menu ul li ul li {
	text-align: left;
	background: #46808a none;
	border-bottom: dotted 1px #FFFFFF;
	width: 100%;
}
#menu ul li:hover ul {
	display: block;
}
#menu ul li:hover li,
#menu ul li:hover li a {
	color: #fff;
}
#menu ul li li.last {
	border-bottom: 1px solid #d7d7d7;
}

#menu ul li ul li h2 {
	height: auto;
	background: #46808a; /*url(../img/bg_menu_h2.gif) no-repeat right*/
}

#menu ul li ul li h2.on {
	background: #6ca6b0; /*url(../img/bg_menu_h2.gif) no-repeat right*/
}
#menu ul li ul li h2 a,
#menu ul li ul li a {
	padding: 6px 8px 6px 10px;
	color: #fff;
}
#menu ul li ul li a:hover {
	background: #6ca6b0;
}
#menu ul li:hover li:hover a,
#menu ul li.hover li.hover /* protofish */ a {
	/*background: #6ca6b0;*/
}

#menu ul li:hover li.active a,
#menu ul li.hover /* protofish */ li.active a {
	/*color: #f15c30;*/
}

#menu ul li li a.sub {
	padding-right: 15px;
}
	#menu ul li:hover li:hover a.sub,
	#menu ul li.hover li.hover /* protofish */ a.sub {
}





/* third level */
/* resetting second level */
#menu ul ul ul{
	top: 0px;
	margin-left: 169px;
	display: none;
}
#menu ul li:hover ul li ul, #menu ul li ul li:hover ul{
	display: block;
}
/*#menu ul li:hover ul,
#menu ul li li:hover ul,
#menu ul li li li:hover ul,
#menu ul li li li li:hover ul {
	display: block;
}*/





/***********************************/
/*       MENU COLONNE GAUCHE       */
/***********************************/
div#menuGauche {
	float: left;
	width: 18%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 20px 0 20px 1%;
}
div#menuGauche ul li#lihome {
	border-bottom: dotted 1px #46808a;
}
div#menuGauche ul li#lihome a {
	display: block;
	background: url(../img/pic_home.gif) no-repeat left 7px;
	padding: 5px 0 5px 18px;	
	text-decoration: none;
	color: #80bec9;
}

div#menuGauche ul li {
	border-bottom: dotted 1px #fff;
}

div#menuGauche ul li a {
	display: block;
	padding: 5px 0 5px 18px;	
	text-decoration: none;
	color: #fff;
	background: url(../img/pic_menuGauche_petitblc.gif) no-repeat left 5px;
	font-weight: normal;
	font-size: 100%;
}
div#menuGauche ul li a.h2 {
	background: url(../img/pic_menuGauche.gif) no-repeat left 5px;
	font-weight: normal;
	font-size: 100%;
	color: #fff;
}
div#menuGauche ul li.on a.h2 {
	background: url(../img/pic_menuGauche_on.gif) no-repeat left 7px;
	color: #fff;
}
div#menuGauche ul li.ok a.h2 {
	background: url(../img/pic_menuGauche_ok.gif) no-repeat left 7px;
	color: #ffcc66;
}



div#menuGauche ul li.ok a {
	background: url(../img/pic_menuGauche_petit.gif) no-repeat left 7px;
	color: #ffcc66;
}




/* 2nd niveau */
div#menuGauche ul li li {
	border-bottom: none;
}
div#menuGauche ul li li a, div#menuGauche ul li.on li a, div#menuGauche ul li.ok li a {
	background: none;
	font-weight: normal;
	font-size: 100%;
	color: #fff;
}
div#menuGauche ul ul li a {
	background: url(../img/pic_menuGauche_petitblc.gif) no-repeat 10px 8px;
}
div#menuGauche ul ul li.on a {
	background: url(../img/pic_menuGauche_petit.gif) no-repeat 10px 8px;
	color: #ffcc66;
}
div#menuGauche ul ul.open_at_load li a {
	background: url(../img/pic_menuGauche_petit.gif) no-repeat 10px 8px;
}
div#menuGauche ul ul.open_at_load li.on a {
	background: url(../img/pic_menuGauche_petitOK.gif) no-repeat 10px 8px;
}

div#menuGauche ul ul.open_at_load li h2, div#menuGauche ul ul.open_at_load li a {
	font-weight: normal;
	font-size: 100%;
	color: #ffcc66;
}

/* 3e niveau */
div#menuGauche ul li li li {
	margin-left: 10px;
}
/*ul#menu-2 ul.open_at_load li.on a {
	background: url(../img/pic_menuGauche_petit.gif) no-repeat 10px 8px;
	font-weight: bold;
}
ul#menu-2 li li h2.on, ul#menu-2 li li a.on {
	background: url(../img/pic_menuGauche_petit_on.gif) no-repeat left 8px;
}
ul#menu-2 li li a {
	color: #ffcc66;
}*/



/* menu gauche agenda */
div#menuGauche ul li form {
	margin:5px 0 5px 18px;
}
div#menuGauche ul li form fieldset {
	border: 1px dotted #46808A;
	padding: 5px;
	color: #80BEC9;
	width: 105%;
	margin:0 0 10px 0;
}
div#menuGauche ul li form fieldset  legend{
	color: #80BEC9;
	padding: 0 5px;
}
table.ds_tbl td {
	padding: 2px;
}
table.ds_tbl td.close {
	background: #CC3300;
	border: solid 1px #FFFFFF;
}
div#menuGauche ul li form label {
	width: 40%;
	height: 16px;
	float: left;
	border: solid 1px #324F59;
}
div#menuGauche ul li form input.calendrier {
	background: #324f59 url(../img/calendrier.gif) no-repeat right;
	width: 55%;
	border: solid 1px #46808A;
	color: #FFF;
	float: left;
	height: 16px;
}
div#menuGauche ul li form input.bouton {
	float: left;
	margin: 2px 0 0 42%;
	border: solid 1px #a7bec9;
	color: #fff;
	background: #33535d url(../img/bg_bouton_fonce.jpg) no-repeat;
	padding: 3px 5px 3px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}