html, body {
width: 100%;
height: 100%;
background-color: #ffffff;
margin: 0;
padding: 0;
padding-top: 2.5px;
font-family: Arial, Verdana;
font-size: 12px;
color: #030303;
}

h1, .h1{
color: #B08A00;
font-size: 20px;
/*background: transparent url(charte/bg_titre.gif) bottom left no-repeat;*/
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
margin-bottom: 5px;
margin-top: 0;
}
h2, .h2{
color: #961111;
font-size: 20px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
width: 100%;
margin: 0;
margin-top: 10px;
}


a, #contenu a{
color: #B08A00;
text-decoration: none;
}
a:hover, #contenu a:hover{
text-decoration: underline;
}

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


#bande_top {
position: absolute;
background-color: #fdc700;
margin: 0;
padding: 0;
height: 100px;
width: 100%;
left: 0;
}

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

#contenu {
text-align: justify;
float: left;
width: 619px;
margin: 0;
padding: 26px;
}

#right_col {
float: right;
width: 142px;
margin: 0;
padding: 0;
padding-top: 16px;
padding-right: 5px;
}

#search {
display: inline;
float: right;
margin-top: -2px;
}

.header_right {
display: inline;
float: right;
clear: both;
}

#logo {
position: relative;
margin: 0;
padding: 0;
float: left;
display: block;
width: 148px;
height: 227px;
}
#bandeau {
position: relative;
margin: 0;
padding: 0;
float: right;
display: block;
width: 831px;
height: 200px;
}

#sub_header {
float: right;
border-bottom: solid 1px #e31818;
margin: 0;
padding: 0;
padding-top: 6px;
margin-right: 5px;
width: 800px;
height: 20px;
}

#ariane {
color: #030303;
font-size: 12px;
position: relative;
margin-bottom: 10px;
float: left;
}
#ariane a {
color: #961111;
text-decoration: none;
}
#ariane a:hover {
color: #e31818;
}

#rech_sub {
border: 0;
background: transparent url(charte/search.gif) top left no-repeat;
cursor: pointer;
font-family: Arial, Verdana;
font-size: 13px;
color: #fdc700;
font-weight:bold;
width: 25px;
padding: 0;
margin: 0;
height: 20px;
margin-bottom: -2px;
margin-top: -2px;
}
#rech_sub:hover {
background-position: 0 -30px;
}

#agenda {
width: 130px;
padding: 5px;
/*padding-top: 30px;*/
border: solid 1px #6d6d6d;
background: #eeeeee url(charte/agenda.gif) top left no-repeat;
font-size: 11px;
color: #030303;
text-align: left;
}
#agenda a {
color: #030303;
text-decoration: none;
cursor: pointer;
}
#agenda a:hover{
color: #961111;
}
#agenda a:hover h2 {
color: #e31818;

}
#agenda_header {
display: block;
height: 25px;
width: 140px;
padding: 0;
margin: -5px;
}
#agenda_header {
cursor: pointer;
}

#agenda h2 {
font-weight: bold;
font-size: 12px;
color: #961111;
}
#agenda a h2 {
text-decoration: none;
}

#agenda div {
height: 1px;
margin: 0;
padding: 0;
margin-bottom: -5px;
margin-top: 5px;
color: #cccccc;
background-color: #cccccc;
border: 0;
}


#menu_d{
margin: 0;
padding: 0;
margin-top: 10px;
margin-bottom: 20px;
}
#menu_d li{
list-style-type: none;
padding: 4px;
margin-bottom: 3px;
}
#menu_d li a{
margin: 0;
padding: 0;
list-style-type: none;
padding-bottom: 5px;
padding-top: 2px;
padding-left: 28px;
color: #030303;
text-decoration: none;
}


#menu_d li a:hover{
background-position: 0 -30px;
text-decoration: none;
color: #e31818;
}

#menu_d .md1 a{
background: transparent url(charte/ico1.gif) 0 0 no-repeat;
}
#menu_d .md2 a{
background: transparent url(charte/ico2.gif) 0 0 no-repeat;
}
#menu_d .md3 a{
background: transparent url(charte/ico3.gif) 0 0 no-repeat;
}
#menu_d .md4 a{
background: transparent url(charte/ico4.gif) 0 0 no-repeat;
}
#menu_d .md5 a{
background: transparent url(charte/ico5.gif) 0 0 no-repeat;
}
#menu_d .md6 a{
background: transparent url(charte/ico6.gif) 0 0 no-repeat;
}
#menu_d .md7 a{
background: transparent url(charte/ico7.gif) 0 0 no-repeat;
}
#menu_d .md8 a{
background: transparent url(charte/ico8.gif) 0 0 no-repeat;
}

#ville_select{
width: 140px;
margin-top: 15px;
}

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

#menu_g {
margin: 0;
padding: 0;
margin-left: 5px;
margin-top: 26px;
margin-bottom: 20px;
/*background: transparent url(charte/menu.gif) top left no-repeat;*/
}



#menu_g dt a{
cursor: pointer;
background: transparent url(charte/menu.gif) top left no-repeat;
}
dl#menu_g {
width: 143px;
}
dl#menu_g dt{
margin: 0;
padding: 0;
margin-bottom: 1px;
height: 25px;
}

#menu_g #menu_g1 {

}

dl#menu_g dd {
margin: 0;
padding: 0;
}
dl#menu_g ul {
margin: 0;
padding: 3px;
margin-bottom: 1px;
background-color: #cccccc;
}
dl#menu_g dt a {
color: #000000;
text-decoration: none;
display: block;
border: 0;
height: 100%;
}
dl#menu_g li {
font-family: Arial, Verdana;
text-align: left;
font-size: 11px;
list-style-type: none;
}

