html, body {
background: url(charte/bg.jpg) repeat-x #000000;
margin: 0;
padding: 0;
font-family: Arial, Verdana;
font-size: 12px;
color: #ffffff;
text-align: justify;
}

h1{
color: #be6d0a;
font-size: 17px;
margin-top: 10px;
font-family: Arial, Verdana;
}


h2{
color: #be6d0a;
font-size: 14px;
margin-top: 10px;
font-family: Arial, Verdana;
}

.titre{
color: #be6d0a;
font-size: 17px;
font-weight: bold;
}

.soustitre{
color: #be6d0a;
font-size: 14px;
font-weight: bold;
}


.male{
color: #00ccff;
font-size: 17px;
font-weight: bold;
text-align: center;
}

.femelle{
color: #ff99cc;
font-size: 17px;
font-weight: bold;
text-align: center;
}



p{
margin-left: 20px;
}

a{
color: #be6d0a;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

img{
border: solid 1px #ffffff;
}


#page {
width: 945px;
margin: 0 auto; 
padding: 0;
}

#bandeau {
background: url(charte/bandeau.png) top left no-repeat;
display: block;
width: 945px;
height: 121px;
}

#bandeau #menuh{
list-style-type: none;
float: left;
margin: 0;
padding: 0;
margin-top: 70px;
margin-left: 40px;
margin-right: 40px;
width: 945px;
}

#bandeau #menuh li a{
margin-right: 1px;
margin-left: 1px;
}

#bandeau #menuh li, #bandeau #menuh li a{
display: block;
list-style-type: none;
float: left;
margin: 0;
margin-left: 0px;
height: 50px;
}

#bandeau #menuh #rub0 a{
position: absolute;
left: 0px;
top: 5px;
width: 100%;
height: 65px;
}

#rub1, #rub1 a{
width: 200px;
}
#rub2, #rub2 a{
width: 144px;
}
#rub3, #rub3 a{
width: 139px;
}
#rub4, #rub4 a{
width: 124px;
}
#rub5, #rub5 a{
width: 87px;
}
#rub6, #rub6 a{
width: 66px;
}
#rub7, #rub7 a{
width: 82px;
}

#rub1 a:hover {
background: transparent url(charte/bandeau.png) top left no-repeat;
background-position: -40px -121px;
}

#rub2 a:hover {
background: transparent url(charte/bandeau.png) top left no-repeat;
background-position: -240px -121px;
}

#rub3 a:hover {
background: transparent url(charte/bandeau.png) top left no-repeat;
background-position: -384px -121px;
}

#rub4 a:hover {
background: transparent url(charte/bandeau.png) top left no-repeat;
background-position: -523px -121px;
}

#rub5 a:hover {
background: transparent url(charte/bandeau.png) top left no-repeat;
background-position: -647px -121px;
}

#rub6 a:hover {
background: transparent url(charte/bandeau.png) top left no-repeat;
background-position: -734px -121px;
}

#rub7 a:hover {
background: transparent url(charte/bandeau.png) top left no-repeat;
background-position: -800px -121px;
}

.bas {
width: 945px;
border-top: 1px solid #be6d0a;
text-align: center;
font-family: Arial, Verdana;
font-size: 10px;
color: #ffffff;
margin-left: 10px;
padding: 5px;
margin-top: 10px;
}
.bas a{
color: #be6d0a;
text-decoration: none;
}
.bas a:hover{
text-decoration: underline;
}

.menubas {color:#999;}
.menubas a{ color:#999;}
.menubas a:hover{ color:#999;}