body {

color: #003300;
margin: 0;
padding: 0;
background-color: white;
font: 75% verdana, arial, sans-serif;
background-image:url('images/background.gif');
scrollbar-face-color: #FFF3C6; 
scrollbar-shadow-color: #FFCE0D;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #395e00; 
scrollbar-darkshadow-color: #395e00; 
scrollbar-track-color: #395e00; 
scrollbar-arrow-color: #395e00;
}
#header {
height: 92px;
}
#haut {
height: 20px;
}
#conteneur {
position: absolute;
width: 100%;
color: #003300;

}
#centre {
margin-left: 125px;
margin-right: 126px;
padding: 15px;
padding-top: 3px;
border:0.01em solid #003300;
}
#gauche {
position: absolute;
left:0;
width: 120px;
}
#droite {
position: absolute;
right:0;
width: 120px;
}
.menuhaut {
list-style-type: none;
padding-top: 3px;
margin: 0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #003300;
text-decoration: none;
}
.menuhaut a:hover {
text-decoration: underline overline;
background-color: #FEFED9;
}
.menuhaut a:visited {
color: #003300;
}
#pied {
height: 35px;
}
table.pied {
width: 99%;
padding:0;
margin:0;
text-align:center;
font-size: 0.8em;
}
td.pied {
width: 33%;
}

p {margin: 0 0 10px 0;
}

H4 {text-align:center; color: #003300;}
H5 {text-align:left; color: #003300;}

table.page {
width: 712px;
height: 475px;
border: 0;
cellspacing: 0;
cellpadding: 0;
font-family:Verdana; color: #003300; font-size: 1.2em;
}
table.page2 {
width: 712px;
border: 0;
cellspacing: 0;
cellpadding: 0;
font-family:Verdana; color: #003300; font-size: 1.2em;
}
td.titre {
font-weight: bold; text-align: center;
} 
td.td {
font-weight: normal;
}
table.gen {
width: 712px;
height: 475px;
cellspacing: 0;
cellpadding: 0;
font-family:Verdana; color: #003300; font-size: 1.0em;
}
table.gen li {
background-image:url(images/puce.gif);
background-repeat:no-repeat;
background-position:0% 65%;
padding-left:15px;
}
table.menu {
width:630px;
cellspacing: 0;
cellpadding: 0;
font-family:Verdana; color: #003300; font-size: 0.8em;
}
table.menu1 {
width:630px;
cellspacing: 0;
cellpadding: 0;
background-image:url(images/cake.gif);
background-repeat:no-repeat;
font-family:Verdana; color: #003300; font-size: 0.8em;
}
th.menu {
font-weight: bold; text-align: center; font-variant: small-caps ;
background-color: #FFFFEE;
border-style:solid; 
border-width:1px 1px 1px 1px;
border-color: #003300;
padding: 1px;
}
td.menu {
font-weight: normal; text-align: center; text-transform:capitalize;
border-style:solid; 
width: 100px;
border-width:1px 1px 1px 1px;
border-color: #003300;
padding: 1px;
}
td.menuimg {
border-style:none;
width: 100px; 
text-align: center;
}
table.plann {
margin-left:80px;
width:600px;
border-style:solid;
border-width:1px;
cellspacing: 0;
cellpadding: 0;
font-family:Verdana; color: #003300; font-size: 0.8em;
}
tr.plann {
border-style:solid; 
border-width:1px;
border-color:green;
background-color: #FFFFEE;
}
tr.plann1 {
border-style:solid; 
border-width:1px;
}
tr.plann2 {
border-style:solid; 
border-width:1px;
background-color: #FFFFEE;
}
table.fff {
margin-left:50px;
width:600px;
line-height: 20px;
}
tr.vide {
background-color: #005500;
font-family:Verdana; color: #FFFFFF; font-size: 1.2em; FONT-WEIGHT: bold;
}
tr.paire {
background-color: #006600;
font-family:Verdana; color: #FFFFFF; font-size: 1.0em; FONT-WEIGHT: bold;
}
tr.impaire {
background-color: #007700;
font-family:Verdana; color: #FFFFFF; font-size: 1.0em; FONT-WEIGHT: bold;
}
table.horaires {
width:475px;
cellspacing: 0;
cellpadding: 0;
font-family:Verdana; color: #003300; font-size: 1.0em;
}
table.agenda {
cellspacing: 0;
cellpadding: 0;
font-family:Verdana; color: #003300; font-size: 1.0em;
}
table.intro {
font-family:Verdana; color: #003300; font-size: 1.0em;
}
td.intro {
width: 35%;
border-style:solid; 
border-width:1px;
border-color: #003300;
padding: 5px;
text-align: justify;
}
table.news{
font-family:Verdana; color: #003300; font-size: 1.0em;
}
th.newsg{
font-weight: bold; text-align: center;
background-color: #FFFFEE;
border-style:solid; 
border-width:1px;
border-color: #003300;
padding: 5px;
}
th.newsd{
font-weight: bold;
background-color: #FFFFEE;
border-style:solid; 
border-width:1px;
border-color: #003300;
padding: 5px;
}
th.riend{
border-style:solid; 
border-width:0px;
border-color: #003300;
padding: 5px;
}
td.newsgg{
width: 270px;
border-style:solid; 
border-width:1px;
border-color: #003300;
padding: 5px;
text-align: justify;
vertical-align: top;
}
td.newsgd{
width: 50px;
border-style:solid; 
border-width:1px;
border-color: #003300;
padding: 5px;
vertical-align: top;
}
td.newsdg{
width: 270px;
border-style:solid; 
border-width:1px;
border-color: #003300;
padding: 5px;
text-align: justify; 
vertical-align: top;
}
td.newsdd{
width: 50px;
border-style:solid; 
border-width:1px;
border-color: #003300;
padding: 5px;
vertical-align: top;
}
td.riendg{
width: 270px;
border-style:solid; 
border-width:0px;
border-color: #003300;
padding: 5px;
}
td.riendd{
width: 50px;
border-style:solid; 
border-width:0px;
border-color: #003300;
padding: 5px;
}
.jauneg {
/*background-image:url(images/puce.gif);*/
background-repeat:no-repeat;
background-position:0% 65%;
background-color: #FFFFEE;
text-align: center;
width: 70px;
}
.videg {
height: 3px; font-size: 0.1em;
}
.jauned {
background-color: #FFFFEE;
width: 670px;
}
.vided {
height: 3px; font-size: 0.1em;
}
.lien {
background-color: #FFFFEE;
width: 700px;
}
.lienvide {
height: 3px; font-size: 0.1em;
}
.fc {
font-family:Verdana; color: #003300; font-size: 0.8em;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
li.sli{
margin-left: 20px;
}
#menu {
position: absolute;
top: 0;
left: 0;
width: 10em;
}
#menu dt {
cursor: pointer;
margin: 5px 0;
height: 35px;
line-height: 15px;
vertical-align: middle;
text-align: center; 
font-weight: normal;
border: 1px solid #003300;
background-image: url("images/background.gif")
}
#menu .dt0 {
cursor: pointer;
margin: 5px 0;
height: 35px;
line-height: 15px;
vertical-align: middle;
text-align: center; 
font-weight: normal;
border: 0 none;
}
#menu dd {
border: 1px solid #003300;
text-align: left;
}
#menu li {
background: #FFFFEC;
}
#menu li a, #menu dt a {
color: #003300;
text-decoration: none;
display: block;
border: 0 none;
height: auto; /* 100%*/
}
.li a {
text-align: right;
font-weight: normal;
}
#menu li a:hover {
background: #006600;
color: #FFCE0D;
}
#menu dt a:hover {
background: #FFFFEC;
}
#menud {
position: absolute; 
top: 0;
left: 0;
}
#menud {
width: 10em;
}
#menud dt {
cursor: pointer;
margin: 5px 0;
height: 25px;
line-height: 15px;
text-align: center;
font-weight: normal;
border: 1px solid #003300;
background-image: url("images/background.gif")
}
#menud dd {
border: 1px solid #003300;
line-height: 25px;
}
#menud li {
text-align: center;
background-image: url("images/background.gif")
}
#menud li a, #menud dt a {
color: #003300;
text-decoration: none;
display: block;
border: 0 none;
height: auto; /*100% */
}
#menud li a:hover {
background: #006600;
color: #FFCE0D;
}
#menud dt a:hover {
background: #FFFFEC;
}
.plansite a:hover {
text-decoration: underline overline;
background-color: #FEFED9;
}
.plansite a:hover {
text-decoration: underline overline;
background-color: #FEFED9;
}
.plansite li {
display: inline;
}
.plansite a {
margin: 0 2px;
color: #003300;
text-decoration: none;
}
.textes {
font: 85% verdana, arial, sans-serif;
vertical-align: top;
padding: 5px;
text-align: justify;
}
.fetes {
border-style:solid; 
border-width:1px 1px 1px 1px;
border-color: #003300;
padding: 5px;
font-family:Verdana; color: #003300; font-size: 0.8em;
}
a.bouton:link{
width:400px; 
height:30px;
text-decoration:none; 
color: #FFCE0D;
text-align:center; 
font-weight:bold; 
background-color:#005500;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver;
}

