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

h1{
color: #98A797;
font-size: 20px;
background: transparent url(charte/bg_titre.gif) bottom left no-repeat;
text-align: right;
font-weight:bold;
font-family: Arial, Verdana;
}
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: #566E53;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

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

#page {
position: absolute;
background-color: #ffffff;
width: 770px;
left: 50%;
margin: 0;
padding: 0;
margin-left: -390px;
}

#left_col {
float: left;
width: 160px;
margin: 0;
margin-right: 2px;
padding: 0;
}

#contenu {
float: left;
width: 470px;
margin: 0;
padding: 0;
}

#right_col {
float: right;
width: 130px;
margin: 0;
padding: 0;
}

#vsl_fr {
text-align: right;
margin-top: 5px;
margin-bottom: 10px;
}

#bandeau {
display: block;
width: 770px;
height: 176px;
}

#marquee {
overflow: hidden;
width: 770px;
height: 20px;
background-color: #E5E9E4;
margin: 0px;
padding: 0px;
}

#ariane {
margin-bottom: 10px;
}

#rech_sub {
border: 0;
background: #ffffff;
cursor: pointer;
font-family: Arial, Verdana;
font-size: 13px;
color: #666666;
font-weight:bold;
margin-bottom: -2px;
}



#rub_menu_tete {
background: transparent url(charte/rub_menu_bg.gif) top left no-repeat;
width: 142px;
height: 30px;
margin-left: 3px;
margin-bottom: -1px;
font-weight:bold;
color: #ffffff;
font-size: 15px;
text-align: right;
padding-right: 5px;
padding-top: 5px;
}
#rub_menu_tete:first-letter{
color: #CCD3CB;
font-weight:bold;
font-size: 20px;
}
#rub_menu {
border: 1px solid #AA3A53;
border-top: 0;
background-color: #F4E5E8;
width: 135px;
margin-left: 3px;
padding: 5px;
font-size: 11px;
text-align: left;
}
#rub_menu a{
color: #333333;
display: block;
margin-bottom: 3px;
}
#rub_menu a:hover{
background-color: #C87F8F;
color: #ffffff;
text-decoration: none;
}

#vav {
border: 1px solid #AA3A53;
border-top: 0;
width: 148px;
font-size: 10px;
color: #566E53;
font-weight: bold;
padding-bottom: 10px;
}

#vav a{
color: #566E53;
text-decoration: none;
}
#vav a:hover span{
color: #566E53;
text-decoration: underline;
}

#radio4{
background: transparent url(charte/radio4_bg.gif) bottom left no-repeat;
width: 120px;
height: 132px;
padding: 0;
margin-top: 10px;
margin-bottom: 15px;
margin-left: 5px;
text-align: center;
font-size: 11px;
}
#flashr4{
padding-top: 75px;
padding-bottom: 3px;
}

#annuaire{
width: 150px;
overflow: hidden;
background: transparent url(charte/annuaire-web.gif) top left no-repeat;
margin-top: 10px;
padding-top: 10px;
font-size: 11px;
}
#annuaire a{
color: #566E53;
text-decoration: none;
}
#annuaire a:hover{
color: #910020;
text-decoration: underline;
}
#annuaire ul{
margin-top: 20px;
}
#annuaire li{
list-style-position: outside;
list-style-type: none;
background: transparent url(charte/puce.gif) top left no-repeat;
margin-left: -30px;
padding-left: 13px;
}

#meteo{
/*padding-top: 35px;*/
/*margin-bottom: -15px;*/
margin-bottom: 10px;
margin-left: 5px;
width: 120px;
height: 155px;
background: transparent url(charte/meteo.gif) top left no-repeat;
}

#enimages{
padding: 0;
margin-top: 20px;
margin-bottom: 15px;
padding-top: 35px;
margin-left: 5px;
width: 120px;
height: 90px;
background: transparent url(charte/en-images.gif) top left no-repeat;
}

#accueil_block1{
cursor: pointer;
float: right;
padding: 0;
margin: 0;
height: 96px;
overflow: hidden;
color: #333333;
}
a #accueil_block1{
color: #333333;
}
a:hover #accueil_block1{
text-decoration: underline;
color: #566E53;
}

