#nav, #nav ul { 
	padding: 0;
	padding-left: 1px;
	margin: 0;
	border: 0;
	list-style: none;
	width: 959px;
	height: 25px;
	line-height:25px;
	
	z-index:200;
}

#nav li { /* tous les items horizontaux */
	float: left;
	margin:0;
	padding:0;
	display: inline;
}

#nav li a {
	float: left;
	text-decoration: none;
	display: block;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0;
}

#nav li#menuLayout1 a {
	background: url(../imgs/V2/menu/bt_home.png) no-repeat;
}
#nav li#menuLayout1 a:hover {
	background: url(../imgs/V2/menu/bt_home_on.png) no-repeat;
}

#nav li#menuLayout2 a {
	background: url(../imgs/V2/menu/bt_prg.png) no-repeat;
}
#nav li#menuLayout2 a:hover {
	background: url(../imgs/V2/menu/bt_prg_on.png) no-repeat;
}

#nav li#menuLayout3 a {
	background: url(../imgs/V2/menu/bt_vrc.png) no-repeat;
}
#nav li#menuLayout3 a:hover {
	background: url(../imgs/V2/menu/bt_vrc_on.png) no-repeat;
}

#nav li#menuLayout4 a {
	background: url(../imgs/V2/menu/bt_rci.png) no-repeat;
}
#nav li#menuLayout4 a:hover {
	background: url(../imgs/V2/menu/bt_rci_on.png) no-repeat;
}

#nav li#menuLayout5 a {
	background: url(../imgs/V2/menu/bt_rcv.png) no-repeat;
}
#nav li#menuLayout5 a:hover {
	background: url(../imgs/V2/menu/bt_rcv_on.png) no-repeat;
}

#nav li#menuLayout6 a {
	background: url(../imgs/V2/menu/bt_clu.png) no-repeat;
}
#nav li#menuLayout6 a:hover {
	background: url(../imgs/V2/menu/bt_clu_on.png) no-repeat;
}

#nav li#menuPodcast a {
	background: url(../imgs/V2/menu/bt_podcast.png) no-repeat;
}
#nav li#menuPodcast a:hover {
	background: url(../imgs/V2/menu/bt_podcast_on.png) no-repeat;
}

#nav li#menuVideo a {
	background: url(../imgs/V2/menu/bt_video.png) no-repeat;
}
#nav li#menuVideo a:hover {
	background: url(../imgs/V2/menu/bt_video_on.png) no-repeat;
}

#nav li#menuBoutique a {
	background: url(../imgs/V2/menu/bt_boutique.png) no-repeat;
}
#nav li#menuBoutique a:hover {
	background: url(../imgs/V2/menu/bt_boutique_on.png) no-repeat;
}



/* listes de deuxième niveau */
#nav li ul {
	clear:left;
	margin: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right: solid 3px #b0b8bd;
	border-bottom: solid 3px #b0b8bd;
	background: none;
	background-color: #FFFFFF;
	position: absolute;
	height: auto;
	display:none; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
html>body #nav li ul{
	margin-top:25px;
	margin-top:0 !ie;
	left:-999px;
	display:block;
}

#nav li#menuLayout1 ul {
	width: 50px;
}
#nav li#menuLayout2 ul {
	width: 199px;
}
#nav li#menuLayout3 ul {
	width: 238px;
}
#nav li#menuLayout4 ul {
	width: 225px;
}
#nav li#menuLayout5 ul {
	width: 204px;
}
#nav li#menuLayout6 ul {
	width: 195px;
	margin-left: -123px;
}
#nav li#menuPodcast ul {
	width: 200px;
}

#nav li ul li {
	clear: both;
	height:auto;
	width: 100%;
}

#nav li ul li a {
	height:auto;
	width:100%;
	background: none;
	color: #606060;
	font-weight: bold;
}

