/*STRUCTURE GENERALE*/

div.menu_rollup div{ /*Les éléments du menu principal (horizontal)*/
	position: relative;
	float: left;
	
}

ul.accordion_menu { /*Le sous menu*/
	position:absolute;
	display:block;
	left:0px;
}

ul.accordion_menu, ul.accordion_menu ul { /*Les sous menu*/
  list-style-type:none;
  display:block;
}

/*si sous menu avec option submenu_right ou nonjavascript alors position absolue*/
ul.accordion_menu.submenu_right ul, ul.accordion_menu.nojavascript ul {
	position: absolute;
	left:0px;
}

ul.accordion_menu ul li { /*Les sous menu*/
   position: relative;
}
 
div.menu_rollup div, ul.accordion_menu, ul.accordion_menu ul {
  margin: 0;
  padding: 0;
}

ul.accordion_menu,ul.accordion_menu ul {/*Les sous menus ont la taille de leur parent*/
	width:100%;
}

div.menu_rollup a,ul.accordion_menu a,ul.accordion_menu ul a {/*Les sous menus ont la taille de leur parent*/
	display:block;
	/*width:100%*/
}



/*cas ou pas javascript, la classe NOJAVASCRIPT est présente*/

div.menu_rollup.nojavascript ul.accordion_menu  {
	display:none;
}

ul.accordion_menu.nojavascript li ul  {
	display:none;
}



div.menu_rollup.nojavascript div:hover > .accordion_menu{
	display:block;
}

ul.accordion_menu.nojavascript li:hover > ul {
  display:block;
  
}



/*STRUCTURE comportement des éléments par défaut */

div.menu_rollup div { /*séparation des éléments principaux*/
	margin-left : 1px;
}

div.menu_rollup div:first-child { /*sauf pour le premier élément IE7, Firefox*/
	margin-left : 0px;
}

ul.accordion_menu li { /*séparation des sous éléments*/
  /*margin-top: 1px;*/
}



ul.accordion_menu li ul li a {/*décalage sous menus = gauche*/
  padding-left: 20px;
}

div.menu_rollup div, ul.accordion_menu, ul.accordion_menu ul {
   line-height: 27px;
}

/**************************************************************************************************************************************************/

/*STRUCTURE Tailles et marges */

div.menu_rollup, div.menu_rollup a,ul.accordion_menu a {
	height: 32px;
}
div.menu_rollup{
	width:925px;
}

#menu1 {
	width: 250px;
	border-right: solid 1px #3C639F;
}

#menu2 {
	width: 250px;
	border-right: solid 1px #3C639F;
}

#menu3 {
	width: 140px;
	border-right: solid 1px #3C639F;
}

#menu4 {
	width: 90px;
	border-right: solid 1px #3C639F;
}

#menu5 {
	width: 96px;
	border-right: solid 1px #3C639F;
}

/*définition des positions des sous menus dans le cas de l'option submenu_right ou nojavascript*/
#menu1 ul.accordion_menu.submenu_right li ul, #menu1 ul.accordion_menu.nojavascript li ul { /*Nécessaire pour caler le sous menu à la bonne position à droite des autres*/
	margin-left: 250px;/*largeur du menu*/
	margin-top: -32px;/*hauteur du menu*/
}

#menu2 ul.accordion_menu.submenu_right li ul, #menu2 ul.accordion_menu.nojavascript li ul { /*Nécessaire pour caler le sous menu à la bonne position à droite des autres*/
	margin-left: 250px;/*largeur du menu*/
	margin-top: -32px;/*hauteur du menu*/
}

#menu3 ul.accordion_menu.submenu_right li ul, #menu3 ul.accordion_menu.nojavascript li ul { /*Nécessaire pour caler le sous menu à la bonne position à droite des autres*/
	margin-left: 140px;/*largeur du menu*/
	margin-top: -32px;/*hauteur du menu*/
}



/*STYLE*/

div.menu_rollup{
	background-image: url("../Javascript/images/menu.gif");
}

div.menu_rollup div, ul.accordion_menu, ul.accordion_menu ul {
	text-align: center;
}


ul.accordion_menu,ul.accordion_menu ul,ul.accordion_menu ul li { /*Couleur de fond des menus*/
	background-color: #446ba4;
}



div.menu_rollup a,ul.accordion_menu a { /*Définition commune à tous les éléments de menus*/
	text-decoration:none;
	font-family:arial;
	font-size:11px;
}

div.menu_rollup div a {/*Définition menus principaux*/
	color:#FFFFFF;
}
 

ul.accordion_menu li a {/*Définition sous menu 1er niveau*/
	background-color: #446ba4;
	color:#FFFFFF;
	border-top: solid 1px #082D65;
	border-right: solid 1px #3C639F;
	border-left:solid 5px #446ba4;
}

ul.accordion_menu li a.child_menu.closed{/*Définition sous menu 1er niveau*/
	background-image: url("../Javascript/images/plus.gif");
	background-repeat: no-repeat;
	background-position: left;
}

ul.accordion_menu li a.child_menu.opened{/*Définition sous menu 1er niveau*/
	background-image: url("../Javascript/images/moins.gif");
	background-repeat: no-repeat;
	background-position: left;
}

ul.accordion_menu li ul li a {/*Définition sous menu 2ème niveau*/
	background-color: #A89A74;
	border-bottom: solid 0px #082D65;
	border-right: solid 0px #3C639F;
	border-left: 0px #CABFA3 solid;
	padding-left: 0px;
}


div.menu_rollup div a:hover {/*Menus généraux*/
	color: #c2cddb;
}

ul.accordion_menu li a:hover{/*Définition sous menu 1er niveau hover*/
	background-color: #224781;
	color: #c2cddb;
	border-left:solid 5px #224781;
}

ul.accordion_menu li ul li a:hover {/*Définition sous menu 2ème niveau hover*/
  background-color: #224781;
  color: #c2cddb;
}