/* common styling */
.jTopMenu {
	font-family: "Trebuchet MS", verdana, sans-serif; font-size:14px; 
	position:relative; width:748px; height: 40px; 
	margin:0 16px 0 16px; padding: 0 0 0 0px;
	z-index:10; 
	background: url(../images/menubackground.png) top left repeat-x; 
	border: 0px solid red;
}

/*** TOP MENU ***/
/*** each LI, except nav27, has 2 pixels of right-padding ***/

/*french top menu*/
#nav4 {width:63px;} 
#nav5 {width:133px;}
#nav10 {width:132px;}
#nav19 {width:116px;}
#nav22 {width:155px;}
#nav27 {width:139px;}

/*english top menu*/
#nav70 {width:73px;}
#nav71 {width:114px;} /*117*/
#nav76 {width:128px;} /*116*/
#nav86 {width:113px;}/*116*/
#nav87 {width:168px;}/*171*/
#nav92 {width:142px;} /*145*/


/*** 1ST LEVEL MENU ***/
.jTopMenu ul {padding: 0 0 0 0; margin:0; list-style-type: none; border: 0px solid blue; width: 100%;}
.jTopMenu ul li {float:left; width:auto; margin:0; padding:0 2px 0 0; position:relative; border: 0px solid green; height: 40px;
background: url(../images/menuseparator.png) center right no-repeat; }
.jTopMenu ul li.lastitem {background-image: none; padding:0 0 0 0;}
.jTopMenu ul li a, .jTopMenu ul li a:visited {display:block; text-decoration:none; color:#000; height:100%; text-align:center; color:#fbcd58; border:0px solid white; line-height:40px; font-size:14px; overflow:hidden;}
.jTopMenu ul li:hover a {color:#ffffff; background: url(../images/menubackgroundselected.png) top left repeat-x; margin: 0 0px 0 0px;}

/*** 2ND LEVEL MENU ***/
.jTopMenu ul li ul {display: none;} /* if top menu item not selected */
.jTopMenu ul li ul li {float:left; margin:0; position:relative; border: 0px solid blue; width:100%; height: auto;  padding-top: 0px; background-image: none;}
.jTopMenu ul li:hover ul {z-index: 20; display:block; position:absolute; top:40px; left:0; width:100%; padding: 0 0px 0 0; border:0px solid red}
.jTopMenu ul li:hover ul li a {display:block; background:#0b8aba; font: 12px "century gothic", verdana, sans-serif; text-align:left; margin: 0; padding: 2px 0 3px 5px; border:1px solid #532900; border-bottom: none; height: auto; /*min-height: 25px;*/ line-height: 20px;}
.jTopMenu ul li:hover ul li.hide a {background:#0b8aba url(../images/arrow.gif) center right no-repeat;}
.jTopMenu ul li:hover ul li#nav28 a, .jTopMenu ul li:hover ul li#nav29 a, .jTopMenu ul li:hover ul li#nav30 a , .jTopMenu ul li:hover ul li#nav93 a, .jTopMenu ul li:hover ul li#nav98 a, .jTopMenu ul li:hover ul li#nav104 a {background-image: none;} /* to hide the arrow for the NOUVELLES and GALERIE DE PHOTOS and VIDEOS menu items */
.jTopMenu ul li:hover ul li.lastitem a  { border-bottom: 1px solid #532900;}
.jTopMenu ul li:hover ul li:hover a {background:#a1968c;}

/*** 3RD LEVEL MENU ***/
.jTopMenu ul li:hover ul li ul {display: none;}
.jTopMenu ul li:hover ul li:hover ul {z-index: 30; display:block; position:absolute; left:98%; top:0; padding:0; margin:0;}
.jTopMenu ul li:hover ul li:hover ul.left {left:-139px;}
.jTopMenu ul li:hover ul li:hover ul li {z-index:90;}
.jTopMenu ul li:hover ul li:hover ul li a  {background:#0b8aba;border:1px solid #532900; border-bottom: none; }
.jTopMenu ul li:hover ul li:hover ul li.lastitem a  { border-bottom: 1px solid #532900;}
.jTopMenu ul li:hover ul li:hover ul li#nav14 a  { border-bottom: 1px solid #532900;}
.jTopMenu ul li:hover ul li:hover ul li#nav80 a  { border-bottom: 1px solid #532900;}
.jTopMenu ul li:hover ul li:hover ul li:hover a  {background:#a1968c;}