#accueil_block2{
margin-top: -5px;
float: left;
color: #333333;
width: 100%;
}
#accueil_block2 a{
color: #333333;
}
#accueil_block2 a:hover{
color: #566E53;
}
#accueil_block2 li{
margin-top: 8px;
}
#accueil_block3{
font-size: 10px;
text-align: center;
float: left;
width: 160px;
margin-bottom: -20px;
padding-left: 10px;
}
#accueil_block3 a{
color: #333333;
}
#accueil_block3 a:hover{
color: #566E53;
}

#actu_block{
overflow: hidden;
font-size: 10px;
text-align: left;
float: left;
width: 220px;
height: 66px;
margin: 0;
border-bottom: solid 1px #D399A5;
padding: 5px;
padding-left: 0;
}
#actu_block a{
color: #333333;
}
#actu_block a:hover{
color: #566E53;
}
#actu_block .titre{
font-size: 12px;
}
#actu_block .soustitre{
font-size: 11px;
}


/* ######################################################## */
#menu_h {
background: transparent url(charte/menu-h.gif) top left no-repeat;
position: relative;
display: block;
z-index: 15;
margin:0;
padding:0;
width: 660px;
height: 20px;
}

#menu_h dt a{
margin-right: 6px;
float: left;
display: inline;
height: 20px;
}
#menu_h dt a:hover{
float: left;
display: inline;
height: 20px;
}
#menu_h dd{
position: absolute;
display: none;
margin:0;
padding:0;
top: 0;
left: 0px;
text-align: left;
}

#menu_h ul {
display: block;
border: 1px solid #910020;
border-top: 0;
margin:0;
margin-top: 20px;
padding:0;
position: absolute;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;

}

#menu_h li, #menu_h li a {
display: block;
background: #ffffff;
font-family: Arial, Verdana;
font-size: 12px;
color: #910020;
list-style-type: none;
text-indent: 10px;
margin: 0;
padding: 0;
text-decoration: none;
}

#menu_h li a:hover {
background: #C87F8F;
color: #ffffff;
}

#menu_h1 a {
width: 104px;
background: transparent url(charte/menu-h.gif) top left no-repeat;
}
#menu_h1 a:hover {
background-position: 0 -22px;
}
#s_menu25 ul {
width: 151px;
}

#menu_h2 a {
width: 145px;
background: transparent url(charte/menu-h.gif) top left no-repeat;
background-position: -108px 0px;
}
#menu_h2 a:hover {
background-position: -108px -22px;
}
#s_menu26 ul{
width: 151px;
margin-left: 105px;
}

#menu_h3 a {
width: 107px;
background: transparent url(charte/menu-h.gif) top left no-repeat;
background-position: -260px 0px;
}
#menu_h3 a:hover {
background-position: -260px -22px;
}
#s_menu27 ul{
width: 125px;
margin-left: 256px;
}
#menu_h4 a {
width: 172px;
background: transparent url(charte/menu-h.gif) top left no-repeat;
background-position: -374px 0px;
}
#menu_h4 a:hover {
background-position: -374px -22px;
}
#s_menu28 ul{
width: 220px;
margin-left: 370px;
}
#menu_h5 a {
width: 85px;
background: transparent url(charte/menu-h.gif) top left no-repeat;
background-position: -552px 0px;
}
#menu_h5 a:hover {
background-position: -552px -22px;
}

#menu_g {
/*margin-top: 10px;
padding-top: 38px;*/
border-right: 1px solid #BBC5BA;
background: transparent url(charte/tete-menu-g.gif) top left no-repeat;
}

#menu_g dt#menu_g0{
height: 38px;
}
#menu_g dt#menu_g0 a{
background: transparent url(charte/tete-menu-g.gif) top left no-repeat;
}

#menu_g dt a{
width: 150px;
background: transparent url(charte/menu-g.gif) top left no-repeat;
}
dl#menu_g {
width: 150px;
}
dl#menu_g dt{
cursor: pointer;
margin: 0;
height: 23px;
}
dl#menu_g dd {
margin: 0;
padding: 0;
}
dl#menu_g ul {
margin: 0;
padding: 0;
margin-left: 4px;
border-left: 1px solid #BBC5BA;
border-bottom: 1px solid #BBC5BA;
}
dl#menu_g li {
background: #F4E5E8;
font-family: Arial, Verdana;
font-size: 11px;
color: #910020;
list-style-type: none;
text-indent: 10px;
}
dl#menu_g li a, dl#menu_g dt a {
color: #333333;
text-decoration: none;
display: block;
border: 0;
height: 100%;
}
dl#menu_g li a:hover {
background: #C87F8F;
color: #ffffff;
}
#menu_g #menu_g1 a {
background-position: 0 0;
}
#menu_g #menu_g2 a {
background-position: 0 -23px;
}
#menu_g #menu_g3 a {
background-position: 0 -46px;
}
#menu_g #menu_g4 a {
background-position: 0 -69px;
}
#menu_g #menu_g5 a {
background-position: 0 -92px;
}
#menu_g #menu_g6 a {
background-position: 0 -115px;
}
#menu_g #menu_g1 a:hover {
background-position: -170px 0;
}
#menu_g #menu_g2 a:hover {
background-position: -170px -23px;
}
#menu_g #menu_g3 a:hover {
background-position: -170px -46px;
}
#menu_g #menu_g4 a:hover {
background-position: -170px -69px;
}
#menu_g #menu_g5 a:hover {
background-position: -170px -92px;
}
#menu_g #menu_g6 a:hover {
background-position: -170px -115px;
}

