/**
 * @file
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */

li a.active {
  /*color: #000;*/
}

/*
 * Navigation bar
 */

#navigation {
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
}

#navigation .block {
  margin-bottom: 0;
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */
#main-menu {
  background: #eeeeec;
  border-top: 1px solid #d3d7cf;
  border-bottom: 1px solid #d3d7cf;
}

#secondary-menu {
  background: #729fcf;
}

#main-menu ul {
  list-style: none;
  font-weight: bold;
  color: #555753;
}

#main-menu li {
  margin: 0;
  padding: 0;
  display: inline;
  text-align: center;
}

#main-menu li a {
  display: block;
  float: left;
  text-decoration: none;
  padding: 5px 20px 5px 20px;
  border-left: 1px solid #babdb6;
}

#main-menu li.first a {
  margin-left: 10px;
}

#main-menu li.last a {
  border-right: 1px solid #babdb6;
}

#main-menu li a:hover,
#main-menu li a:focus {
  background-color: #d3d7cf;
}

#main-menu li.active a,
#main-menu li.active a:hover,
#main-menu li.active a:focus {
  color: #2e3426;
}

#secondary-menu ul {
  list-style: none;
  text-transform: uppercase;
  font-size: 0.8em;
}

#secondary-menu li {
  display: inline;
  margin: 0;
  padding: 0;
}

#secondary-menu li.first {
  margin-left: 20px;
}

#secondary-menu a {
  text-decoration: none;
  margin: 0;
  padding: 5px 10px; 
  color: #eeeeec;
}

#secondary-menu a:hover,
#secondary-menu a:focus {
  color: #2e3426;
  background: #eeeeec;
}

#secondary-menu a.active,
#secondary-menu a.active:hover,
#secondary-menu a.active:focus {
  color: #2e3426;
  background: white;
}

/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}

#block-menu-menu-suivez-nous li {
    display: inline;
}

#block-menu-menu-suivez-nous a[title="RSS"] {
    padding-left: 20px;
    background: url('../images/icons/rss.png') no-repeat left top;
}

#block-menu-menu-suivez-nous a[title="RSS"]:after,
#block-menu-menu-suivez-nous a[title="RSS News"]:after {
    content: ",";
}

#block-menu-menu-suivez-nous a:not([title~="RSS"]) {
    display: block;
}

#block-menu-menu-suivez-nous a[title="Twitter"] {
    padding-left: 20px;
    background: url('../images/icons/twitter.png') no-repeat left top;
}

#block-system-powered-by span {
    padding-left: 20px;
    background: url('../images/icons/drupal.png') no-repeat left top;
}
