/****************************
MENU CSS -> 02/09/2010
*****************************/

/*BUGS et AMELIORATIONS_______________________________________________

1)	concerne : IE integre dans jahia(pas dans apache tout seul)
	->	parcour un arbre et sors du menu, retourne dans le menu, 
		l'arbre est toujours visible mais sans le texte 
		
		
3)	IE6
	->	faut obligatoirement cliquer sur le lien; toute la cellule
		devrait faire le lien, probleme de padding si on met display:block
		-> hack IE6

_____________________________________________________________________*/


.navbar{
	font-size: 16px;
	
	position:relative;
	z-index: 10;
	border: 1px solid #003880;
	border-radius: 6px 6px 0 0; 
	-moz-border-radius: 6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0;
	
	-webkit-box-shadow: inset 0px 0px 1px 1px #003880;
	box-shadow: inset 0px 0px 1px 1px #003880;
    
	min-height: 60px;
	
	behavior: url(/javascript/PIE.jsp);
}
/**********style des ul li**********/

.dropdown-menu .navbar ul ul{
}
.bodywrapper .dropdown-menu .navbar ul
{
	z-index: 10;
	position: relative;
	list-style-type: none;
	margin:0;
	padding:0;
	height:60px;
}
.bodywrapper .dropdown-menu .navbar .level_1 > li 
{
	float: left;
	height:60px;
	line-height:55px;
	margin: 0 0 0 0;
	width: 180px;
	list-style-type: none;
	/*z-index: 9999999999;*/
	/*position: relative;*/
	text-align: center;
}
#currentMenu .level_2 > li,
#dropMenu .level_2 > li 
{
	float: left;
	display:inline-block;
	zoom:1; *display: inline;
	line-height:18px;
	margin: 0 0 0 0;
	list-style-type: none;
	/*z-index: 9999999999;*/
	/*position: relative;*/
}

/* 201311 */
#currentMenu.offsetRight .level_2 > li,
#dropMenu.offsetRight .level_2 > li 
{
	float: right;
}

#currentMenu .level_2 > li .box-inner,
#dropMenu .level_2 > li .box-inner{display:none;}

.bodywrapper .dropdown-menu .navbar .level_1 li:first-child 
{
	margin: 0 0 0 50px;
}
/**/
/*.bodywrapper .dropdown-menu .navbar .level_2 li */
/*{*/
/*	height:auto;*/
/*	line-height:19px;*/
/*	min-height:19px;*/
/*	background-image:none;*/
/*	z-index:820;	*/
/*}*/
/*.bodywrapper .dropdown-menu .navbar .level_3 li { z-index:830; }*/
/*.bodywrapper .dropdown-menu .navbar .level_4 li { z-index:840; }*/
/*.bodywrapper .dropdown-menu .navbar .level_5 li { z-index:850; }*/


/**********style des liens**********/

.bodywrapper .dropdown-menu .navbar li a,
.bodywrapper .dropdown-menu .navbar li span,
.bodywrapper .dropdown-menu .navbar li a:link,
.bodywrapper .dropdown-menu .navbar li a:visited 
{
	color: #fff;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	line-height: 13px;
	margin: 15px 5px 0;
	margin: 0 5px 0;
	padding: 4px 8px 0 11px;
	position: relative; 
	z-index: 100;
	vertical-align: bottom;
	vertical-align: middle;
	display:block;
	display: inline-block;
	zoom:1; *display: inline;
	/*width: auto !important;*/
	/*width: 100%;*/
	behavior: url(/javascript/PIE.jsp);
}
.bodywrapper .dropdown-menu .navbar li.current {
	background: url(../img/menu-active.png) center 15px no-repeat;
}
.bodywrapper .dropdown-menu .navbar li.current a,
.bodywrapper .dropdown-menu .navbar li.current span 
{
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8); /* Pour IE * /*/
	/*background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF); /* Pour Firefox * /*/
	/*background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#FFFFFF)); /* Pour Webkit * /*/

	/*border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;
	
	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
	*/
	
	color: #105da1;
    /*behavior: url(/javascript/PIE.jsp);*/
}