dl#menu_g li a {
display: block;
padding-left: 4px;
color: #000000;
text-decoration: none;
}
dl#menu_g li a:hover {
color: #e31818;
background-color: #dddddd;
}


dl#menu_g dd dd {
padding: 0;
margin: -3px;
margin-top: 3px;
margin-bottom: 3px;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
dl#menu_g dd dd ul {
margin: 0;
padding: 3px;
background-color: #999999;
}
dl#menu_g dd dd li a {
display: block;
padding-left: 4px;
color: #ffffff;
text-decoration: none;
}
dl#menu_g dd dd li a:hover {
color: #fdc700;
background-color: #888888;
}



#menu_g #menu_g1 a {
background-position: 0 0px;
}
#menu_g #menu_g2 a {
background-position: 0 -26px;
}
#menu_g #menu_g3 a {
background-position: 0 -52px;
}
#menu_g #menu_g4 a {
background-position: 0 -78px;
}
#menu_g #menu_g5 a {
background-position: 0 -104px;
}
#menu_g #menu_g6 a {
background-position: 0 -130px;
}
#menu_g #menu_g7 a {
background-position: 0 -156px;
}
#menu_g #menu_g8 a {
background-position: 0 -182px;
}
#menu_g #menu_g9 a {
background-position: 0 -208px;
}
#menu_g #menu_g10 a {
background-position: 0 -234px;
}
#menu_g #menu_g11 a {
background-position: 0 -260px;
}
#menu_g #menu_g12 a {
background-position: 0 -286px;
}


#menu_g #menu_g1 a:hover {
background-position: 0 -312px;
}
#menu_g #menu_g2 a:hover {
background-position: 0 -338px;
}
#menu_g #menu_g3 a:hover {
background-position: 0 -364px;
}
#menu_g #menu_g4 a:hover {
background-position: 0 -390px;
}
#menu_g #menu_g5 a:hover {
background-position: 0 -416px;
}
#menu_g #menu_g6 a:hover {
background-position: 0 -442px;
}
#menu_g #menu_g7 a:hover {
background-position: 0 -468px;
}
#menu_g #menu_g8 a:hover {
background-position: 0 -494px;
}
#menu_g #menu_g9 a:hover {
background-position: 0 -520px;
}
#menu_g #menu_g10 a:hover {
background-position: 0 -546px;
}
#menu_g #menu_g11 a:hover {
background-position: 0 -572px;
}
#menu_g #menu_g12 a:hover {
background-position: 0 -598px;
}



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

.titre{
color: #961111;
font-size: 15px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
}
.soustitre{
color: #B08A00;
font-size: 13px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
}



.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;
}


.trait {
clear: both;
width: 540px;
height: 1px;
margin: 10px;
margin-left: 40px;
border-bottom: solid 1px #cccccc;
}

#block_actus {
margin: 0;
padding: 5px;
margin-bottom: 15px;
margin-top: 15px;
height: 173px;
border: solid 1px #cccccc;
background-color: #eeeeee;
}
#flash_actu {
display: block;
float: left;
margin: 10px;
padding: 0;
height: 150px;
width: 200px;
border: solid 1px #cccccc;
}
.block_actu {
font-size: 11px;
height: 45px;
overflow: hidden;
margin: 0;
padding: 5px;
padding-bottom: 0;
margin-bottom: 5px;
margin-right: 10px;
border-top: solid 1px #cccccc;
}
.block_actu .titre_actu {
font-size: 13px;
color: #961111;
font-weight:bold;
margin: 0;
margin-bottom: 3px;
}
.block_actu .soustitre_actu {
color: #666666;
font-weight:bold;
margin: 0;
}
#contenu .block_actu a {
color: #030303;
text-decoration: none;
}
#contenu .block_actu a:hover .titre_actu {
color: #e31818;
}
#contenu .block_actu a:hover, #contenu .block_actu a:hover .soustitre_actu {
color: #961111;
}

#block_bref {
background: transparent url(charte/bref.gif) top left no-repeat;
margin: 0;
padding: 0;
padding-top: 20px;
width: 390px;
}
.block_bref {
font-size: 11px;
height: 65px;
overflow: hidden;
margin: 0;
padding: 5px;
padding-left: 0;
margin-bottom: 3px;
margin-right: 0;
border-bottom: solid 1px #cccccc;
}

.block_bref img {
float: left;
width: 80px;
height: 60px;
margin-right: 10px;
border: solid 1px #cccccc;
}



.block_bref span {
display: block;
overflow: hidden;
float: left;
height: 47px;
width: 285px;
}


.block_bref .titre_actu {
font-size: 13px;
color: #030303;
font-weight:bold;
margin: 0;
margin-bottom: 3px;
}
.block_bref .soustitre_actu {
font-weight:bold;
color: #666666;
margin: 0;
}
#contenu .block_bref a span {
color: #030303;
text-decoration: none;
cursor: pointer;
}
#contenu .block_bref a {
text-decoration: none;
}
#contenu .block_bref a:hover {
color: #e31818;
}
#contenu .block_bref a:hover span, #contenu .block_bref a:hover span .soustitre_actu, #contenu .block_bref a:hover span .titre_actu {
color: #961111;
}

.date{
color: #961111;
text-align: right;
}

#bas {
text-align: center;
font-family: Arial, Verdana;
font-size: 10px;
color: #030303;
background-color: #fdc700;
margin: 0;
padding: 0;
padding-top: 13px;
margin-bottom: 5px;
height: 40px;
width: 100%;
}
#bas a{
color: #961111;
text-decoration: none;
}
#bas a:hover{
color: #e31818;
}