a.bouton:visited{
width:400px; 
height:30px;
text-decoration:none; 
color:#FFCE0D; 
text-align:center;
font-weight:bold;
background-color:#005500;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver;
}

a.bouton:hover{
width:400px; 
height:30px;
text-decoration:none;
color:#005500; 
text-align:center; 
font-weight:bold; 
background-color:#FFCE0D;
background-image:url('images/backrose.gif');
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver;
}


.bouton{text-align:center;font-size: 1.1em;padding:10px;}

@page {size 210mm 297mm; margin:1em }
/*-----------------------------------tableaux ordures---------------------------------*/
.tabordur{
background-color:#FFFFFF;
width:229px; 
border-style: solid;
border-width: 1px;
cellspacing: 0; 
cellpadding: 0;
font-family: Verdana,arial; 
color: #003300; 
font-size: .9em; 
font-weight: bold;
text-align: center;
}
.tdordur{
background-color: #8ea1b3;
cellspacing: 1; 
cellpadding: 1;
border-style: solid;
border-width: 1px;
font-family: verdana, arial; 
color: #003300; 
font-size: .8em;
}
.bleuef{
background-color: #8ea1b3;
font-family: verdana, arial; 
color: #ffffff; 
border-style: solid;
border-width: 1px;
}
.bleuec{
background-color: #b5c3d1;
font-family: verdana, arial; 
color: #ffffff; 
border-style: solid;
border-width: 1px;
}
.ocre{
background-color: #d6b276;
font-family: verdana, arial; 
color: #ffffff; 
border-style: solid;
border-width: 1px;
}
.blanc{
font-family: verdana, arial; 
color: #003300; 
font-weight: normal;
border-style: solid;
border-width: 1px;
}
.bord{
border-style: solid;
border-width: 1px;
}
/*-----------------------------------tableaux ordures---------------------------------*/