/**********affichage des levels superieurs au survol du parent**********/
.bodywrapper .dropdown-menu .level_1 li{
	position: relative; 
	z-index: 10;
}
.bodywrapper .dropdown-menu .level_1 li .box-inner { 
	display: none
}
/**/
/*.bodywrapper .dropdown-menu .level_1 li:hover > .box-inner .level_2 { display: block; }*/
/*.bodywrapper .dropdown-menu .level_2 li:hover > .box-inner .level_3 { display: block; }*/
/*.bodywrapper .dropdown-menu .level_3 li:hover > .box-inner .level_4 { display: block; }*/
/*.bodywrapper .dropdown-menu .level_4 li:hover > .box-inner .level_5 { display: block; }*/
/*.bodywrapper .dropdown-menu .level_1 li.sfhover .box-inner .level_2 { display: block; }*/
/*.bodywrapper .dropdown-menu .level_2 li.sfhover .box-inner .level_3 { display: block; }*/
/*.bodywrapper .dropdown-menu .level_3 li.sfhover .box-inner .level_4 { display: block; }*/
/*.bodywrapper .dropdown-menu .level_4 li.sfhover .box-inner .level_5 { display: block; }*/
/**/

/**********decalage horizontale pour les levels > 2**********/

/*.bodywrapper .dropdown-menu .navbar ul.level_2 {left: 0px; top: 64px;}*/


/**********couleur de fond de la branche actuelle**********/

.bodywrapper .dropdown-menu .navbar li:hover {  }
.bodywrapper .dropdown-menu .navbar li.sfhover  {  }


/**********fleche hasChildren pour les enfants**********/

