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

h1, .h1{
color: #eb6909;
font-size: 23px;
text-align: right;
font-weight: normal;
font-family: Arial, Verdana;
margin-top: 0;
margin-bottom: 10px;
}
h2{
color: #98A797;
font-size: 20px;
background: transparent url(charte/bg_titre2.gif) bottom left no-repeat;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
float: right;
width: 100%;
margin: 0;
margin-top: 10px;
}

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

img{
border: 0;
}

.image{
float: right;
margin-right: 20px;
margin-left: 20px;
border: solid 1px #a3c533;
}

.separ{
border-bottom: solid 1px #d1e299;
margin-top: 10px;
margin-bottom: 10px;
}

.list{
margin-bottom: 0;
margin-top: 0;
}
.list li{
list-style-position: outside;
list-style-type: none;
background: transparent url(charte/puce.gif) 0 7px no-repeat;
margin-left: -25px;
padding-left: 11px;
}

form {
margin-bottom: 0;
}

input,textarea{
border: 1px solid #d1e299;
font-family: Arial, Verdana;
font-size: 12px;
color: #333333;
}

.orange{
font-size: 13px;
color: #eb6909;
font-weight: bold;
}
.vert{
font-size: 13px;
color: #A3C533;
font-weight: bold;
}


.submit{
border: 1px solid #A3C533;
background-color: #A3C533;
font-family: Arial, Verdana;
font-size: 13px;
color: #ffffff;
font-weight: bold;
padding: 1px;
padding-left: 20px;
padding-right: 20px;
}

#page {
background-color: #ffffff;
background: transparent url(charte/bg.jpg);
width: 804px;
margin: 0;
padding: 0;
margin-left: -402px;
left: 50%;
position: absolute;
}

#bandeau {
background: transparent url(charte/bandeau.jpg) top left no-repeat;
width: 804px;
height: 142px;
margin: 0;
padding: 0;
padding-left: 18px;
margin-right: -18px;
}

#bandeau #logo{
width: 202px;
height: 130px;
list-style-type: none;
float: left;
margin: 0;
padding: 0;
/*margin-left: 18px;*/
margin-top: 6px;
}
#bandeau #logo li, #bandeau #logo li a{
position: relative;
display: block;
width: 202px;
height: 130px;
margin: 0;
padding: 0;
}

#bandeau #menuh{
list-style-type: none;
float: left;
margin: 0;
padding: 0;
margin-top: 84px;
width: 580px;
}

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

#bandeau #menuh #rub1, #bandeau #menuh #rub1 a, #bandeau #menuh #rub_1{
width: 141px;
}

#bandeau #menuh #rub1 a:hover, #bandeau #menuh #rub_1 {
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -220px -144px;
}

#bandeau #menuh #rub2 a:hover, #bandeau #menuh #rub_2 {
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -361px -144px;
}

#bandeau #menuh #rub3 a:hover, #bandeau #menuh #rub_3 {
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -503px -144px;
}

#bandeau #menuh #rub4 a:hover, #bandeau #menuh #rub_4 {
background: transparent url(charte/bandeau.jpg) top left no-repeat;
background-position: -645px -144px;
}

#ariane{
float: left;
margin-left: 10px;
margin-top: 9px;
color: #999999;
}
#ariane a{
text-decoration: none;
color: #999999;
}
#ariane a:hover{
text-decoration: none;
color: #eb6909;
}

#rechercher {
float: right;
margin-top: 8px;
padding-right: 38px;
}

#left_col {
float: left;
width: 202px;
margin: 0;
padding: 0;
padding-left: 18px;
margin-right: 15px;
}
#menu1 {
width: 202px;
}
#menu1 img{
display: block;
}
#menu1 ul{
list-style-type: none;
background-color: #edf3d6;
width: 202px;
margin: 0;
padding: 0;
text-indent: 0;
}
#menu1 li{
list-style-type: none;
background-color: #edf3d6;
border-bottom: solid 1px #ecc998;
width: 202px;
margin: 0;
padding: 0;
text-indent: 28px;
background: transparent url(charte/puce-m1.gif) 13px 6px no-repeat;
}
#menu1 li a{
padding-top: 1px;
padding-bottom: 1px;
color: #005e9e;
display: block;
height: 16px;
text-decoration: none;
}
#menu1 li a:hover{
color: #eb6909;
text-decoration: none;
background: #fdf0e6 url(charte/puce-m1-2.gif) 13px 6px no-repeat;
}

