/************** Général **************/
.nav, .nav li, ul.catalogue, ul.catalogue li { margin: 0; padding: 0; list-style: none; }

/*
 ************** Navigation premier niveau *************
*/
ul.nav { float:left; width:100%; padding: 0; background:  #292521 url(../images/bg_menu.gif) no-repeat left top; }
ul.nav li { float: left; width: 136px; padding: 5px 0px 0px; margin:0;}
ul.nav li.last { border-right:0; padding-right:0;}
ul.nav li a { float: left; width: 136px; padding: 5px 0px 10px; text-align: center; text-transform: uppercase; color:#fff; font-size:0.85em;  }
ul.nav li a:hover, ul.nav li.select a { background: #292521 url(../images/bg_menu_li_select.gif) no-repeat left top; text-decoration:none; }
ul.nav li.select { background:url(../images/bg_li_select.gif) repeat-x left bottom; }
ul.nav li.select a { color:#fff; }

ul.nav li.index {width: 38px; margin-left: 5px;}
ul.nav li.index a {width: 38px; background:url(../images/picto_home.gif) no-repeat center top; text-indent:-99999px; border-left:0;}
ul.nav li.index.select a, ul.nav li.index a:hover { background:url(../images/picto_home_select.gif) no-repeat center top;}

/*
 ************* Navigation second niveau ****************
 */
ul.catalogue { width: 185px; padding: 5px 15px 80px 10px; margin: 0px; background-repeat: no-repeat; background-position: left bottom;}
ul.catalogue li {}
ul.catalogue li a { display:block; padding: 3px 0px; color:#fff;  }
ul.catalogue li a:hover, ul.catalogue li.select a  { color:red; text-decoration: none;}

.librairie ul.catalogue { background-image: url(../images/colgauche_bg_menu_librairie.jpg);}
.accessoires ul.catalogue { background-image: url(../images/colgauche_bg_menu_accessoires.jpg);}
.decors-maconniques ul.catalogue { background-image: url(../images/colgauche_bg_menu_fm.jpg);}

.librairie ul.catalogue li { border-bottom: 1px solid #685350;}
.accessoires ul.catalogue li { border-bottom: 1px solid #57626b;}
.decors-maconniques ul.catalogue li { border-bottom: 1px solid #404141;}

/*
 ************** Navigation troisiemme niveau *************
 */
#choix_smenu3 h5 {margin: 0; width:208px; padding: 0px 0px 2px 10px; color: #000; font-weight: normal; background: url(../images/bg_titre_menu_n3.gif) no-repeat left top;}
 
#choix_smenu3 {width: 530px; height: 31px; padding: 5px 40px; color: #fff; background-position: left top; background-repeat: no-repeat;}
#choix {width:208px; height: 31px; margin:0 0 0 120px;}
.librairie #choix_smenu3 {background-image: url(../images/bg_smenu_n3_librairie.gif);}
.accessoires #choix_smenu3 {background-image: url(../images/bg_smenu_n3_accessoires.gif);}
.decors-maconniques #choix_smenu3 {background-image: url(../images/bg_smenu_n3_fm.gif);}

#contenu ul#smenu3 {min-width: 208px; position: absolute; visibility: hidden; padding: 0px; margin: 0; background: #3e2926;}
.librairie #contenu ul#smenu3 {}
.accessoires #contenu ul#smenu3 {background: #343c44;}
.decors-maconniques #contenu ul#smenu3 {background: #141f1c;}
#contenu ul#smenu3 li {margin: 0px; padding: 2px 0px;border: 1px solid #ac2514; border-top: none;}
#contenu ul#smenu3 li a {margin: 0px; padding: 0px 10px; color: #fff;}
#contenu ul#smenu3 li a:hover {color: red;}
/*
 ************* menu colonne droite ****************
 */
#connexion li.last { border-bottom: 0 !important;}



/*
 ************** menu pied *************
 */
#pied ul {float: left; margin:0; list-style: none; font-size:0.9em;}
#pied ul li {float: left;   border-right: 1px solid #9e9b97;}
#pied ul li a {}
#pied ul li.last {border-right: 0;}

ul.pied  {width: 960px;  padding: 10px 0px 20px; }
ul.pied li {margin:3px 0; padding: 0 10px;}
ul.pied li a {color: #fff; }
ul.pied li.last {}

#copyright ul {width: 200px; padding: 0px; }
#copyright ul li.mentions-legales {padding: 0 10px 0 0;}
#copyright ul li.plan-site {padding: 0 0 0 10px;}