#menu_d {
margin-left: 5px;
margin-top: 10px;

margin-bottom: 20px;

padding-top: 31px;
background: transparent url(charte/tete-menu-d.gif) top left no-repeat;
}
#menu_d dt a {
width: 120px;
background: transparent url(charte/menu-d.gif) top left no-repeat;
}
dl#menu_d {
width: 120px;
}
dl#menu_d dt{
cursor: pointer;
margin: 0;
height: 16px;
}
dl#menu_d dd {
margin: 0;
padding: 0;
}
dl#menu_d ul {
margin: 0;
padding: 0;
border-top: 1px solid #BBC5BA;
border-left: 1px solid #E0B7C0;
border-right: 1px solid #E0B7C0;
}
dl#menu_d li {
background: #EEF0ED;
font-family: Arial, Verdana;
font-size: 11px;
color: #566E53;
list-style-type: none;
text-indent: 10px;
}
dl#menu_d li a, dl#menu_d dt a {
color: #333333;
text-decoration: none;
display: block;
border: 0;
height: 100%;
}
dl#menu_d li a:hover {
background: #788B75;
color: #ffffff;
}
#menu_d #menu_d1 a {
background-position: 0 0;
}
#menu_d #menu_d2 a {
background-position: 0 -16px;
}
#menu_d #menu_d3 a {
background-position: 0 -32px;
}
#menu_d #menu_d4 a {
background-position: 0 -48px;
}
#menu_d #menu_d5 a {
background-position: 0 -64px;
}
#menu_d #menu_d6 a {
height: 22px;
background-position: 0 -80px;
}
#menu_d #menu_d1 a:hover {
background-position: -130px 0;
}
#menu_d #menu_d2 a:hover {
background-position: -130px -16px;
}
#menu_d #menu_d3 a:hover {
background-position: -130px -32px;
}
#menu_d #menu_d4 a:hover {
background-position: -130px -48px;
}
#menu_d #menu_d5 a:hover {
background-position: -130px -64px;
}
#menu_d #menu_d6 a:hover {
background-position: -130px -80px;
}

/* ######################################################## */

#panneau_elec {
background: transparent url(charte/panneau-electronique.jpg) top left no-repeat;
width: 250px;
height: 355px;
float:right;
margin-left: 10px;
padding-top: 85px;
margin-bottom: -80px;
}
#panneau_elec div{
margin: 0;
padding: 0;
color: #E5F2D2;
width: 125px;
height: 10px;
margin-left: 47px;
margin-bottom: 3px;
text-align: center;
font-weight:bold;
font-size: 9px;
overflow: hidden;
white-space:nowrap
}


/* ######################################################## */

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

.header_right {
display: inline;
float: right;
margin-top: 3px;
margin-right: 5px;
}

.titre{
font-size: 14px;
color: #910020;
font-weight: bold;
border-bottom: 1px solid #ADB9AC;
padding-bottom: 0;
}

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

.alert{
font-size: 12px;
color: #cc0000;
font-weight:bold;
}

.decal{
display: block;
margin-top: 5px;
}


.date{
float: right;
color: #910020;
font-size: 12px;
}


.trait {
width: 390px;
height: 1px;
margin: 10px;
margin-left: 40px;
}

.bas {
width: 570px;
border-top: 1px solid #910020;
text-align: center;
font-family: Arial, Verdana;
font-size: 10px;
color: #778B75;
margin-left: 100px;
padding: 5px;
margin-top: 20px;
}
.bas a{
color: #778B75;
text-decoration: none;
}
.bas a:hover{
text-decoration: underline;
}