#menu1 li a.sousmenu1{
font-size: 12px;
background: #f6f9ea url(charte/puce-m1.gif) 28px 6px no-repeat;
text-indent: 43px;
padding-top: 1px;
padding-bottom: 1px;
color: #3f85b6;
display: block;
height: 16px;
text-decoration: none;
}
#menu1 li a:hover.sousmenu1{
color: #eb6909;
text-decoration: none;
background: #fdf0e6 url(charte/puce-m1-2.gif) 28px 6px no-repeat;
}

#menu2 {
width: 202px;
margin-top: 40px;
}
#menu2 ul{
list-style-type: none;
background-color: #ffffff;
width: 202px;
margin: 0;
padding: 0;
text-indent: 0;
border-top: solid 1px #ecc998;
}
#menu2 li{
list-style-type: none;
background-color: #ffffff;
border-bottom: solid 1px #ecc998;
width: 202px;
margin: 0;
padding: 0;
text-align: right;
background: transparent url(charte/puce-m2.gif) 185px 6px no-repeat;
}
#menu2 li a{
padding-top: 1px;
padding-bottom: 1px;
color: #eb6909;
display: block;
height: 16px;
text-decoration: none;
padding-right: 28px;
}
#menu2 li a:hover{
color: #005e9e;
text-decoration: none;
background: #e6eaee url(charte/puce-m2-2.gif) 185px 6px no-repeat;
}

#menu3 {
width: 202px;
margin-top: 40px;
}
#menu3 ul{
list-style-type: none;
background-color: #ffffff;
width: 202px;
margin: 0;
padding: 0;
text-indent: 0;
border-top: solid 1px #d1e299;
}
#menu3 li{
list-style-type: none;
background-color: #ffffff;
border-bottom: solid 1px #d1e299;
width: 202px;
margin: 0;
padding: 0;
text-align: center;
}
#menu3 li a{
padding-top: 1px;
padding-bottom: 1px;
color: #a3c533;
display: block;
height: 16px;
text-decoration: none;
}
#menu3 li a:hover{
color: #a3c533;
text-decoration: none;
background: #edf3d6;
}

#contenu {
float: left;
width: 548px;
margin: 0;
padding: 0;
margin-bottom: 10px;
}

#contenu table {
border-collapse: collapse;
margin-left: 20px;
}
#contenu td {
padding: 3px;
padding-left: 5px;
padding-right: 5px;
border: solid 1px #a3c533;
}
#contenu .noborder td {
border: 0;
}

#en_savoir_plus, .en_savoir_plus {
background: #fdf0e6 url(charte/en-savoir-plus.gif) top left no-repeat;
width: 499px;
margin: 0;
padding: 0;
padding: 10px;
padding-top: 20px;
margin-top: 20px;
margin-left: 10px;
}

#en_savoir_plus a, .en_savoir_plus a {
color: #005e9e;
}

#en_savoir_plus .actu{
height: 66px;
overflow: hidden;
}
#en_savoir_plus .actu a{
color: #666666;
}
#en_savoir_plus .actu img{
float: left;
margin-right: 10px;
margin-left: 5px;
margin-top: 2px;
height: 60px;
}

.suite{
display: block;
width: 90px;
cursor: pointer;
position: absolute;
font-size: 12px;
margin: 0;
color: #eb6909;
margin-top: -12px;
left: 670px;
}

#bas {
/*position: relative;*/
float: right;
background-color: #f2f2f2;
background: transparent url(charte/bas.jpg) 0 0 no-repeat;
width: 804px;
/*left: 50%;*/
margin: 0;
padding: 0;
/*margin-left: -402px;*/
padding-top: 20px;
font-size: 11px;
text-align: center;
color: #666666;
}

#bas a{
color: #666666;
}

.apercu{
display: none;
overflow: auto;
font-family: Arial, Verdana;
font-size: 13px;
color: #333333;
width: 540px;
margin-bottom: 20px;
}