body { behavior:url("http://www.braquedubourbonnais.info/css/csshover.htc"); }

#navigation a.middle
{
color: #000;
background: #ffa20c url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-left.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
text-align: center
}

#navigation a.middle:hover
{
color: #fff;
background: #ffa20c url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-left-hover.gif) left top no-repeat;
padding-left: 10px;
text-align: center
}

#navigation a span.middle_end
{
background: url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-right.gif) right top no-repeat;
padding-right: 10px
}

#navigation a span.middle_end:hover
{
background: url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-right-hover.gif) right top no-repeat;
padding-right: 10px
}

#navigation a.left
{
color: #000;
background: #ffa20c url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-left.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
text-align: center
}

#navigation a.left:hover
{
color: #fff;
background: #ffa20c url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-left-hover.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
text-align: center
}

#navigation a span.left_end
{
background: url(http://www.braquedubourbonnais.info/Images/Navigation/tab-back-left.gif) right top no-repeat;
padding-right: 10px
}

#navigation a span.left_end:hover
{
background: url(http://www.braquedubourbonnais.info/Images/Navigation/tab-back-left-hover.gif) right top no-repeat;
padding-right: 10px
}

#navigation a.right
{
color: #000;
background: #ffa20c url(http://www.braquedubourbonnais.info/Images/Navigation/tab-back-right.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
text-align: center
}

#navigation a.right:hover
{
color: #fff;
background: #ffa20c url(http://www.braquedubourbonnais.info/Images/Navigation/tab-back-right-hover.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
text-align: center
}

#navigation a span.right_end
{
background: url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-right.gif) right top no-repeat;
padding-right: 10px
}

#navigation a span.right_end:hover
{
background: url(http://www.braquedubourbonnais.info/Images/Navigation/tab-front-right-hover.gif) right top no-repeat;
padding-right: 10px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation ul
{
display:block;
list-style-type: none;
padding: 0;
margin: 0
}

#navigation li.width_any
{
list-style-type: none;
float: left;
margin: 0
}

#navigation li.width_third
{
list-style-type: none;
float: left;
margin: 0;
width: 30%
}