/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
 color: #FFF;
	 font-size:13px;
	 font-family: Arial;
	 font-weight:bold;
list-style-type: none;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{

display: inline;
height:43px;
	float:left;
}


.mattblackmenu li a{
text-align:center;	
display:block;
line-height:24px;
text-decoration:none;
color:#FFF;
font-family: Arial;
font-size:13px;
font-weight:bold;
padding-top:7px;
height:36px;
width:153px;
background:url(../images/bgmenu.jpg) no-repeat;
text-transform: uppercase;
}

.mattblackmenu li a.accueil{

text-align:center;	
display:block;
line-height:24px;
text-decoration:none;
color:#FFF;
font-family: Arial;
font-size:13px;
font-weight:bold;
padding-top:7px;
height:36px;
width:103px;
background:url(../images/bgaccueil.jpg) no-repeat;
text-transform: uppercase;
}

.mattblackmenu li a.prod{

text-align:center;	
display:block;
line-height:24px;
text-decoration:none;
color:#FFF;
font-family: Arial;
font-size:13px;
font-weight:bold;
padding-top:7px;
height:36px;
width:152px;
background:url(../images/bgprod1.jpg) no-repeat;
text-transform: uppercase;
}

.mattblackmenu li a:visited{
color: #FFFFFF;
}

.mattblackmenu li a:hover{
color: #84D5EC;
  /*background of tabs for hover state */
}

.mattblackmenu a.selected{
color: #84D5EC; 
/*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu a.rad{
background:url(../images/bgaccueil.jpg) no-repeat; /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu a.radp{
background:url(../images/bgaccueil.jpg) no-repeat; /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu a.ierad{
padding-top:0px;
padding-left:0px;

 /*background of tab with "selected" class assigned to its LI */
}