/*
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */


/* - - - ADxMenu: BASIC styles - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

/* move all list items into one row, by floating them */
.menu li {
	/* width:88px; */
  height:35px;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
  border:0px solid red;
}

/* define new starting point for the nested UL, thus making positioning it a piece of cake */
.menu li:hover {
	position: relative;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {
  margin: 0 0 0 0px;
  padding: 0px 0 0 0px;  /*  PSR */
  height:15px;  /*  PSR */
	width: 100%;
  /* background-position:0 2px; */
}

/* fix the position for 2nd level submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
.menu li li div {
	top: 0;
	left: 0;
}

/* ...and then place the submenu where it should be when shown */
.menu li li:hover div {
	left: 100%;
}

/* initialy hide all sub menus */
.menu div {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
.menu li:hover>div {
	display: block;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */

.menu div {
	padding: 0 0 0 0;
  margin: 0 0 0 0;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
  border:0px solid green;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu {		/* navigation background style */
	position:relative;
	z-index:2000;
	top:-3px;
	color: #333;
	background:url(../images/nav-bg.gif) 0 0 repeat;
	/*background: #fff;*/	 /* uncomment this if you want to use a color instead of background image */
}

.menu ul {	/* drop down menu style */
	padding-bottom : 20px;
  width: 162px;   /* largeur onglet niv 2  */
  background:transparent url(../templates/img/bg_menu_commission.png) bottom left no-repeat; /* PSR   couleur de fond rub level 2 */
  /* background:#fff; */
}

.menu li li:hover>div {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

.menu ul a:hover { /* drop down hover style (IE6 included) */
	background: transparent;   /* couleur fond niv2 */
	font-weight:normal;
}

.menu li:hover>a { 	/* first level hover button style (IE6 excluded) */
  color: #9dc9e3;  /* PSR : rub level 1 Roll over ; */
	background: url(../images/nav2.gif) 100% 0 no-repeat;
	/* background: url(../templates/img/bg_onglet_horiz_ro.png) 0 0 no-repeat;  /* PSR  */
	/*background: #eee;*/	 /* uncomment this if you want to use a color instead of background image */
}


.menu a {	/* first level button style (IE6 included) */
  color: #fff;           /* PSR  Couleur lien */
  font-size : 16px;
  font-weight : bold;
  font-family:Arial, Helvetica, sans-serif;
	padding: 6px;
	display: block;
	text-decoration: none;
}

.menu a:hover {		/* first level button hover style (IE6 included) */
  /* margin: 12px 0 0 0; */  /* Utitite : NOK pour accueil */
	color: #000;
	background: url(../images/nav2.gif) 100% 0 no-repeat;
	/*background: #eee;*/	 /* uncomment this if you want to use a color instead of background image */
	text-decoration: none;
	font-weight:bold;
   background: url(../templates/img/bg_onglet_horiz_ro.gif) 0 0 no-repeat;  /* PSR  */ /* Roll-over niv1 IE6 */
}

.menu ul a {	/* remove inheritance from submenus (IE6 included)*/
  padding: 3px 0 0 24px;
  color: #0070b7; /* #0070b7; */               /* PSR   couleur lien niv2 roll-off */
  font-size:11px;
  background: transparent;   /* PSR   #fff */
  font-weight: bold;
  text-align:left;
  background: url(../templates/img/puce_bleu_carre.gif) 7px 9px no-repeat;  /*  PSR */
}

.hover2 li:hover>a {  /* drop down hover style (IE6 excluded) */
  color: #ed7703;  /* #000; */   /* PSR lien niv 2 roll-over */
  padding: 3px 0 0 24px;
  text-align : left;
  font-size:11px;
  font-weight: bold;
  background: url(../templates/img/puce_orange_fleche.png) 5px 7px no-repeat;  /*  PSR */
  border: 0px solid green;

}


.active a {	/* first level menu active state style (IE6 included) */
	color: #000;
	background: url(../templates/img/bg_onglet_horiz_ro.png) 0 0 no-repeat; /* Attention seulement pour page rubrique */
	font-weight: bold;
	text-decoration: none;
  border: 1px solid purple;
}

#nav_decouverte .menu {
  margin: 0 0 0 13px;
  border:0px solid pink;
}

#nav_decouverte   a.lnk_decouverte {
  font-size : 19px;
  font-weight : bold;
  margin: 0 0 0 25px;
  border:0px solid orange;
}


#nav_actualite .menu {
  margin: 0 0 0 13px;
  border:0px solid pink;
}

#nav_actualite   a.lnk_actualite {
  margin: 0 0 0 35px;
  border:0px solid orange;
}


/******************************/
/* Menu horizontal rubrique   */
/******************************/


#nav_horiz .menu {
	margin: 10px 0 0 210px;
  /* background:transparent url(../templates/img/bg_menu_decouverte.png) bottom left no-repeat;  */
  border:0px blue solid;
}


