/* Start of CMSMS style sheet '001-Technopieux : sous-menus' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_submenu {
   /* 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_submenu {
   background: url(uploads/Technopieux/background-sm-nouveau.png) repeat-x ;
   width: 100%;
   height:1%;
   margin: 0 ;
   display:table;
   height:56px;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_submenu ul {
   margin: 0;
   padding: 10px 0 0 0;
   width:981px;
   margin: 0 auto;
}


/* menu list items */
div#menu_submenu  li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: 0 ;
   font-family:Arial, Helvetica, sans-serif;
   font-size:9pt;
   font-weight:bold;
   text-transform:uppercase;

}


/* the links, that is each list item */
div#menu_submenu  a {
   padding: 0 1em .6em 1em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #848484;
   display: block; /* IE has problems with this, fixed above */
   background: #d7d7d7;
}


/* hover state for links */
div#menu_horiz li a:hover {
   color: #206012;
}


/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_submenu  li.activeparent a {
   color: #2f2e2e;
   background: #d7d7d7;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_submenu  li a:hover {
   color: #2f2e2e;
}

div#menu_submenu  h3 {
   padding: .6em 1em 1.4em 1em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #2f2e2e;
   background: #d7d7d7;
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
}

/* End of '001-Technopieux : sous-menus' */