#haut {
background: transparent url(charte/bandeau.gif) top left no-repeat;
}

#menuh {
margin: 0;
padding: 0;
}

#menuh ul{
background: transparent url(charte/menu_haut.gif) top left no-repeat;
height:30px;
margin: 0;
padding: 0;
padding-left: 27px;
}
#menuh li{
margin: 0;
padding: 0;
height: 30px;
list-style-type: none;
margin-right: 11px;
float: left;
display: block;
}

#menuh li a{
height: 30px;
margin: 0;
padding: 0;
display: block;
}

#mh1 a{
width: 56px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -27px 0;
}
#mh2 a{
width: 90px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -94px 0;
}
#mh3 a{
width: 83px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -195px 0;
}
#mh4 a{
width: 100px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -289px 0;
}
#mh5 a{
width: 78px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -400px 0;
}
#mh6 a{
width: 58px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -489px 0;
}

#mh1 a:hover{
background-position: -27px -30px;
}
#mh2 a:hover{
background-position: -94px -30px;
}
#mh3 a:hover{
background-position: -195px -30px;
}
#mh4 a:hover{
background-position: -289px -30px;
}
#mh5 a:hover{
background-position: -400px -30px;
}
#mh6 a:hover{
background-position: -489px -30px;
}

#m_h1{
width: 56px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -27px -30px;
}
#m_h2{
width: 90px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -94px -30px;
}
#m_h3{
width: 83px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -195px -30px;
}
#m_h4{
width: 100px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -289px -30px;
}
#m_h5{
width: 78px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -400px -30px;
}
#m_h6{
width: 58px;
background: transparent url(charte/menu_haut.gif) top left no-repeat;
background-position: -489px -30px;
}

#menub {
margin: 0;
padding: 0;
margin-left: -7px;
}

#menub ul{
background: transparent url(charte/menu_bas.gif) 7px 0px no-repeat;
height:30px;
margin: 0;
padding: 0;
}
#menub li{
margin: 0;
padding: 0;
height: 30px;
list-style-type: none;
padding-left: 7px;
float: left;
display: block;
}

#menub li a{
height: 30px;
margin: 0;
padding: 0;
display: block;
}

#mb1 a{
width: 117px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: 0 0;
}
#mb2 a{
width: 138px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -124px 0;
}
#mb3 a{
width: 131px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -269px 0;
}
#mb4 a{
width: 128px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -406px 0;
}
#mb5 a{
width: 149px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -542px 0;
}
#mb6 a{
width: 82px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -698px 0;
}

#mb1 a:hover{
background-position: 0px -30px;
}
#mb2 a:hover{
background-position: -124px -30px;
}
#mb3 a:hover{
background-position: -269px -30px;
}
#mb4 a:hover{
background-position: -406px -30px;
}
#mb5 a:hover{
background-position: -542px -30px;
}
#mb6 a:hover{
background-position: -698px -30px;
}

#m_b1 a{
width: 117px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: 0 -30px;
}
#m_b2 a{
width: 138px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -124px -30px;
}
#m_b3 a{
width: 131px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -269px -30px;
}
#m_b4 a{
width: 128px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -406px -30px;
}
#m_b5 a{
width: 149px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -542px -30px;
}
#m_b6 a{
width: 82px;
background: transparent url(charte/menu_bas.gif) top left no-repeat;
background-position: -698px -30px;
}