html, body {
width: 100%;
height: 100%;
//background-color: #1a171b;
background-color: #ffffff;

margin: 0;
padding: 0;
font-family: Arial, Verdana;
font-size: 12px;
font-weight:bold;
color: #ffffff;
text-align: left;
}

#all {
background: #1a171b url(charte/logo_bg.gif) 750px 40px no-repeat;
}
h1{
color: #e2001a;
font-size: 15px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
}
h2{
color: #ffffff;
font-size: 15px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
}

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


#page {
margin-left: 40px;
width: 660px;
padding: 0;
}

#cale {
position: relative;
width: 660px;
height: 40px;
padding: 0;
}

#logo {
margin: 0;
padding: 0;
background: transparent url(charte/logo.gif) top left no-repeat;
width: 185px;
height: 204px;
}

#bandeau {
float: right;
background: transparent url(charte/titre.gif) top left no-repeat;
width: 450px;
height: 147px;
margin: 0;
padding: 0;
}

#contenu {
width: 450px;
float: right;
margin-top: -180px;
margin-bottom: 30px;
}


/*-------------------------------------------------------------------------------------*/

#menu {
margin: 0;
padding: 0;
margin-top: 7px;
}

#menu ul{
/*background: transparent url(charte/menu.gif) 0 0 no-repeat;*/
/*height: 194px;*/
margin: 0;
padding: 0;
}
#menu li{
margin: 0;
padding: 0;
margin-bottom: 2px;
height: 21px;
width: 183px;
list-style-type: none;
display: block;
}

#menu li a{
height: 21px;
margin: 0;
padding: 0;
display: block;
margin-bottom: 2px;
}

#menu #m5{
padding-top: 15px;
}

#m1 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 0;
}
#m2 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -23px;
}
#m3 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -46px;
}
#m4 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -69px;
}
#m5 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -92px;
}
#m6 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -115px;
}
#m7 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -138px;
}
#m8 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -161px;
}

#m1 a:hover{
background-position: 0 -184px;
}
#m2 a:hover{
background-position: 0px -207px;
}
#m3 a:hover{
background-position: 0 -230px;
}
#m4 a:hover{
background-position: 0 -253px;
}
#m5 a:hover{
background-position: 0 -276px;
}
#m6 a:hover{
background-position: 0 -299px;
}
#m7 a:hover{
background-position: 0 -322px;
}
#m8 a:hover{
background-position: 0 -345px;
}

/*-------------------------------------------------------------------------------------*/

.inputext{
background-color: #333333;
color: #ffffff;
width: 150px;
}

#ap{
font-size: 11px;
text-align: right;
}

#ap a{
color: #fff;;
}