div#contenu {

}
/* ----------------------------------------------------------
Decale le logo vers le bas
 -----------------------------------------------------------*/
 #zonemenu img{  
 margin-top      : 20px;
 }

.nav, .nav * {
	margin:0;
	padding:0;
}
ul.nav {
	margin-top : 20px;
	background: white;
	float: left;
	
	position:relative;   
        width:523px;
}

ul.nav ul  {
/* ----------------------------------------------------------
Positionne le premier sous menu dans la barre de couleur 
 -----------------------------------------------------------*/
        padding-top:10px;
	background: none /*IE6 needs this*/;
	float: left;
	position:relative;
        margin-left:-230px;
     
}
ul.nav li ul li ul {
/* ----------------------------------------------------------
Positionne le second sous menu dans la barre de couleur 
 -----------------------------------------------------------*/
        margin-left:0px;
        padding-top:4px;
}
ul.nav li {
	float: left;
	list-style:none;
	z-index:999;
}
ul.nav li.current ul {
	z-index: 999;
}
ul.nav li.sfHover ul,
ul.nav li:hover ul {
	z-index: 1000;
}
/* ----------------------------------------------------------
Style du menu niveau 0 - sauf le dernier - hauteur > padding + heigh = 36px
 -----------------------------------------------------------*/
ul.nav>li>a:link, ul.nav>li>a:visited {
    color : #717ca5;
    height: 28px;
    line-height: 14px;
    background :  url(../template_pictures/bg_menu_off.gif) top left no-repeat;
    text-align  : center;
    padding-top  : 5px;
	padding-bottom:3px;
    display:block;
    float: left;
    text-decoration:none;
    width  : 104px;
}

ul.nav>li>a:hover, ul.nav>li.sfHover >a, ul.nav>li.current >a{
	background :#202f67 url(../template_pictures/bg_menu_on.gif) top left no-repeat;
        color:#fff;
}
/* ----------------------------------------------------------
Style du menu niveau 0 - dernier element
 -----------------------------------------------------------*/
ul.nav>li#last>a:link, ul.nav>li#last>a:visited {
    color : #717ca5;
    height: 28px;
    background :  url(../template_pictures/bg_menu_last_off.gif) top left no-repeat;
    text-align  : center;
    padding-top  : 8px;
    display:block;
    float: left;
    text-decoration:none;
    width  : 107px;
}
ul.nav>li#last>a:hover, ul.nav>li#last .sfHover >a, ul.nav>li.current#last>a{
	background :#202f67 url(../template_pictures/bg_menu_last_on.gif) top left no-repeat;
        color:#fff;
}
ul.nav li ul {
	left:0;
	position:absolute;
	width:760px;
margin-top:6px;
padding-top:0;
 }


ul.nav li.sfHover a,
ul.nav li.current a,
ul.nav a:focus, ul.nav a:hover, ul.nav a:active {
	border-bottom: none;
}

ul.nav li ul li:hover a,ul.nav li ul li.sfHover a,ul.nav li ul li.current a,
ul.nav li ul li a:focus, ul.nav li ul li a:hover, ul.nav li ul li a:active {
	background:#BFD1E5;
}
ul.nav li ul li:hover ul li a,ul.nav li ul li.sfHover ul li a,ul.nav li ul li.current ul li a{
	background:none;
}
ul.nav li ul li ul li:hover a,ul.nav li ul li ul li.sfHover a,ul.nav li ul li ul li.current a,
ul.nav li ul li ul li a:focus, ul.nav li ul li ul li a:hover, ul.nav li ul li ul li a:active {
	background:#BFD1E5;
}

ul.nav li ul li {
height              :17px;
margin-top:0;
padding-top:4px;
font-size:11px;
padding-right:0px;
	padding-left:0px;
	color:#fff;
}
ul.nav li ul li ul li{
height:17px;
margin-top:0;
padding-top:4px;
font-size:11px;
padding-right:0px;
		padding-left:0px;
}
ul.nav li ul li a{ text-decoration:none;color:#fff;}
ul.nav li ul li ul li a{ text-decoration:none;color:#fff;}


ul.nav li:hover ul, /* pure CSS hover is removed below */
body ul.nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
	top:2.5em;
}
ul.nav li:hover ul li ul, /* pure CSS hover is removed below */
body ul.nav li.current ul li ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul  li ul{
	top:1.9em;
}

ul.nav li:hover ul li ul,
ul.nav li.sfHover ul li ul {
	margin:0;
        padding:0;
}
ul.nav li ul li:hover ul, /* pure CSS hover is removed below */
ul.nav li ul li.sfHover ul {
	margin:0;
        padding:0;
	
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	
}

/*#######ZONE SOUS MENUS 1 ET 2########*/


div#submenu1 {
    clear                   : both;
    background-color            : #112C6A;
    color               : #fff;
    height              : 19px;
    padding-top         : 2px;
}



div#submenu2 {
    clear                   : both;
    background-color            : #8b94b7;
    color               : #fff;
    height              : 20px;
    padding-top         : 2px;
}
