/* CSS Document */
/*NAVIGATION*/
#navcontainer {
margin-top:20px;
}
#navlist {
position: relative;
width: 100%;
height: 24px;
margin: 0;
padding: 0;
border-bottom: 1px solid #000000;
}
#navlist li {
height:23px;
float: left;
margin: 0 0 0 5px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #000000;
list-style-type: none;
}
#navlist li a {
height:21px;
position: relative;
width: 105px;
display: block;
margin: 0;
padding: 1px;
}

/*par page*/
#navlist li a#accueil {
background: #FFFFFF url(ImagesNav/accueil1.jpg) no-repeat;
background-position:center;
}
#navlist li a#accueil:hover {
background: #000000 url(ImagesNav/accueil2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li#active a#accueil {
background: #000000 url(ImagesNav/accueil2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li a#peinture {
background: #FFFFFF url(ImagesNav/peinture1.jpg) no-repeat;
background-position:center;
}
#navlist li a#peinture:hover {
background: #000000 url(ImagesNav/peinture2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li#active a#peinture {
background: #000000 url(ImagesNav/peinture2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li a#expo {
background: #FFFFFF url(ImagesNav/expo1.jpg) no-repeat;
background-position:center;
}
#navlist li a#expo:hover {
background: #000000 url(ImagesNav/expo2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li#active a#expo {
background: #000000 url(ImagesNav/expo2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li a#contact {
background: #FFFFFF url(ImagesNav/contact1.jpg) no-repeat;
background-position:center;
}
#navlist li a#contact:hover {
background: #000000 url(ImagesNav/contact2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li#active a#contact {
background: #000000 url(ImagesNav/contact2.jpg) no-repeat;
background-position:center;
height:21px;
}

#navlist li a#news {
background: #FFFFFF url(ImagesNav/news1.jpg) no-repeat;
background-position:center;
}
#navlist li a#news:hover {
background: #000000 url(ImagesNav/news2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li#active a#news {
background: #000000 url(ImagesNav/news2.jpg) no-repeat;
background-position:center;
height:21px;
}

#navlist li a#graphisme {
background: #FFFFFF url(ImagesNav/graphisme1.jpg) no-repeat;
background-position:center;
}
#navlist li a#graphisme:hover {
background: #000000 url(ImagesNav/graphisme2.jpg) no-repeat;
background-position:center;
height:21px;
}
#navlist li#active a#graphisme {
background: #000000 url(ImagesNav/graphisme2.jpg) no-repeat;
background-position:center;
height:21px;
}
/*fin page*/
#navlist ul#subnavlist {

position: absolute;
width: 100%;
left:1px;
margin: 0;
padding: 5px 0 0 5px;
white-space: nowrap;
}
#navlist ul#subnavlist li {
width: 6ex;
margin: 0;
border: 0;
}
#navlist ul#subnavlist li a {
width: auto;
padding: 0 2px 0 2px;
border: 0;
background-color: #fff;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
text-decoration: none;
}
#navlist ul#subnavlist li a:hover {
color: #000;
text-decoration: none;
font-weight: bold;
/* IE5/Mac disappearing item fix */
}
#navlist ul#subnavlist li a#subactive {
color: #000000;
}
* html > body #navlist, * html > body #navlist ul#subnavlist {
width: 600px;
/* IE5/Mac fixed width fix */
}