.bodywrapper .dropdown-menu .navbar .level_2 li.hasChildren 
{
	
}
.bodywrapper .dropdown-menu .navbar .level_2 li.hasChildren:hover {  }
.bodywrapper .dropdown-menu .navbar .level_2 li.hasChildren.sfhover {  }
.bodywrapper .dropdown-menu .navbar .level_2 li.noChildren {  }
.bodywrapper #currentMenu,
.bodywrapper #dropMenu{
	display: none;
	background: #fff;
	position: absolute;
	width:1022px;
	border:1px solid #d7d7d7;
	z-index: 1100;
	left: 50%;
	margin: -13px auto 0 -512px;
	height: auto;
	
	border-radius: 0 0 6px 6px; 
	-moz-border-radius:  0 0 6px 6px; 
	-webkit-border-radius:  0 0 6px 6px; 
	/*
	-webkit-box-shadow:  0px 0px 3px 1px #b4b4b5;        
        box-shadow:  0px 0px 3px 1px #b4b4b5;*/
	
    behavior: url(/javascript/PIE.jsp);
}
.bodywrapper #currentMenu{
	position: relative;
	top:-13px;
	margin-bottom: -13px;
	z-index:10;
	border-radius: 0; 
	-moz-border-radius:  0; 
	-webkit-border-radius:  0; 
	margin-top: 0;
}
.bodywrapper #currentMenu .level_2,
.bodywrapper #dropMenu .level_2{
	vertical-align: top;
	margin: 0;
	padding: 10px 70px 0 30px; /*201311*/
	
	background: #fefefe;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmRkZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fefefe 0%, #cfddea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cfddea));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#cfddea 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#cfddea 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#cfddea 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#cfddea 100%);
	/*-pie-background: linear-gradient(to bottom,  #fefefe 0%,#cfddea 100%);*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cfddea',GradientType=0 );
	/*
	border-radius: 6px 6px 0 0; 
	-moz-border-radius: 6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0;
	*/
	overflow:hidden;
		/*
	-webkit-box-shadow:  0px -3px 3px 1px #ecf1f6;
	-moz-box-shadow:  0px -3px 3px 1px #ecf1f6;        
        box-shadow:  0px -3px 3px 1px #ecf1f6;
	*/
		
	vertical-align: top;
	height: 30px;
    behavior: url(/javascript/PIE.jsp);
}
.bodywrapper #currentMenu .level_2 li.current,
.bodywrapper #dropMenu .level_2 li.current{
	position: relative;
	z-index: 1;
	overflow:hidden;
	border: 1px solid #bbd0e5;
	border-bottom: 1px solid #f1f4f8;
	border-top: 1px solid #bcc4cd;
	
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	
	-webkit-box-shadow:  0px 0px 2px 2px #bbd0e5;
	-moz-box-shadow:  0px 0px 2px 2px #bbd0e5;
        box-shadow:  0px 0px 2px 2px #bbd0e5;
    behavior: url(/javascript/PIE.jsp);
}
.bodywrapper #currentMenu .level_2 li a,
.bodywrapper #currentMenu .level_2 li span,
.bodywrapper #dropMenu .level_2 li a,
.bodywrapper #dropMenu .level_2 li span {
	text-decoration: none;
	text-shadow: 1px 0px 1px #fff;
        filter: dropshadow(color=#fff, offx=1, offy=0);
	color: #064084;
	font-weight: bold;
	padding: 0 14px;
}
.bodywrapper #currentMenu .level_2 li.current a,
.bodywrapper #currentMenu .level_2 li.current span,
.bodywrapper #dropMenu .level_2 li.current a,
.bodywrapper #dropMenu .level_2 li.current span{
	
	position: relative;
	z-index: 1;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjRmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWU5ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f1f4f8 0%, #e1e9f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f4f8), color-stop(100%,#e1e9f1));
	background: -webkit-linear-gradient(top,  #f1f4f8 0%,#e1e9f1 100%);
	background: -o-linear-gradient(top,  #f1f4f8 0%,#e1e9f1 100%);
	background: -ms-linear-gradient(top,  #f1f4f8 0%,#e1e9f1 100%);
	background: linear-gradient(to bottom,  #f1f4f8 0%,#e1e9f1 100%);
	/*-pie-background: linear-gradient(to bottom,  #f1f4f8 0%,#e1e9f1 100%);*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f4f8', endColorstr='#e1e9f1',GradientType=0 );

	display:inline-block;
	zoom:1; *display: inline;
	
    behavior: url(/javascript/PIE.jsp);
}
.bodywrapper #dropMenu_level3{
	z-index: 1100;
	position: relative;
	background: #fbfbfa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2UwZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fbfbfa 0%, #e0e2e2 87%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfa), color-stop(87%,#e0e2e2), color-stop(100%,#cdcdcd));
	background: -webkit-linear-gradient(top,  #fbfbfa 0%,#e0e2e2 87%,#cdcdcd 100%);
	background: -o-linear-gradient(top,  #fbfbfa 0%,#e0e2e2 87%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,  #fbfbfa 0%,#e0e2e2 87%,#cdcdcd 100%);
	background: linear-gradient(to bottom,  #fbfbfa 0%,#e0e2e2 87%,#cdcdcd 100%);
	/*-pie-background: linear-gradient(to bottom,  #fbfbfa 0%,#e0e2e2 87%,#cdcdcd 100%);*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfa', endColorstr='#cdcdcd',GradientType=0 );

    behavior: url(/javascript/PIE.jsp);
}
.bodywrapper #dropMenu_level3 a,
.bodywrapper #dropMenu_level3 span{
	color: #005aab;
	font-size: 14px;
	text-decoration: none;
}



.bodywrapper #dropMenu_level3.inlineEl li a{
	 margin: 0 80px 0 40px;
}
.bodywrapper #dropMenu_level3.inlineEl a,
.bodywrapper #dropMenu_level3.inlineEl span{
	color: #005aab;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	display:inline-block;
	zoom:1; *display: inline;
	background:url(../img/ico-arrow-nav.png) 0 1px no-repeat;
	padding-left: 25px;
	font-weight: normal;
	text-decoration: none;
}
.bodywrapper #dropMenu_level3.inlineEl  a:hover{
    color:#0097DE;
    background:url(../img/ico-arrow-nav.png) 0 -66px no-repeat;
}


.bodywrapper #dropMenu_level3 ul.level_3 {
	padding-top: 10px;
	padding-bottom: 25px;
	padding-right: 10px;
	/*padding-left: 30px;*/
	/*/*padding-left: 0*/
}
.bodywrapper #dropMenu_level3.inlineEl ul.level_3{
	padding-left: 0
}
.bodywrapper #dropMenu_level3 ul.level_3 > li{
	float: left;
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
	/*padding-right: 50px;*/
}
.bodywrapper #dropMenu_level3 ul.level_3 .box-inner {
	padding: 0 30px 0 15px;
}	
.bodywrapper #dropMenu_level3 ul.level_3 .firstInLevel .box-inner {
	padding-left: 20px;
}	
.bodywrapper #dropMenu_level3 ul.level_3 .firstInLevel .box-inner ul.level_4 .box-inner,
.bodywrapper #dropMenu_level3 ul.level_4 .box-inner {
	padding: 0 0;
}	
.bodywrapper #dropMenu_level3 ul.level_4 .firstInLevel .box-inner {
	padding-left: 0px;
}	

