html, body {
width: 100%;
height: 100%;
background-color: #ffffff;
margin: 0;
padding: 0;
font-family: Arial, Verdana;
font-size: 12px;
color: #333333;
text-align: justify;
}

h1{
color: #ca0d0c;
font-size: 18px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
}
h2{
color: #c98a0c;
font-size: 15px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
margin: 0;
margin-top: 10px;
}

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

ul{
color: #ca0d0c;
}
ul span{
color: #333333;
}

img{
border: 0;
}
form {
margin-bottom: 0;
}
input,textarea{
border: 1px solid #c98a0c;
font-family: Arial, Verdana;
font-size: 12px;
color: #333333;
}

#page {
margin-top: 10px;
background-color: #ffffff;
width: 1000px;
padding: 0;
}

#logo {
margin-top: 7px;
}

#bandeau {
float: right;
background: transparent url(charte/bandeau.jpg) 0 -30px no-repeat;
width: 721px;
height: 100px;
margin: 0;
padding: 0;
}

#contenu {
margin: 10px;
}

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

#menu_h {
margin: 0;
padding: 0;
margin-left: 273px;
}

#menu_h ul{
background: transparent url(charte/bandeau.jpg) -273px -30px no-repeat;
height:30px;
margin: 0;
padding: 0;

}
#menu_h li{
margin: 0;
padding: 0;
height: 30px;
list-style-type: none;
padding-left: 14px;
float: left;
display: block;
}

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

#mh1 a{
width: 70px;
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -287px -30px;
}
#mh2 a{
width: 86px;
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -371px -30px;
}
#mh3 a{
width: 25px;
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -471px -30px;
}
#mh4 a{
width: 41px;
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -510px -30px;
}
#mh5 a{
width: 75px;
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -565px -30px;
}
#mh6 a{
width: 54px;
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -654px -30px;
}

#mh1 a:hover{
background-position: -287px -0;
}
#mh2 a:hover{
background-position: -371px -0;
}
#mh3 a:hover{
background-position: -471px -0;
}
#mh4 a:hover{
background-position: -510px -0;
}
#mh5 a:hover{
background-position: -565px -0;
}
#mh6 a:hover{
background-position: -654px -0;
}

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

#menu {
margin: 0;
padding: 0;
margin-top: 2px;
margin-left: 278px;
}

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

#menu li a{
height: 16px;
margin: 0;
padding: 0;
display: block;
}

#m1 a{
width: 48px;
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 0;
}
#m2 a{
width: 169px;
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: -62px 0;
}
#m3 a{
width: 146px;
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: -245px 0;
}
#m4 a{
width: 48px;
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: -405px 0;
}
#m5 a{
width: 153px;
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: -467px 0;
}
#m6 a{
width: 56px;
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: -634px 0;
}

#m1 a:hover{
background-position: 0 -16px;
}
#m2 a:hover{
background-position: -62px -16px;
}
#m3 a:hover{
background-position: -245px -16px;
}
#m4 a:hover{
background-position: -405px -16px;
}
#m5 a:hover{
background-position: -467px -16px;
}
#m6 a:hover{
background-position: -634px -16px;
}

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

#menu_b {
clear:both;
margin: 0;
padding: 0;
margin-top: -25px;
margin-left: 7px;
padding-top: 15px;
}

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

#menu_b li a{
height: 19px;
margin: 0;
padding: 0;
display: block;
}

#mb1 a{
width: 59px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: 0 0;
}
#mb2 a{
width: 119px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -71px 0;
}
#mb3 a{
width: 120px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -202px 0;
}
#mb4 a{
width: 41px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -334px 0;
}
#mb5 a{
width: 125px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -387px 0;
}
#mb6 a{
width: 44px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -524px 0;
}
#mb7 a{
width: 59px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -580px 0;
}
#mb8 a{
width: 71px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -651px 0;
}
#mb9 a{
width: 24px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -734px 0;
}
#mb10 a{
width: 33px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -770px 0;
}
#mb11 a{
width: 64px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -815px 0;
}
#mb12 a{
width: 64px;
background: transparent url(charte/menu_b.gif) top left no-repeat;
background-position: -891px 0;
}

#mb1 a:hover{
background-position: 0 -19px;
}
#mb2 a:hover{
background-position: -71px -19px;
}
#mb3 a:hover{
background-position: -202px -19px;
}
#mb4 a:hover{
background-position: -335px -19px;
}
#mb5 a:hover{
background-position: -387px -19px;
}
#mb6 a:hover{
background-position: -524px -19px;
}
#mb7 a:hover{
background-position: -580px -19px;
}
#mb8 a:hover{
background-position: -651px -19px;
}
#mb9 a:hover{
background-position: -734px -19px;
}
#mb10 a:hover{
background-position: -770px -19px;
}
#mb11 a:hover{
background-position: -815px -19px;
}
#mb12 a:hover{
background-position: -891px -19px;
}

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

#lex{
width: 550px;
padding: 5px;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
margin-left: 200px;
margin-bottom: 20px;
}
#lex a{
text-decoration: none;
font-weight:bold;
font-size: 14px;
color: #c98a0c;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
}
#lex a:hover{
text-decoration: none;
color: #ffffff;
background-color: #c98a0c;
}


.bloc480{
padding: 0;
background: transparent url(charte/bg_480.gif);
width: 480px;

float: left;
font-size: 11px;
margin-top: 15px;
}
.bloc480 p{
padding: 0;
margin: 20px;
margin-top: -5px;
margin-bottom: 0;
}
.bloc480 ul{
margin-right: 10px;
margin-top: 0;
margin-bottom: 0px;
padding-top: 0;
padding-bottom: 0;
}
.bloc480 img{
display: block;
}


.bloc900{
margin-top: 5px;
font-weight:normal;
background: transparent url(charte/bg_900.gif) repeat;
width: 870px;
color: #666666;
padding-left: 15px;
padding-right: 15px;
margin-left: 35px;
}
.bloc900 img{
display: block;
margin-bottom: -5px;
margin-top: 0;
margin-left: -15px;
margin-right: -15px;
}


.bloc_title{
color: #ca0d0c;
font-size: 14px;
font-weight:bold;
}
.bloc_i{
font-style: italic;
color: #c98a0c;
}

.faq_bloc{
display: none;
margin-top: 5px;
font-weight:normal;
background: transparent url(charte/bg_900.gif) repeat;
width: 870px;
color: #666666;
padding-left: 15px;
padding-right: 15px;
margin-left: 43px;
}
.faq_bloc img{
display: block;
margin-bottom: -5px;
margin-top: 0;
margin-left: -15px;
margin-right: -15px;
}

#faq_list a{
color: #333333;
text-decoration: none;
}
#faq_list a:hover{
color: #ca0d0c;
text-decoration: underline;
}


.red{
color: #ca0d0c;
}


.decimal{
list-style-type: decimal;
color: #aea8a5;
font-weight: bold;
}
.decimal li{
margin-top: 10px;
}
.decimal span{
color: #333333;
font-weight: normal;
}

.roman{
list-style-type: upper-roman;
color: #ca0d0c;
font-weight: bold;
}
.roman li{
margin-top: 10px;
}
.roman span{
color: #333333;
font-weight: normal;
}


.bas {
width: 100%;
text-align: center;
font-family: Arial, Verdana;
font-size: 10px;
color: #666666;
margin-top: 10px;
}
.bas a{
color: #666666;
text-decoration: none;
}
.bas a:hover{
text-decoration: underline;
}