/*... STYLE POUR LE MENU...*/

.menu.sf-menu{
	width: 898px;
	height: 40px;
}

/* Les items principaux */
.menu.sf-menu > li{
	background: transparent url(../images/vert.jpg) repeat-x scroll 0 0;
	margin: 0 4px 0 0;
	height: 40px;
}
.menu.sf-menu > li > a{
	background: transparent url(../images/vert.jpg) repeat-x scroll 0 0;
}

/* Les items principaux survolés */
.menu.sf-menu > li:hover > a{
	background : url(../images/vert.jpg) repeat-x;
}
/* L'item principal actif */
.menu.sf-menu > li#current, .menu.sf-menu > li#current > a, .menu.sf-menu > li.active, .menu.sf-menu > li.active > a{
	background: transparent url(../images/vert.jpg) repeat-x scroll 0 0;
	/*margin: 0 4px 0 0;*/
}

/* sous items */
.sf-menu li:hover ul, .sf-menu li.sfHover ul{
	left: 0;
	top: 3.3em;	/* Début du sous menu déroulant */
	z-index: 99;
}

menu.sf-menu ul{
	position: absolute;
	width: 100%;
	top: 15px;
}
.menu.sf-menu li li {
	background: transparent url(../images/vert.jpg) repeat scroll 100% 0;
	width: inherit;	
}
.menu.sf-menu li li a{
	text-align: left;
	width: 100%;
	padding : 5px 0px;
}
.menu.sf-menu li ul li a span{
	font-size : 8px;
	padding : 2px 5px 2px 5px;	
	display: block;
	text-align: left;
}
/* sous item survolé */
.menu.sf-menu li li:hover a {
	background: transparent url(../images/actuClic02.png) repeat scroll 100% 0;
	width: 100%;
}

/* Les liens du menu */
.menu.sf-menu a, .menu.sf-menu a span{
	font-size : 12px;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : bold;
	margin : 0;
	padding : 13px 0;
	text-align: center;
}

/* dimensions spécifiques à chaque item principal*/
/* Accueil */
.menu.sf-menu .item8{
	width : 124px;
}
/* Pfce & ses membres */
.menu.sf-menu .item4, .menu.sf-menu .item4 *{
	width : 221px;
}
/* Commerce equitable */
.menu.sf-menu .item5, .menu.sf-menu .item5 *{
	width : 230px;
}
/* s'engager */
.menu.sf-menu .item6, .menu.sf-menu .item6 *{
	width : 147px;
}
/* ressources */
.menu.sf-menu .item7, .menu.sf-menu .item7 *{
	width : 160px;
	margin : 0;
}



/*..................
	SOUS MENU COTE GAUCHE
..................*/
#menu_sousMenuPFCE, 
#menu_menuAccueil,
#menu_sousMenuCommerceEquitable,
#menu_sousMenuEngager,
#menu_sousMenuRessources
 {
	padding: 0;
	margin: 0;
}

#menu_sousMenuPFCE li,
#menu_menuAccueil li,
#menu_sousMenuCommerceEquitable li,
#menu_sousMenuEngager li,
#menu_sousMenuRessources li{
	background: transparent url(../images/vert.jpg) repeat scroll 0 0;
	float: left;
	height: 40px;
	margin: 0 0 4px;
	width: 250px;
	list-style-type: none;
}

#menu_sousMenuPFCE li a,
#menu_menuAccueil li a,
#menu_sousMenuCommerceEquitable li a,
#menu_sousMenuEngager li a,
#menu_sousMenuRessources li a{
	background: transparent url(../images/fleche.png) no-repeat scroll 229px 12px;
	float: left;
	font-size: 10px;
	padding: 14px 10px 12px;
	width: 220px;	
}

#menu_sousMenuPFCE li:hover,
#menu_menuAccueil li:hover,
#menu_sousMenuCommerceEquitable li:hover,
#menu_sousMenuEngager li:hover,
#menu_sousMenuRessources li:hover{
	background: transparent url(../images/vert.jpg) repeat scroll 0 0;	
}

#menu_sousMenuPFCE li#current a,
#menu_sousMenuCommerceEquitable li#current a,
#menu_sousMenuEngager li#current a,
#menu_menuAccueil li#current a,
#menu_sousMenuRessources li#current a{
	background: transparent url(../images/vert.jpg) repeat scroll 0 0;	
	width: 230px;
	height: 14px;
	/*margin: 0;*/		
}



/*..................
	Bannieres du bloc Programme
..................*/
#blocProgrammes .programmes .banneritem{
	float: left;
	height: 158px;
	width: 158px;
}