/* CSS Document */
/*debut definition menu horizontal*/
#menu {
	margin: 0px;
	width: 100%;
	bottom: 0px;
	position: relative;
	top: 14px; /* 1px modifie 14-11-2011 car image 98pxH au lieu de 108px*/
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: normal;
}

#menu li {
display: inline;
margin: 0;
}

#menu li.inshea a, #menu li.inshea span {
	text-decoration: none;
	padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
	color: #FFF0D2;
	position: relative;
	display: block;
	float: left;
	margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
	left: 20px;
	width: 6em; /*100px*/
	height: 2.2em; /*34px*/
	line-height: 2.1em;
	z-index: 40;
	background: transparent url(../images/fond_institut_double.png) no-repeat;
	background-position: right top;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}

#menu li.recherche a, #menu li.recherche span {
	text-decoration: none;
	padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
	color: #122344;
	position: relative;
	display: block;
	float: left;
	margin-left: -40px; /*shift tabs 20px to the left so they overlap*/
	left: 20px;
	background-color: transparent;
	background-image: url(../images/fond_recherche_double.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 6em; /*100px*/
	height: 2.2em; /*34px*/
	line-height: 2.1em;
	z-index: 30;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 57px;
}

#menu li.formation a, #menu li.formation span {
	text-decoration: none;
	padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
	color: #122344;
	position: relative;
	display: block;
	float: left;
	margin-left: -40px; /*shift tabs 20px to the left so they overlap*/
	left: 20px;
	background-color: transparent;
	background-image: url(../images/fond_formation_double.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 6em; /*100px*/
	height: 2.2em; /*34px*/
	line-height: 2.1em;
	z-index: 20;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 57px;
}

#menu li.expertise a, #menu li.expertise span {
	text-decoration: none;
	padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
	color: #122344;
	position: relative;
	display: block;
	float: left;
	margin-left: -40px; /*shift tabs 20px to the left so they overlap*/
	left: 20px;
	background-color: transparent;
	background-image: url(../images/fond_expertise_double.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 6em; /*100px*/
	height: 2.2em; /*34px*/
	line-height: 2.1em;
	z-index: 10;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 57px;
}

#menu li.bibliotheque a, #menu li.bibliotheque span {
	text-decoration: none;
	padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
	color: #122344;
	position: relative;
	display: block;
	float: left;
	margin-left: -40px; /*shift tabs 20px to the left so they overlap*/
	left: 20px;
	background-color: transparent;
	background-image: url(../images/fond_biblio_double.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 6em; /*100px*/
	height: 2.2em; /*34px*/
	line-height: 2.1em;
	z-index: 5;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 57px;
}

#menu li.inshea a:hover {
	background-image: url(../images/fond_institut_double.png);
	background-position: right -35px;
	background-repeat: no-repeat;
}

#menu li.recherche a:hover {
	background-image: url(../images/fond_recherche_double.png);
	background-position: right -35px;
	background-repeat: no-repeat;
}

#menu li.formation a:hover {
	background-image: url(../images/fond_formation_double.png);
	background-position: right -35px;
	background-repeat: no-repeat;
}

#menu li.expertise a:hover {
	background-image: url(../images/fond_expertise_double.png);
	background-position: right -35px;
	background-repeat: no-repeat;
}

#menu li.bibliotheque a:hover {
	background-image: url(../images/fond_biblio_double.png);
	background-position: right -35px;
	background-repeat: no-repeat;
}

#menu li.inshea span.select {
	background-image: url(../images/fond_institut_double.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#menu li.recherche span.select {
	background-image: url(../images/fond_recherche_double.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#menu li.formation span.select {
	background-image: url(../images/fond_formation_double.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#menu li.expertise span.select {
	background-image: url(../images/fond_expertise_double.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#menu li.bibliotheque span.select {
	background-image: url(../images/fond_biblio_double.png);
	background-position: right top;
	background-repeat: no-repeat;
}
/*fin definition menu horizontal*/

/*debut sous menu horizontal*/
#sousinstitut, #sousinshea {
	height: 0.3em;
	color: #122344;
	background: #0065BD;
	width: 898px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	top: 14px;/* au lieu de 1px, modification 14-11-2011 nouveau logo inshea*/
	position: relative;/* au lieu de 1px, modification 14-11-2011 nouveau logo inshea*/
}

#sousrecherche {
	position: relative;
	float: left;
	height: 0.3em;
	color: #122344;
	background: #5b952c;
	width: 898px;
	margin-left: 0px;
	margin-right: 0px;
	top: 14px;/* au lieu de 1px, modification 14-11-2011 nouveau logo inshea*/
}

#sousformation {
	position: relative;
	float: left;
	height: 0.3em;
	color: #122344;
	background: #c15217;
	width: 898px;
	margin-left: 0px;
	margin-right: 0px;
	top: 14px;/* au lieu de 1px, modification 14-11-2011 nouveau logo inshea*/
}

