@charset "utf-8";
/* CSS Document */

#menu_zone {
	float:left;
	width:985px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg.png) right top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg.png', sizingMethod='crop');  
}
#psy_menu_zone {
	float:left;
	width:920px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg.png) left top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg.png', sizingMethod='crop');  
}
#mail_menu_zone {
	float:left;
	width:920px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg.png) left top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg.png', sizingMethod='crop');  
}

#menu_zone_rose {
	float:left;
	width:985px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg_rose.png) right top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg_rose.png', sizingMethod='crop');  
}

#menu_zone_rouge {
	float:left;
	width:985px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg_rouge.png) right top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg_rouge.png', sizingMethod='crop');  
}

#menu_zone_orange {
	float:left;
	width:985px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg_orange.png) right top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg_orange.png', sizingMethod='crop');  
}

#menu_zone_mauve {
	float:left;
	width:985px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg_mauve.png) right top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg_mauve.png', sizingMethod='crop');  
}

#menu_zone_jaune {
	float:left;
	width:985px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg_jaune.png) right top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg_jaune.png', sizingMethod='crop');  
}

#menu_zone_bleu {
	float:left;
	width:985px;
	height:34px;
	display:block;
	top:102px;
	z-index:3000;
	background:url(../img/charte/menu_bg_bleu.png) right top no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/charte/menu_bg_bleu.png', sizingMethod='crop');  
}


#nav, ul#nav {
	width:985px;
	height:34px;
	display:block;
	clear:both;
	z-index:3999;
	list-style:none;
	padding:8px 0 0 0;
	position:absolute;
}

#nav a {
	position: relative;
	display:block;
	color:#000;
	text-decoration:none;
	width:127px;
}

#nav li a.hide {
	text-indent:-5000em;
}

#nav li {
	float:left;
	display:block;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left:0;
	top:22px;
	position:absolute;
	display:block;
}

#nav li {
	float: left;
	position: relative;
	width:auto;
	list-style-type:none;
	display:inline;
}

#nav li ul{
    position:absolute;
	top:32px;
	display:none;
}

ul#nav li#home a {
	width:77px;
	_width:75px;
	display:block;
}

ul#nav li#artdevivre {
	float:left;
	width:143px;
	height:22px;
	display:block;
	background:url(../img/charte/btn_artdevivre.png) top left no-repeat;
}

ul#nav li#artdevivre:hover,
ul#nav li#artdevivre.sfhover,
ul#nav li#artdevivre.actif {
	background:url(../img/charte/btn_artdevivre.png) top left no-repeat;
	float:left;
	width:143px;
	height:22px;
	display:block;
}


ul#nav li#feminin {
	float:left;
	width:148px;
	height:22px;
	display:block;
	background:url(../img/charte/btn_feminin.png) top left no-repeat;
}

ul#nav li#feminin:hover,
ul#nav li#feminin.sfhover,
ul#nav li#feminin.actif {
	background:url(../img/charte/btn_feminin.png) top left no-repeat;
}

ul#nav li#teleactu {
	float:left;
	width:159px;
	height:22px;
	display:block;
	background:url(../img/charte/btn_teleactu.png) top left no-repeat;
}

ul#nav li#teleactu:hover,
ul#nav li#teleactu.sfhover,
ul#nav li#teleactu.actif {
	background:url(../img/charte/btn_teleactu.png) top left no-repeat;
}


ul#nav li#enfants {
	float:left;
	width:149px;
	height:22px;
	display:block;
	background:url(../img/charte/btn_enfants.png) top left no-repeat;
}

ul#nav li#enfants:hover,
ul#nav li#enfants.sfhover,
ul#nav li#enfants.actif {
	background:url(../img/charte/btn_enfants.png) top left no-repeat;
}

ul#nav li#people {
	float:left;
	width:153px;
	height:22px;
	display:block;
	background:url(../img/charte/btn_people.png) top left no-repeat;
}

ul#nav li#people:hover,
ul#nav li#people.sfhover,
ul#nav li#people.actif {
	background:url(../img/charte/btn_people.png) top left no-repeat;
}

ul#nav li#loisirs {
	float:left;
	width:155px;
	height:22px;
	display:block;
	background:url(../img/charte/btn_loisirs.png) top left no-repeat;
}

ul#nav li#loisirs:hover,
ul#nav li#loisirs.sfhover,
ul#nav li#loisirs.actif {
	background:url(../img/charte/btn_loisirs.png) top left no-repeat;
}


/*
-------------------------- sous menus ------------------------------------
*/


#nav li ul li a {
	border:1px solid #545454;
/*	width:157px;
	height:204px; */
	width:120px;
	height:156px; 
	display:block;
	float:left;
}

#nav li ul li a.InfoMenu{
	color:#FFFFFF;
	border:0px solid #545454;
	width:120px;
	height:170px;
	display:block;
	float:left;
}

#nav li ul li.ssmenu_artdevivre {
	width:761px;
	height:461px;
	background:url(../img/charte/fd_artdevivre.png) 0 12px no-repeat;
	float:left;
}

#nav li ul li.ssmenu_artdevivre a {
	margin:15px 0 0 32px;
	_margin:15px 0 0 22px;
}


#nav li ul li.ssmenu_feminin {
	background:url(../img/charte/fd_feminin.png) 0 8px no-repeat;
	width:752px;
	height:459px;
	float:left;
} 

#nav li ul li.ssmenu_feminin a {
	margin:15px 0 0 32px;
	_margin:15px 0 0 22px;
} 

#nav li ul li.ssmenu_teleactu {
	background:url(../img/charte/fd_teleactu.png) 0 9px no-repeat;
	width:605px;
	height:458px;
	float:left;
} 

#nav li ul li.ssmenu_teleactu a{
	margin:15px 0 0 22px;
	_margin:15px 0 0 12px;
} 

#nav li ul li.ssmenu_enfants {
	background:url(../img/charte/fd_enfants.gif) 0 10px no-repeat;
/*	width:604px;*/
	width:782px;
	height:462px;
	float:left;
} 

#nav li ul li.ssmenu_enfants a{
	margin:15px 0 0 32px;
	_margin:15px 0 0 22px;
} 

#nav li#enfants:hover ul, #nav li#enfants.sfhover ul {
	left:-326px;
	top:22px;
	position:absolute;
}

#nav li ul li.ssmenu_people {
	background:url(../img/charte/fd_people.png) 0 8px no-repeat;
	width:411px;
	height:460px;
	float:left;
} 

#nav li ul li.ssmenu_people a{
	margin:15px 0 0 32px;
	_margin:15px 0 0 22px;
} 

#nav li#people:hover ul, #nav li#people.sfhover ul {
	left:-258px;
	top:22px;
	position:absolute;
}

#nav li ul li.ssmenu_loisirs {
	background:url(../img/charte/fd_loisirs.gif) 0 7px no-repeat;
	/*width:770px;*/
	width:600px;
	height:464px;
	float:left;
} 

#nav li ul li.ssmenu_loisirs a {
	margin:15px 0 0 32px;
	_margin:15px 0 0 22px;
} 

#nav li#loisirs:hover ul, #nav li#loisirs.sfhover ul {
	left:-445px;
	top:22px;
	position:absolute;
}