/* Start of CMSMS style sheet 'menu_iec' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_iec {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_iec {
   /*  background-color: #ECECEC;  background color for the entire menu row */
   width: 984px;
   margin: 0;
   list-style-type: none;
background: url(uploads/images/menu/bkgd_menu.png) no-repeat 0 0;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_iec ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}


/* menu list items */
div#menu_iec li {

	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}


/* the links, that is each list item */
div#menu_iec a {
   	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 118px;
	height:57px;
	line-height: 40px;
	color: #fff;
	/* text-indent: 40px ; */ /* On décale le texte de 40px du bord gauche */

	text-decoration: none;
	background: url(uploads/images/menu/bouton_2.png) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


/* hover state for links */
div#menu_iec li a:hover {
background: url(uploads/images/menu/bouton_2.png) no-repeat 0 -57px  ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
div#menu_iec a.activeparent:hover {
background: url(uploads/images/menu/bouton_2.png) no-repeat 0 -114px  ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_iec li.activeparent a {
background: url(uploads/images/menu/bouton_2.png) no-repeat 0 -114px  ;
}

div#menu_iec h3 {

	margin: 0;
	padding: 0;
	float: left;
	text-align: center;

   	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 118px;
	height:57px;
	line-height: 40px;
	color: #fff;
	/* text-indent: 40px ; */ /* On décale le texte de 40px du bord gauche */

	text-decoration: none;
background: url(uploads/images/menu/bouton_2.png) no-repeat 0 -114px  ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* sous-menu */

div#sous_menu a.activeparent:hover {
font-weight: bold;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#sous_menu  li a.activeparent {
font-weight: bold;
}

div#sous_menu  ul ul li a.activeparent {
font-weight: bold;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#sous_menu ul h3 {
text-decoration:none;
font-size: 100%;
color:#2C508C;
line-height:25px;
vertical-align: baseline;
font-family: Arial, Helvetica, sans-serif;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#sous_menu ul ul h3 {
text-decoration:none;
font-size: 100%;
color:#2C508C;
line-height:25px;
vertical-align: baseline;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;  
}

/* current page on third level, more padding */
div#sous_menu ul ul ul h3 {
text-decoration:none;
font-size: 100%;
color:#2C508C;
line-height:25px;
vertical-align: baseline;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;  
}
/* End of 'menu_iec' */