.jquerycssmenu{height:69px; margin:0; padding:0;float:left; /*offset of tabs relative to browser left edge*/}
.jquerycssmenu ul{margin: 0;padding: 0;}
/*Top level list items*/
.jquerycssmenu ul li{position: relative;z-index: 100;padding:0; margin:0; display:block; float:left; list-style-type:none;}

/*Top level menu link items style*/
.jquerycssmenu ul li a, .jquerycssmenu ul li a:link, .jquerycssmenu ul li a:visited{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	float:left;
	display:block;
	height: 44px;
	line-height: 115%;
	padding: 10px 0 5px 0;
	text-align: center;
}

.menu1{background:#17629e;}
.menu2{background:#83981f;}
.menu3{background:#a42e18;}
.menu4{background:#e58e1a;}
.menu1 a, .menu1 a:link, .menu1 a:visited{width: 250px;border-bottom: 10px solid #8bb1cf;}
.menu2 a, .menu2 a:link, .menu2 a:visited{width: 250px;border-bottom: 10px solid #c1cc8f;}
.menu3 a, .menu3 a:link, .menu3 a:visited{width: 250px;border-bottom: 10px solid #d2978c;}
.menu4 a, .menu4 a:link, .menu4 a:visited{width: 250px;border-bottom: 10px solid #f2c78d;}

.menu1 a:hover, .menu1 a:hover:visited, .menu2 a:hover, .menu2 a:hover:visited, .menu3 a:hover, .menu3 a:hover:visited, .menu4 a:hover, .menu4 a:hover:visited{text-decoration:none;color:#fff;}
.menu1 a.actif{background:#0b314f;width: 250px;text-decoration:none;color:#fff;}
.menu2 a.actif{background:#45640f;width: 250px;text-decoration:none;color:#fff;}
.menu3 a.actif{background:#76170c;width: 250px;text-decoration:none;color:#fff;}
.menu4 a.actif{background:#d8550d;width: 250px;text-decoration:none;color:#fff;}

.jquerycssmenu ul li a:hover{
/*tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid black;
height:100%;
z-index: 100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li.sousMenu a, .jquerycssmenu ul li ul li.sousMenu a:link, .jquerycssmenu ul li ul li.sousMenu a:visited{
font-family: verdana;
display:block;
width: 240px; /*width of sub menus*/
font-size: 12px;
line-height:30px;
height:30px;
color: #fff;
padding: 0px 5px;
margin: 0;
border:none;
background:#646464;
text-align: left;
float:none;
border-bottom: 1px solid #fff;

}

.jquerycssmenu ul li ul.sousMenuActif li.sousMenu a, .jquerycssmenu ul li ul.sousMenuActif li.sousMenu a:link, .jquerycssmenu ul li ul.sousMenuActif li.sousMenu a:visited{display:none;}

.jquerycssmenu ul li ul li.sousMenu a:hover, .jquerycssmenu ul li ul li.sousMenu a:hover:visited{ /*sub menus hover style*/
background:#5A5A5A;

}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;
width:1px;
height:0;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;
width:1px;
height:0;
}

/* MENU LATERAL
--------------------------------------------------------------------------------------- */
#menuLateral{margin:0; padding:0;}
#menuLateral ul{margin:0;padding:0;}
#menuLateral ul li{padding:0; margin:0; display:block; list-style-type:none;}
#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	font-family: verdana;
	display:block;
	font-size: 12px;
	line-height:30px;
	height:30px;
	color: #fff;
	padding: 4px 5px;
	margin: 0;
	border:none;
	background:#4b4b4b;
	text-align: left;
	border-bottom: 1px solid #fff;
	text-decoration:none;
}
#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{background:#787878;}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{background:#787878;}

/* SOUS MENU 
--------------------------------------------------------------------------------------- */

#sousMenu1{margin:0; padding:0;float:left; display:block;width:702px;}
.bgSousMenu01{background: #17629e;}
.bgSousMenu02{background: #45640f;}
.bgSousMenu03{background: #76170c;}
.bgSousMenu04{background: #e58e1a;}
	   

#sousMenu1 ul li a, #sousMenu1 ul li a:link, #sousMenu1 ul li a:visited{   
	font-family: verdana;
	font-size: 14px;  
	height:20px;
	color: #fff;
	margin: 0;
	border:none;
	text-align: left;
	text-decoration:none;
}


#sousMenu1 ul{margin:0;padding:0;}
#sousMenu1 ul li{padding:3px 4px; margin:0; float:left; display:block; list-style-type:none; width:226px; }
#sousMenu1 ul li.actif a{ background:#A1B256 none repeat scroll 0 0;}
.bgSousMenu01 ul li{color: #5598ce;}
.bgSousMenu02 ul li{color: #c1cc8f;}
.bgSousMenu03 ul li{color: #d2978c;}
.bgSousMenu04 ul li{color: #f2c78d;}

.bgSousMenu01 ul li a:hover, .bgSousMenu01 ul li a:visited:hover{background:#8bb1cf;}
.bgSousMenu01 ul li a.actif, .bgSousMenu01 ul li a.actif:visited{background:#8bb1cf;}

.bgSousMenu02 ul li a:hover, .bgSousMenu02 ul li a:visited:hover{background:#A1B256;}
.bgSousMenu02 ul li a.actif, .bgSousMenu02 ul li a.actif:visited{background:#A1B256;}

.bgSousMenu03 ul li a:hover, .bgSousMenu03 ul li a:visited:hover{background:#d2978c;}
.bgSousMenu03 ul li a.actif, .bgSousMenu03 ul li a.actif:visited{background:#d2978c;}

.bgSousMenu04 ul li a:hover, .bgSousMenu04 ul li a:visited:hover{background:#EFB970;}
.bgSousMenu04 ul li a.actif, .bgSousMenu04 ul li a.actif:visited{background:#EFB970;}

#sousMenu2{margin:0; padding:0;float:left;}
#sousMenu2 ul{margin:0;padding:0; }
#sousMenu2 ul li{padding:0; margin:0 10px 0 0; width:335px; float:left; list-style-type:none; color:#010101; }
#sousMenu2 ul li a, #sousMenu2 ul li a:link, #sousMenu2 ul li a:visited{
	font-family: verdana; 
	width:310px;
	font-size: 12px;
	color: #010101;
	padding: 0px 0px 0 25px;
	margin: 0 0px 0 0;
	border:none;
	text-align: left;
	text-decoration:none;
	float:left;
}

#sousMenu2 ul li.sousMenu2_01 a,#sousMenu2 ul li.sousMenu2_01 a:link, #sousMenu2 ul li.sousMenu2_01 a:visited{background: transparent url(gx/icone_fleche_01.gif) no-repeat 10px 5px;}
#sousMenu2 ul li.sousMenu2_01 a:hover, #sousMenu2 ul li.sousMenu2_01 a:visited:hover{background:#aecfea url(gx/icone_fleche_01_active.gif) no-repeat 8px 5px ;}
#sousMenu2 ul li.sousMenu2_01 a.actif, #sousMenu2 ul li.sousMenu2_01 a.actif:visited{background:#aecfea url(gx/icone_fleche_01_active.gif) no-repeat 8px 5px ;}

#sousMenu2 ul li.sousMenu2_02 a,#sousMenu2 ul li.sousMenu2_02 a:link, #sousMenu2 ul li.sousMenu2_02 a:visited{background: transparent url(gx/icone_fleche_02.gif) no-repeat 10px center;}
#sousMenu2 ul li.sousMenu2_02 a:hover, #sousMenu2 ul li.sousMenu2_02 a:visited:hover{background:#C6D097 url(gx/icone_fleche_02_active.gif) no-repeat 8px center ;}
#sousMenu2 ul li.sousMenu2_02 a.actif, #sousMenu2 ul li.sousMenu2_02 a.actif:visited{background:#C6D097 url(gx/icone_fleche_02_active.gif) no-repeat 8px center ;}

#sousMenu2 ul li.sousMenu2_04 a,#sousMenu2 ul li.sousMenu2_04 a:link, #sousMenu2 ul li.sousMenu2_02 a:visited{background: transparent url(gx/icone_fleche_04.gif) no-repeat 10px center;}
#sousMenu2 ul li.sousMenu2_04 a:hover, #sousMenu2 ul li.sousMenu2_04 a:visited:hover{background:#E9C38F url(gx/icone_fleche_04_active.gif) no-repeat 8px center ;}
#sousMenu2 ul li.sousMenu2_04 a.actif, #sousMenu2 ul li.sousMenu2_04 a.actif:visited{background:#E9C38F url(gx/icone_fleche_04_active.gif) no-repeat 8px center ;}

#sousMenu3 {margin:0 0 0 10px;padding:0;display:block;}
ul#sousMenu3  li{padding:0; margin:0;width:250px; list-style-type:none; color:#010101;}
ul#sousMenu3 li a,  ul#sousMenu3 li a:link, ul#sousMenu3 li a:visited{
	font-family: verdana; 
	width:250px;
	font-size: 12px;
	line-height:20px;
	min-height:20px;
	color: #636363;
	padding: 0px 5px 0 25px;
	margin: 0 5px 0 0;
	border:none;
	text-align: left;
	text-decoration:none;
	background: transparent url(gx/icone_bullet.gif) no-repeat 10px center ;
}
 ul#sousMenu3 li a:hover,  ul#sousMenu3 li a:visited:hover{color:#17629e;background: transparent url(gx/icone_bullet.gif) no-repeat 10px center ;}
 ul#sousMenu3 li a.actif,  ul#sousMenu3 li a.actif:visited{color:#17629e;font-weight:bold;background: transparent url(gx/icone_bullet.gif) no-repeat 10px center ;}
