/*
    MENU HORIZONTAL
*/


#p_panier_Menu { width: 889px; margin:0 0 0 3px; position: relative; height: 35px; /*width:100%;*/}
#p_panier_Menu ul { list-style-type: none; margin:0px; padding:0px;}
#p_panier_Menu ul li { display: inline; text-align: center; }
#p_panier_Menu ul li { float: left; display: block;  height: 27px;  margin:0px; padding:8px 0 0 0; font-size: 14px;}
#p_panier_Menu ul li a, #p_panier_Menu ul li span { text-decoration: none; font-size: 14px; color: #586677;display: block; /*width: 242px;*/ height: 27px; padding:0;  }
#p_panier_Menu ul li a:hover { color: #fff; }
.premier { background: url(images/premier.png) no-repeat right top; z-index: 5;width: 193px; position:absolute; left:0px;}
.middle  { background: url(images/middle.png) no-repeat right top; z-index: 4;  margin:0px;width: 187px; position:absolute; left:184px;}
.trois  { background: url(images/middle.png) no-repeat right top; z-index: 3;  margin:0px;width: 185px; position:absolute; left:361px;}
.quatre { background: url(images/middle.png) no-repeat right top; z-index: 2;  margin:0px;width: 185px; position:absolute; left:536px;}
.dernier { background: url(images/dernier.png) no-repeat right top; z-index: 0; margin: 0 0 0 -12px;width: 182px;position:absolute; right:0px;}
.pr_actif { background: url(images/premier_o.png) no-repeat top right; color: #fff; padding: 8px 0 0 0; font-size: 14px;}
.mi_actif { background: url(images/middle_o.png) no-repeat right top; color: #fff; padding: 8px 0 0 0; font-size: 14px;}
.dr_actif { background: url(images/dernier_o.png) no-repeat right top; color: #fff; padding: 8px 0 0 0; font-size: 14px;}
.pr_hover:hover { background: url(images/premier_o.png) no-repeat right top;height: 27px;  }
.mi_hover:hover { background: url(images/middle_o.png) no-repeat right top; height: 27px; }
.dr_hover:hover { background: url(images/dernier_o.png) no-repeat right top; height: 27px;  }