#sousexpertise {
	position: relative;
	float: left;
	height: 0.3em;
	color: #122344;
	background: #8b4884;
	width: 898px;
	margin-left: 0px;
	margin-right: 0px;
	top: 14px;/* au lieu de 1px, modification 14-11-2011 nouveau logo inshea*/
}
#sousbibliotheque {
	position: relative;
	float: left;
	height: 0.3em;
	color: #122344;
	background: #9b7408;
	width: 898px;
	margin-left: 0px;
	margin-right: 0px;
	top: 14px;/* au lieu de 1px, modification 14-11-2011 nouveau logo inshea*/
}

#sousdirect {
	float: left;
	height: 0.3em;
	color: #122344;
	background: transparent;
	width: 898px;
	margin-left: 0px;
	margin-right: 0px;
}

.sousmenu {
	margin: 0;
	margin-left: 0; /*menu offset from left edge of window*/
	float: left;
	width: 894px;
	/*clear: left;*/
	padding-left: 5px;
	padding-right: 0px;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	/*line-height: 2.5em;*/
	line-height: 1.8em;
}

* html .sousmenu { /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 7px; /*menu offset from left edge of window in IE*/
}

/*.sousmenu  li {
	display: inline;
}

.sousmenu  li a, .sousmenu  li span {
	float: left;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}*/

/*.sousmenu  li a:visited {
color: #fff0d2;
}*/

/*#sousinstitut li a, #sousinstitut li span, #sousinstitut li a:visited {
color: #122344;
}

#sousrecherche li a, #sousrecherche li span, #sousrecherche li a:visited, #sousformation li a, #sousformation li span, #sousformation li a:visited, #sousexpertise li a, #sousexpertise li span, #sousexpertise li a:visited {
color: #122344;
}*/

/*#sousinstitut  li a:hover, #sousinstitut  li a#selected, #sousinstitut  li span#selected {
	color: #122344;
	background: transparent url(../images/pointer.gif) no-repeat center bottom;
}*/

/*#sousrecherche  li a:hover, #sousrecherche  li a#selected, #sousrecherche  li span#selected, #sousformation  li a:hover, #sousformation  li a#selected, #sousformation  li span#selected, #sousexpertise  li a:hover, #sousexpertise  li a#selected, #sousexpertise  li span#selected {
	color: #122344;
	background: transparent url(../images/pointer.gif) no-repeat center bottom;
}*/
/*fin sous menu horizontal*/

/*debut declaration menu navigation vertical*/
.navigation {
	margin: 0;
	padding: 0;
	/*color: #122344;*/
	color: #7B1E1B;
	width: auto;
	font: 0.8em Arial,Helvetica, "sans-serif bold";
	list-style-type: none;
	/*background: #CBDDEC;*/
}

.navigation a, .navigation span {
	display: block;
	/*color: #122344;*/
	color: #7B1E1B;
	text-decoration: none;
	padding: 4px 0px 4px 10px;
	list-style-type:none;
	line-height: 1.3em;
	font-weight: bold;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/puce_ouvrir.png);
	padding-right: 30px;
}
	
.navigation .open a, .navigation .open span {
/*	background-color: #a3caff;*/
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/puce_fermer.png);
}
	
.navigation a:hover, .navigation a:focus, .navigation a:active {
	text-decoration: underline;
}
	
.navigation .subMenu {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	/*background: #CBDDEC;*/
	/*border-bottom: 0px solid #122344;*/
}
	
.navigation ul.subMenu {
	list-style-type:none;
}

.navigation ul.subMenu a, .navigation ul.subMenu span {
	background: none;
	padding: 4px 0px 4px 30px;
	list-style-type:none;
	line-height: 1.3em;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #122344;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
/*fin declaration menu vertical*/