@charset "iso-8859-1";
/* Feuille de styles pour la métabarre en 1024  - longueur totale = largeur menu haut x nb menu + logo + 1 */

#metabarre {
  width: 1128px;
  height: 63px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  padding:0;
  margin:0;
  border-bottom: 2px groove #E3E3E3;
  border-right: 1px solid #B3B3B3;
  border-top:0;
  border-left:0;
  background: #FFFFFF;
}

/* Logo gauche */

#accueilmetabarre {
  background: url(http://www.ruault-sarl.com/photos/logos/groupe_ruault.jpg) no-repeat 0 0;
  width: 100px;
  max-width:50px;
  height:44px;
  max-height:35px;
  padding:45px 0 0 0px;
  color: #4C4A49;
  text-decoration:none;
  float:left;
  border-right:1px solid #B3B3B3;
}


/* Menus */

#menus {
  font-weight: bold;
  float:left;
}

/* menu du haut */

#metabarre #menus h2  {
  float:left;
  border-left: 1px solid #F6F6F6;
  border-right: 1px solid #B3B3B3;
  text-align: center;
  width: 127px;
  font-size:12px;
  max-width:75px;
  margin:0;
  cursor:pointer;
}

#onglet_smenu1 { border-left: none !important;}
#onglet_smenu12 { border-right: none !important;}



#metabarre h2.on { background: url(http://www.ruault-sarl.com/photos/menu/cursor_line_on.gi) no-repeat 0 bottom;
}

#metabarre h2.off { background: url(http://www.ruault-sarl.com/photos/menu/cursor_line.gi) repeat-x 0 bottom #00008B;}

#menus h2 a {
  line-height:19px;
  text-decoration: none;
}
#metabarre h2.off a {color:#FFFF00;}

#metabarre h2.on a {color:#E3002A;}

/* Items */
#metabarre li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#metabarre #menus ul {
  background-image:url(http://www.ruault-sarl.com/photos/menu/cursor.gi);
  background-repeat:no-repeat;
  height: 19px;
  clear:left;
  list-style: none;
  margin-top:0;
  margin-bottom:0;
}

#smenu1 {margin-left:0;background-position:35px top;}
#smenu2 {margin-left:100px;background-position:35px top;}
#smenu3 {margin-left:230px;background-position:35px top;}
#smenu4 {margin-left:350px;background-position:35px top;}
#smenu5 {margin-left:480px;background-position:35px top;}
#smenu6 {margin-left:550px;background-position:35px top;}
#smenu7 {margin-left:60px;background-position:35px top;}
#smenu8 {margin-left:520px;background-position:472px top;}
#smenu9 {margin-left:10px;background-position:650px top;}
#smenu10 {margin-left:425px;background-position:313px top;}
#smenu11 {margin-left:395px;background-position:421px top;}
#smenu12 {margin-left:820px;background-position:75px top;}


#menus > #smenu1 {margin-left:-35px;background-position:70px top;}
#menus > #smenu2 {margin-left:34px;background-position:78px top;}
#menus > #smenu3 {margin-left:111px;background-position:78px top;}
#menus > #smenu4 {margin-left:187px;background-position:78px top;}
#menus > #smenu5 {margin-left:265px;background-position:78px top;}
#menus > #smenu6 {margin-left:342px;background-position:78px top;}
#menus > #smenu7 {margin-left:419px;background-position:78px top;}
#menus > #smenu8 {margin-left:70px;background-position:504px top;}
#menus > #smenu9 {margin-left:-35px;background-position:686px top;}
#menus > #smenu10 {margin-left:385px;background-position:344px top;}
#menus > #smenu11 {margin-left:355px;background-position:450px top;}
#menus > #smenu12 {margin-left:775px;background-position:107px top;}

#metabarre #menus li {
  line-height:19px;
  display: inline;
  color: #DF0029;
}

#metabarre #menus li a {
  padding: 0 4px;
  font-weight: normal;
  color: #00008B;
  text-decoration: none;
}

#metabarre #menus li a:hover {text-decoration: underline;}