#nav_horiz li {
  width : 93px;  /* largeur onglet niv 1  */
  /* background:transparent url(../templates/img/bg_menu_decouverte.png) bottom left no-repeat;  */
  border:0px purple solid;
}

#nav_horiz .menu a {
  margin:0px 0 0 0px;       /* IE6 niv1 essai de positionnement texte NOK */
  color: #ffffff;           /* PSR  Couleur lien niv1 */
  font-size : 12px;
  text-align:center;
  border:0px green solid;
}

#nav_horiz .menu ul a {	/* remove inheritance from submenus (IE6 included)*/
  color: #0070b7;  /* PSR   couleur lien niv2 roll-off */
  font-size:11px;
  text-align : left;
  border:0px white solid;
}

#nav_horiz .menu li:hover>a {
  background: url(../templates/img/bg_onglet_horiz_ro.png) 0 0 no-repeat;  /* PSR : rub level 1 Roll over ; */

}

#nav_horiz .menu li.active_com:hover>a  {
  background: transparent;  /* PSR : rub level 1 Roll over ; */
}



#nav_horiz .hover2 li:hover>a {  /* Attention !!! doit être #nav_horiz .menu li:hover>a  pour rétablir le fond niv2 Roll-over Rubrique */
  background: url(../templates/img/puce_orange_fleche.png) 5px 7px no-repeat;  /*  PSR */
}



#nav_horiz .active a {
	/* background: url(../templates/img/bg_onglet_horiz_ro.png) 0 0 no-repeat; */ /* Trop complexe */ /* Evite la propagation du fond roll-over avec active */
}

#nav_horiz .active ul a {
	/* background: url(../templates/img/puce_bleu_carre.gif) 7px 9px no-repeat; */ /* Trop complexe */ /* Evite la propagation du fond roll-over avec active */
}

#nav_horiz li.hover2 {
	background: url(../templates/img/bg_onglet_horiz_no.png) 0 0 no-repeat; /* Attention seulement pour page rubrique */
	border: 0px solid purple;
}

#nav_horiz .menu li.hover2_com:hover>a {
	background: url(../templates/img/bg_onglet_horiz_com_ro.png) 0 0 no-repeat;
}


#nav_horiz .menu li li {
  width : 162px;
  border:0px pink solid;
}


#nav_horiz .menu ul a:hover { /* drop down hover style (IE6 included) */
}

#nav_horiz .hover2 li:hover>a {  /* drop down hover style (IE6 excluded) */
  color: #ed7703;  /* #000; */   /* PSR lien niv 2 roll-over */
}

/************************************/
/* Menu Top NAV horizontal Accueil  */
/************************************/

#nav_top_acc .menu {
  margin: 0px 0 0 0px;
  /* background:transparent url(../templates/img/bg_menu_decouverte.png) bottom left no-repeat;  */
  border:0px blue solid;
}

#nav_top_acc li {
  width : 85px;  /* largeur onglet niv 1  */
  /* background:transparent url(../templates/img/bg_menu_decouverte.png) bottom left no-repeat;  */
}

#nav_top_acc .menu a {
  color: #ffffff;           /* PSR  Couleur lien */
  font-size : 12px;
  text-align:center;
}

#nav_top_acc .menu li:hover>a {
  background: url(../templates/img/bg_onglet_horiz_ro.png) 0 0 no-repeat;  /* PSR : rub level 1 Roll over ; */
}

#nav_top_acc li.hover2 {
  background: url(../templates/img/bg_onglet_horiz_no.png) 0 0 no-repeat; /* Attention seulement pour page rubrique */
  border: 0px solid purple;
}



/*]]>*/