#nav li#menuLayout1 ul li a:hover {
	min-width: 50px;
	color: #C8E217;
	background: none;
}
#nav li#menuLayout2 ul li a:hover {
	min-width: 199px;
	color: #99AC18;
	background: none;
}
#nav li#menuLayout3 ul li a:hover {
	min-width: 238px;
	color: #568398;
	background: none;
}
#nav li#menuLayout4 ul li a:hover {
	min-width: 225px;
	color: #EB1A16;
	background: none;
}
#nav li#menuLayout5 ul li a:hover {
	min-width: 204px;
	color: #737D5A;
	background: none;
}
#nav li#menuLayout6 ul li a:hover {
	min-width: 195px;
	color: #61367F;
	background: none;
}

#nav li#menuPodcast ul li a:hover{
	min-width: 200px;
	color: #568398;
	background: none;
}

#nav li#menuLayout1 ul li a, #nav li#menuLayout2 ul li a, 
#nav li#menuLayout3 ul li a, #nav li#menuLayout4 ul li a, 
#nav li#menuLayout5 ul li a, #nav li#menuLayout6 ul li a, 
#nav li#menuBoutique ul li a, #nav li#menuPodcast ul li a, 
#nav li#menuVideo ul li a  {
	background: none;
}

#nav li ul li a:hover {
	background: none;
}

#nav li ul li a.daddy {
	background: transparent url(../imgs/menu_arrow.gif) 90% 50% no-repeat;
}

/* listes de troisième niveau et plus */
#nav li ul ul {
	background-image: none;
	background-color: #FFFFFF;
	border-right: solid 3px #b0b8bd;
	border-bottom: solid 3px #b0b8bd;
	margin: -1.5em 0 0 17.5em;
}

#nav li ul li ul{
	display: none;
	position: absolute;
	left: 0em;
	top: auto;
	margin-top: 0px;
	overflow: hidden;
}
*:first-child+html #nav li ul li ul{	margin-top: -32px;} /* IE7 */
* html #nav li ul li ul{	margin-top: -24px;} /* IE6 */

#nav li#menuLayout6 ul li ul{	left: -30px;}

#nav li.sfhover ul li.sfhover ul, #nav li:hover ul li:hover ul{
	display: block;
}

/* listes imbriquées sous les items de listes survolés */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}

#nav li:hover, #nav li.sfhover{
	background-color: transparent;
}

/********* menu interne sous-home *****/
#sHomeMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	background-color:#d0e2e8;
	background-image:url(../imgs/sHomeMenuBkgrd2.jpg);
	background-repeat:no-repeat;
	width:155px;
}

#sHomeMenu ul li {
/*	margin:0px 14px 0px 8px;*/
	margin: 0px;
	border-bottom:solid 1px #c0c8ca;
	width: 147px;
}

#sHomeMenu ul li a {
	display:block;
	color:#697679;
	font-weight:bold;
	padding:9px 0px 8px 10px;
/*	padding:7px 0px 6px 10px;*/
	text-decoration:none;
	line-height: 11px;
}

#sHomeMenu ul li a:hover {
	color:#fff; 
	background-color: none;
}
#sHomeMenu ul li ul{	background: none;}
#sHomeMenu ul ul{
	background: none;
	padding:0;
	margin:0;
}
#sHomeMenu ul ul li{
	border: 0px;
	padding:0;
	margin:0;
	padding-bottom:3px;
}
#sHomeMenu li.smActiveLI a, #sHomeMenu li.smActiveLI a:hover{
	color:#FFF;
	margin-bottom:3px;
}
#sHomeMenu ul ul li a, #sHomeMenu ul ul li a:hover {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	background: none;
	font-weight: normal;
	height: auto;
	line-height: 13px;
	margin-right: 20px;
}
#sHomeMenu li.smActiveLI ul li a, #sHomeMenu li.smActiveLI ul li a:hover{
	background: none;
	background: url(../imgs/li_carre.gif) no-repeat 5px 5px;
	color:#697679;
	margin-bottom:0px;
}