/* 201311 */
.bodywrapper #dropMenu.offsetRight #dropMenu_level3 ul.level_3 > li{
	float: right;
}

.bodywrapper #dropMenu_level3.inlineBlEl ul.level_3 > li{
	width: 180px;
	width: 25%;
}
.bodywrapper #dropMenu_level3.inlineEl ul.level_3 > li{
	float: none;
}

/* 201311 */
.bodywrapper #dropMenu.offsetRight #dropMenu_level3.inlineEl ul.level_3 {
	padding-right: 70px;
	padding-right: 0;
}
.bodywrapper #dropMenu.offsetRight #dropMenu_level3.inlineEl ul.level_3 > li{
    float: none;
    /*margin-right: 20px;*/
    text-align: right;
    width: 100%;
}


.bodywrapper #dropMenu_level3 ul.level_3 > li.lastInLevel{
	padding-right: 0;
}
.bodywrapper #dropMenu_level3 ul.level_3 > li:first-child{
	margin-left: 0;
}
.bodywrapper #dropMenu_level3.inlineBlEl ul.level_3 > li > a,
.bodywrapper #dropMenu_level3.inlineBlEl ul.level_3 > li > span{
	display:none;
}
.bodywrapper #dropMenu_level3 ul.level_4 > li {
	list-style: none;
}
.bodywrapper #dropMenu_level3 ul.level_4 > li > a,
.bodywrapper #dropMenu_level3 ul.level_4 > li > span{
	color: #005aab;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
}
.bodywrapper #dropMenu_level3 ul.level_3 > li ul li {
	padding-left: 0;
	margin: 0;
	width: auto;
	margin-bottom: 7px;
}
.bodywrapper #dropMenu_level3 ul.level_3 > li ul li ul li {
	list-style: none;
	background: url(../img/menu-li.png) 8px 8px no-repeat;
	padding-left: 17px;
	margin: 0;
	width: auto;
}
.bodywrapper #dropMenu_level3 ul.level_4 > li ul li a,
.bodywrapper #dropMenu_level3 ul.level_4 > li ul li span{
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}
.bodywrapper #dropMenu_level3 ul{
	margin: 0;
	padding-left:25px;
	z-index: 2000;
	position: relative;
}
.bodywrapper #dropMenu_level3 ul ul{
	/*margin-left: 0*/
	margin-bottom: 10px;
	padding-left:0;
}
.bodywrapper #dropCMenu_coche,
.bodywrapper #dropMenu_coche{
	background: url(../img/drop_coche.png) top left no-repeat;
	position: absolute;
	width: 13px;
	height: 7px;
	z-index: 1450
}
.bodywrapper #dropMenu_close{
	background: url(../img/menu-close.png) center right no-repeat;
	position: absolute;
	right: 10px;
	margin-top: 10px;
	padding-right: 25px;
	font-size: 14px;
	color:#00529b;
	cursor:pointer
}
.bodywrapper .dropMenu_shadow_top {
	position: absolute;
	width:5px;
	width:25%;
	background: url(../img/menu-ombre1.png) right top no-repeat;
	padding-top: 30px;
	top: 10px;
}
.bodywrapper .dropMenu_shadow_bot {
	background: url(../img/menu-ombre3.png) right bottom no-repeat;
	padding-bottom: 30px;
	height: 100%;
}

.bodywrapper .dropMenu_shadow_bg {
	background: url(../img/menu-ombre2.png) right top repeat-y;
	height: 100%;
}

/*D�sactivation des menus*/
.bodywrapper #currentMenu .disable,
.bodywrapper #dropMenu .disable,
.bodywrapper #breadcrumb .disable{
	pointer-events: none;
}