body {
 margin: 0;
 padding: 0;
 background-color: #88BD48;
 background-image: url(images/fond.jpg);
 background-repeat: repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #333333;
 text-align: justify;
}
h1 {
 position: absolute;
 margin: 0;
 top: -40px;
 width: 1px;
 overflow: hidden;
}
h4 {
clear: both;
font-size: medium;
color: #CC0000;
margin: 20px 0px 0px 0px;
border-bottom: 1px dashed #CC0000;
font-weight: normal;
}
img {
border: none;
}
form , fieldset {
 margin: 0;
 padding: 0;
 border: none;
}
legend {
 display: none;
}
ul {
 margin: 10px 0px 0px 15px;
 padding: 0;
 list-style: none;
}
li,
div.flecherouge, .flecheRouge, .flecherouge {
 padding: 0px 0px 0px 15px;
 background-image: url(puce_fleche_rouge.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
}
ul a,
a {
 color:#006666;
}
ul a:hover,
a:hover {
 color:#CC0000;
}
#total {
 margin: auto;
 padding: 0;
 width: 770px;
}
#header {
 float: left;
 width: 770px;
 height: 115px;
 background-image: url(images/fond_header.jpg);
 background-repeat: no-repeat;
}
#menu {
 float: left;
 padding:0;
 margin:0;
 clear: both;
 width: 770px;
 height: 29px;
 position: relative;
}
.navig {
 margin: 0;
 padding: 0;
 list-style: none;
}
.navig li {
 float: left;
 position: relative;
 margin: 0;
 padding: 0;
 background-image: url(transp.gif); /*cette image n'existe pas mais cela limite le clignotement des boutons sir IE*/
}
#content {
 float: left;
 clear: both;
 width: 770px;
 background-color: #F3F3CD;
 border-top: 1px solid #013316;
}
#inter {
 margin: 15px 0px 0px 15px;
 width: 740px;
 background-color: #F3F3CD;
}
#footer {
 float: left;
 clear: both;
 width: 770px;
 font-size: x-small;
 color: #FFFFFF;
 text-align: center;
 margin-top: 1px;
 padding: 5px 0px 10px 0px;
 border-top: 1px solid #FFFFFF;
}
#footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#footer li {
 margin: 0;
 padding: 0;
 display: inline;
 background-image: none;
}
#footer a {
 color: #FFFFFF;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
/*---------- style recherche ----------*/
#recherche {
 float: right;
 padding: 94px 0px 0px 0px;
 font-size: x-small;
 width: 205px;
 color: #FFFFFF;
}
.saisie {
 font-family: Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #005B25;
 border: 1px solid #005B25;
 width: 110px;
 vertical-align: middle;
}
.bouton {
 vertical-align: middle;
 margin: 0px 0px 0px 5px;
 background-color: #88BD48;
 color: #FFFFFF;
 border: 1px solid #005B25;
 font-family: Arial, Helvetica, sans-serif;
 font-size: x-small;
 width: 20px;
}
/*---------- styles liens menu ----------*/
#menu span {
 display: none;
}
.bodyacc .lienaccueil {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 91px;
 height: 29px;
 background-image: url(images/bout_accueil.gif);
 background-repeat: no-repeat;
 background-position: 0px -41px;
}
.lienaccueil, .lienaccueilON {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 91px;
 height: 29px;
 background-image: url(images/bout_accueil.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.lienaccueil:hover, .lienaccueilON {
 background-position: 0px -41px;
}
.bodyorganisation .lienorganisation {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 174px;
 height: 29px;
 background-image: url(images/bout_organisation.gif);
 background-repeat: no-repeat;
 background-position: 0px -41px;
}
.lienorganisation, .lienorganisationON {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 174px;
 height: 29px;
 background-image: url(images/bout_organisation.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.lienorganisation:hover, .lienorganisationON {
 background-position: 0px -41px;
}
.bodymissions .lienmissions {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 90px;
 height: 29px;
 background-image: url(images/bout_missions.gif);
 background-repeat: no-repeat;
 background-position: 0px -41px;
}
.lienmissions, .lienmissionsON {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 90px;
 height: 29px;
 background-image: url(images/bout_missions.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.lienmissions:hover, .lienmissionsON {
 background-position: 0px -41px;
}
.bodyviepratique .lienviepratique {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 122px;
 height: 29px;
 background-image: url(images/bout_vie_pratique.gif);
 background-repeat: no-repeat;
 background-position: 0px -41px;
}
.lienviepratique, .lienviepratiqueON {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 122px;
 height: 29px;
 background-image: url(images/bout_vie_pratique.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.lienviepratique:hover, .lienviepratiqueON {
 background-position: 0px -41px;
}
.bodycarteflash .liencommunes,
.bodycommunes .liencommunes {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 140px;
 height: 29px;
 background-image: url(images/bout_communes.gif);
 background-repeat: no-repeat;
 background-position: 0px -41px;
}
.liencarteflash, .liencommunesON,
.liencommunes, .liencommunesON {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 140px;
 height: 29px;
 background-image: url(images/bout_communes.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.liencommunes:hover, .liencommunesON {
 background-position: 0px -41px;
}
.bodymarchespublics .lienmarchepublics {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 153px;
 height: 29px;
 background-image: url(images/bout_marches_publics.gif);
 background-repeat: no-repeat;
 background-position: 0px -41px;
}
.lienmarchepublics, .lienmarchepublicsON {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 153px;
 height: 29px;
 background-image: url(images/bout_marches_publics.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.lienmarchepublics:hover, .lienmarchepublicsON {
 background-position: 0px -41px;
}
/*---------- Styles sous menus ----------*/
.sounavaccoff ,
.sounavorganisationoff ,
.sounavmissionsoff ,
.sounavpratiqueoff ,
.sounavcommunesoff ,
.sounavmarchesoff {
 display: none;
}
.sounavaccon li,
.sounavorganisationon li,
.sounavmissionson li,
.sounavpratiqueon li,
.sounavcommuneson li,
.sounavmarcheson li {
 clear: left;
}
.sounavaccon  {
 display: block;
 position: absolute;
 top: 28px;
 left: 4px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.sounavaccon a {
 clear: both;
 display: block;
 margin: 0;
 padding: 5px 0px 5px 15px;
 width: 150px;
 background-color: #60B2E8;
 border-bottom: 1px solid #0D3F96;
 color: #FFFFFF;
 text-decoration: none;
}
.sounavaccon a:hover {
 background-color: #0D3F96;
 color: #FFFFFF;
}
.sounavorganisationon {
 display: block;
 position: absolute;
 top: 28px;
 left: 1px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.sounavorganisationon a {
 clear: both;
 display: block;
 margin: 0;
 padding: 5px 0px 5px 15px;
 width: 157px;
 background-color: #CC0000;
 border-bottom: 1px solid #540000;
 color: #FFFFFF;
 text-decoration: none;
}
.sounavorganisationon a:hover {
 background-color: #540000;
 color: #FFFFFF;
}
.sounavmissionson  {
 display: block;
 position: absolute;
 top: 28px;
 left: 1px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.sounavmissionson a {
 clear: both;
 display: block;
 margin: 0;
 padding: 5px 0px 5px 15px;
 width: 150px;
 background-color: #BD7BED;
 border-bottom: 1px solid #340357;
 color: #FFFFFF;
 text-decoration: none;
}
.sounavmissionson a:hover {
 background-color: #340357;
 color: #FFFFFF;
}
.sounavpratiqueon  {
 display: block;
 position: absolute;
 top: 28px;
 left: 1px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.sounavpratiqueon a {
 clear: both;
 display: block;
 margin: 0;
 padding: 5px 0px 5px 15px;
 width: 150px;
 background-color: #EB9723;
 border-bottom: 1px solid #752500;
 color: #FFFFFF;
 text-decoration: none;
}
.sounavpratiqueon a:hover {
 background-color: #752500;
 color: #FFFFFF;
}
.sounavcommuneson {
 display: block;
 position: absolute;
 top: 28px;
 left: 1px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.sounavcommuneson a {
 clear: both;
 display: block;
 margin: 0;
 padding: 5px 0px 5px 15px;
 width: 150px;
 background-color: #9DCE3C;
 border-bottom: 1px solid #436205;
 color: #FFFFFF;
 text-decoration: none;
}
.sounavcommuneson a:hover {
 background-color: #436205;
 color: #FFFFFF;
}
.sounavmarcheson  {
 display: block;
 position: absolute;
 top: 28px;
 left: 1px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.sounavmarcheson a {
 clear: both;
 display: block;
 margin: 0;
 padding: 5px 0px 5px 15px;
 width: 137px;
 background-color: #005A25;
 border-bottom: 1px solid #002C12;
 color: #FFFFFF;
 text-decoration: none;
}
.sounavmarcheson a:hover {
 background-color: #002C12;
 color: #FFFFFF;
}
/*---------- Styles sur contenu ----------*/
p {
 margin: 10px 0px 0px 0px;
}
#colacc01 {
 float: left;
 padding-bottom: 15px;
 width: 330px;
}
#colacc02 {
 float: left;
 margin-left: 35px;
 padding-bottom: 15px;
 width: 375px;
}
#colacc01 h2 a ,
#colacc02 h2 a {
 color: #336699;
}
#colacc01 a ,
#colacc02 a {
 color: #CC0000;
}
.bodyacc h2 {
 margin: 0;
 padding: 0;
 font-size: medium;
 color: #336699;
 text-align: left;
}
.bodyacc #news {
 clear: both;
 float: left;
 margin-top: 20px;
 width: 330px;
 height: 74px;
 background-image: url(images/fond_newsacc.gif);
 background-repeat: no-repeat;
 font-size: x-small;
 color: #335B00;
 text-align: left;
}
.bodyacc #news #abonnews {
 float: left;
 margin: 40px 0px 0px 10px;
 width: 320px;
}
.bodyacc #news .saisie {
 width: 149px;
}
.bodyacc #intranet {
 clear: both;
 float: left;
 margin-top: 20px;
 width: 330px;
 height: 74px;
 background-image: url(images/fond_intracc.gif);
 background-repeat: no-repeat;
 font-size: x-small;
 color: #004E67;
 text-align: left;
}
.bodyacc #intranet #logintra {
 float: left;
 margin: 40px 0px 0px 10px;
 width: 320px;
}
.bodyacc #intranet .saisie {
 width: 66px;
}
.bodyorganisation h2,
.bodyorganisation h2 a {
 margin: 0;
 font-size: x-large;
 color: #CC0000;
}
.bodyorganisation h3 {
 margin: 10px 0px 0px 0px;
 font-size: large;
 color: #CC0000;
}
.bodymissions h2,
.bodymissions h2 a {
 margin: 0;
 font-size: x-large;
 color: #9933CC;
}
.bodymissions h3 {
 margin: 10px 0px 0px 0px;
 font-size: large;
 color: #9933CC;
}
.bodycarteflash h2,
.bodycommunes h2,
.bodycarteflash h2 a,
.bodycommunes h2 a {
 margin: 0;
 font-size: x-large;
 color: #669933;
}
.bodycarteflash h3 {
 margin: 10px 0px 0px 0px;
 font-size: large;
 color: #669933;
}
.bodycommunes h3 {
 margin: 10px 0px 15px 0px;
 font-size: large;
 color: #669933;
}
.bodycommunes #carte a {
text-decoration: none;
 }
.bodycommunes #sousrub { /*-- Style pour les sous rubriques horizontales des pages de présentation des différentes communes --*/
 margin: 5px 0px 0px 0px;
 padding: 5px 0px 5px 5px;
 list-style: none;
 border-top: 1px solid #436205;
 border-bottom: 1px solid #436205;
}
.bodycommunes #sousrub li {
 display: inline;
 margin-right: 20px;
 padding-left: 15px;
 background-image: url(puce_fleche_rouge.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
}
.bodycommunes #sousrub a {
 color: #436205;
 font-weight: bold;
 text-decoration: none;
}
.bodycommunes #sousrub a:hover {
 color: #CC0000;
 text-decoration: underline;
}
.bodycarteflash #carte p,
.bodycarteflash #carte ul {
 float: left;
}
.contentcarte {
 width: 520px;
}
.bodycarteflash #carte ul {
 margin: 6px 0px 0px 15px;
 padding: 0;
 list-style: none;
}
.bodycarteflash  #carte ul li {
 padding: 3px 0px 4px 15px;
 background-image: url(puce_fleche_rouge.gif);
 background-repeat: no-repeat;
 background-position: 0px 8px;
 width: 190px;
 border-bottom: 1px solid #005A25;
}
.bodycarteflash  #carte ul a {
 color:#006666;
 font-weight: bold;
 text-decoration: none;
}
.bodycarteflash  #carte ul a:hover {
 color:#CC0000;
}
.bodyviepratique h2,
.bodyviepratique h2 a {
 margin: 0;
 font-size: x-large;
 color: #CC6600;
}
.bodyviepratique h3 {
 margin: 10px 0px 0px 0px;
 font-size: large;
 color: #CC6600;
}
.bodymarchespublics h2,
.bodymarchespublics h2 a {
 margin: 0;
 font-size: x-large;
 color: #005A25;
}
.bodymarchespublics h3 {
 margin: 10px 0px 0px 0px;
 font-size: large;
 color: #005A25;
}
.bodyaux h2,
.bodyaux h2 a {
 margin: 0;
 font-size: x-large;
 color: #336699;
}
.bodyaux h3 {
 margin: 10px 0px 0px 0px;
 font-size: large;
 color: #336699;
}
.bodyacc #formbas,
.bodyacc #baspage {
 display: none;
}
.bodyorganisation #baspage ,
.bodymissions #baspage ,
.bodyviepratique #baspage ,
.bodycommunes #baspage ,
.bodycarteflash #baspage ,
.bodymarchespublics #baspage ,
.bodyaux #baspage {
 clear: both;
 padding: 15px 0px 0px 0px;
 width: 755px;
}
#hautpage {
 float: left;
}
#hautpage a {
 display: block;
 margin-left: 15px;
 padding: 3px 0px 6px 23px;
 width: 100px;
 height: 20px;
 font-size: x-small;
 color: #CC0000;
 text-decoration: none;
 background-image: url(picthaut.gif);
 background-repeat: no-repeat;
}
#hautpage a:hover {
 text-decoration: underline;
}
#imprim {
 float: right;
 text-align: right;
}
#imprim a {
 display: block;
 padding: 3px 0px 6px 21px;
 width: 85px;
 height: 20px;
 font-size: x-small;
 color: #CC0000;
 text-decoration: none;
 background-image: url(pictimprim.gif);
 background-repeat: no-repeat;
}
#imprim a:hover {
 text-decoration: underline;
}
#altern {
 clear: both;
 padding: 10px 15px 0px 15px;
}
.bodyorganisation #formbas,
.bodymissions #formbas,
.bodyviepratique #formbas,
.bodycarteflash #formbas,
.bodycommunes #formbas,
.bodymarchespublics #formbas,
.bodyaux #formbas {
 float: left;
}
.bodyorganisation #newsbas,
.bodymissions #newsbas,
.bodyviepratique #newsbas,
.bodycarteflash #newsbas,
.bodycommunes #newsbas,
.bodymarchespublics #newsbas,
.bodyaux #newsbas {
 float: left;
 margin: 0px 0px 1px 0px;
 width: 335px;
 font-size: x-small;
 color: #FFFFFF;
 text-align: left;
 background-color: #335B00;
}
.bodyorganisation #newsbas .saisie,
.bodymissions #newsbas .saisie,
.bodyviepratique #newsbas .saisie,
.bodycarteflash #newsbas .saisie,
.bodycommunes #newsbas .saisie,
.bodymarchespublics #newsbas .saisie,
.bodyaux #newsbas .saisie {
 width: 118px;
}
.bodyorganisation #intrabas,
.bodymissions #intrabas,
.bodyviepratique #intrabas,
.bodycarteflash #intrabas,
.bodycommunes #intrabas,
.bodymarchespublics #intrabas,
.bodyaux #intrabas{
 float: left;
 margin: 0px 0px 1px 1px;
 width: 434px;
 font-size: x-small;
 color: #FFFFFF;
 text-align: left;
 background-color: #004E67;
}
.bodyorganisation #newsbas #abonnewsbas,
.bodymissions #newsbas #abonnewsbas,
.bodyviepratique #newsbas #abonnewsbas,
.bodycarteflash #newsbas #abonnewsbas,
.bodycommunes #newsbas #abonnewsbas,
.bodymarchespublics #newsbas #abonnewsbas,
.bodyaux #newsbas #abonnewsbas,
.bodyorganisation #intrabas #logintrabas, 
.bodymissions #intrabas #logintrabas,
.bodyviepratique #intrabas #logintrabas,
.bodycarteflash #intrabas #logintrabas,
.bodycommunes #intrabas #logintrabas,
.bodymarchespublics #intrabas #logintrabas,
.bodyaux #intrabas #logintrabas {
 float: left;
 margin: 3px 0px 3px 10px;
}
.bodyorganisation #intrabas .saisie, 
.bodymissions #intrabas .saisie,
.bodyviepratique #intrabas .saisie,
.bodycarteflash #intrabas .saisie,
.bodycommunes #intrabas .saisie,
.bodymarchespublics #intrabas .saisie,
.bodyaux #intrabas .saisie {
 width: 73px;
}
/*---------- Styles sur textes ----------*/
div.coul01 , .texteBleu , .coul01 {
 color: #336699;
}
div.coul02 , .texteRouge , .coul02 {
 color: #CC0000;
}
div.coul03 , .texteViolet , .coul03 {
 color: #9933CC;
}
div.coul04 , .texteVert , .coul04 {
 color: #669933;
}
div.coul05 , .texteOrange , .coul05 {
 color: #CC6600;
}
div.coul06 , .texteVertFonce , .coul06 {
 color: #005A25;
}
div.coul07 , .texteNoir , .coul07 {
 color: #000000;
}
div.coul08 , .texteVertFonce , .coul08 {
 color: #336600;
}
div.coul09 , .texteBlanc , .coul09 {
 color: #FFFFFF;
}
/*---------- Styles sur tableaux ----------*/
table.tableau01, .assemblee {
width: 100%;
margin: 0;
vertical-align: middle;
border-left: 1px solid #005A25;
border-right: 1px solid #005A25;
 }
col.colfond01, .fondcolvert {
background-color: #C3CD9A;
}
.assemblee th {
 vertical-align: bottom;
 margin: 1px;
 padding: 3px;
 color: #FFFFFF;
 text-align: left;
 font-size: bold;
 background-color: #005A25;
}
th.colonne01, div.colonne01, .colonneAssemblee01 {
 width: 25%;
}
th.colonne02, div.colonne02, .colonneAssemblee02 {
 width: 37%;
}
th.colonne03, div.colonne03, .colonneAssemblee03 {
 width: 37%;
}
.assemblee td {
 margin: 0;
 padding: 3px;
 border-bottom: 1px solid #005A25;
}
td.fond01, div.fond01, .fond01 {
 background-color: #C3CD9A;
}
td.fond02, div.fond02, .fond02 {
 background-color: #B6CAB3;
}
td.fond03, div.fond03, .fond03 {
 background-color: #005A25;
}
td.fond04, div.fond04, .fond04 {
 background-color: #CCCCCC;
}
td.fond05, div.fond05, .fond05 {
 background-color: #FFFFFF;
}
td.bordroit, div.bordroit, .bordDroit {
border-right: 1px solid #005A25;
}
td.bordgauche, div.bordgauche, .bordGauche {
border-left: 1px solid #005A25;
}
td.bordhaut, div.bordhaut, .bordHaut {
border-top: 1px solid #005A25;
}
td.alignhaut, div.alignhaut, .alignementHaut {
vertical-align: top;
}
td.alignbas, div.alignbas, .alignementBas {
vertical-align: bottom;
}

/*---------- Styles sur images ----------*/
img.bord01 , .bordureBleue {
 border: 1px solid #336699;
}
img.bord02 , .bordureRouge {
 border: 1px solid #CC0000;
}
img.bord03 , .bordureViolette {
 border: 1px solid #9933CC;
}
img.bord04 , .bordureVerte {
 border: 1px solid #669933;
}
img.bord05 , .bordureOrange {
 border: 1px solid #CC6600;
}
img.bord06 , .bordureVerteFoncee {
 border: 1px solid #005A25;
}
/*---------- Styles pages résultats de la recherche ----------*/
table.result, .tableau02 {
 width: 100%;
 margin-top: 15px;
}
caption {
 display: none;
}
th {
 color: #CC0000;
 text-align: left;
 border-bottom: 1px solid #005A25;
}
.description {
 padding: 5px;
 border: 1px solid #005A25;
}
.title {
 padding: 10px 0px 5px 0px;
}
.title a {
 color: #336699;
 font-weight: bold;
}
.title a:hover {
 color: #CC0000;
}
.result .date {
 color: #005A25;
 font-size: x-small;
 padding: 10px 0px 5px 0px;
}
.prec {
 float: left;
 padding-top: 10px;
}
.prec a {
 display: block;
 width: 150px;
 font-size: x-small;
 color: #CC0000;
 padding-left: 12px;
 text-decoration: none;
 background-image: url(picprec.gif);
 background-repeat: no-repeat;
 background-position: 0px 4px;
}
.prec a:hover {
 text-decoration: underline;
}
.suiv {
 float: right;
 padding-top: 10px;
 text-align: right;
}
.suiv a {
 display: block;
 width: 40px;
 font-size: x-small;
 color: #CC0000;
 padding-right: 14px;
 text-decoration: none;
 background-image: url(picsuiv.gif);
 background-repeat: no-repeat;
 background-position: 42px 4px;
}
.suiv a:hover {
 text-decoration: underline;
}
/*--------------------*/
#footer li.invisible,
.invisible {
 display: none;
}
/*---------- tableau agenda -----------------*/
#calendar {
  float:right;
  width:578px;
  border-top: 1px solid #005A25;
  border-left: 1px solid #005A25;
  border-right: 1px solid #005A25;
}
#calendar th {
  background-color: #C3CD9A;
  color: #333333;
}
#calendar td,
#calendar th {
  padding: 3px;
  border-bottom: 1px solid #005A25;
  vertical-align: top;
}
#calendar td.month  {
  background-color: #005A25;
  color: #FFFFFF;
  font-weight:bold;
}
#calendar td.location  {
  font-weight:bold;
}
#calendar .date {
  background-color: #B6CAB3;
  font-size: small;
}
#calendar .time {
 font-size: x-small;
 padding-top: 6px;
 background-color: #DFE4DE;
 border-right: 1px solid #005A25;
 color: #005A25;
}
#calendar .col01 {
  width: 80px;
}
#calendar .col02 {
  width: 45px;
}
#calendar .col03 {
  width: 148px;
}
#calendar .col04 {
 width: 280px; 
}
#oCalendar {
  float:left;
}
#oCalendar table {
 width: 152px;
  border:1px solid #005A25;
}
#oCalendar table th {
 padding: 5px 0px 5px 0px;
 font-size: x-small;
}
#oCalendar table th span {
 font-weight: normal;
 text-align: center;
 float: left;
 width: 114px;
}
#oCalendar table th a.prev {
  float:left;
  padding-top: 1px;
}
#oCalendar table th a.next {
  float:right;
  padding-top: 1px;
}
#oCalendar table td.days {
  text-align:center;
  font-size: small;
  font-weight: bold;
  border-bottom:1px solid #005A25;
  background-color: transparent;
}
#oCalendar table td.empty {
  background-color: transparent;
}
#oCalendar table td {
  text-align:right;
  font-size: x-small;
  width: 17px;
  padding:2px;
  background-color: #E5E5E5;
}
#oCalendar table td.today {
  background-color: #CC0000;
  color: #FFFFFF;
}
#oCalendar table td.week {
  border-right:1px solid #005A25;
  font-size: x-small;
  color:#777777;
  background-color: transparent;
}
#oCalendar table td.monthOff {
  font-size: x-small;
  color: #D8D8D8;
  background-color: #F5F5F5;
}
/*---------- tableau agenda -----------------*/
table.activites, .activites {

width: 100%;
border-top: 1px solid #005A25;
border-left: 1px solid #005A25;
border-right: 1px solid #005A25;
}
.activites td {
padding: 3px;
border-bottom: 1px solid #005A25;
vertical-align: top;
text-align: left;
}
.activites .col01 {
width: 25%;
background-color: #B6CAB3;
}
.activites .col02 {
width: 60%;
}
.activites .col03 {
width: 15%;
background-color: #C3CD9A;
}
/*---------- tableau voirie -----------------*/
.voirie {
width: 100%;
border-top: 1px solid #005A25;
border-left: 1px solid #005A25;
border-right: 1px solid #005A25;
}
.voirie td {
border-bottom: 1px solid #005A25;
padding: 3px;
}
.voirie .col01 {
 width: 70%x;
}
.voirie .col02 {
width: 14%;
background-color: #B3C38C;
}
.voirie .col03 {
width: 14%;
background-color: #92AA6B;
}
/*---------- tableau transports -----------------*/
.transport {
text-align: left;
width: 100%;
border-top: 1px solid #005A25;
border-left: 1px solid #005A25;
}
.transport td {
border-bottom: 1px solid #005A25;
border-right: 1px solid #005A25;
padding: 3px;
}
.transport .col01 {
width: 23%;
}
.transport .col02 {
width: 10%;
}
.transport .col03 {
width: 16%;
}
.transport .col04 {
width: 23%;
}
.transport .col05 {
width: 10%;
}
.transport .col06 {
width: 16%;
}
/*---------- tableau menu -----------------*/
.menu {
text-align: left;
width: 100%;
border-top: 1px solid #005A25;
border-left: 1px solid #005A25;
}
.menu td {
border-bottom: 1px solid #005A25;
border-right: 1px solid #005A25;
padding: 3px;
}
.menu .col01 {
width: 14%;
}
.menu .col02 {
width: 18%;
}
.menu .col03 {
width: 14%;
}
.menu .col04 {
width: 18%;
}
.menu .col05 {
width: 14%;
}
.menu .col06 {
width: 18%;
}
/*---------- TABLEAU PLANNING CLSH -----------------*/
.planningclsh {
text-align: left;
width: 100%;
border-top: 1px solid #005A25;
border-left: 1px solid #005A25;
}
.planningclsh th {
background-color: #C3CD9A;
color: #333333;
border-right: 1px solid #005A25;
padding: 3px;
}
.planningclsh td {
border-bottom: 1px solid #005A25;
border-right: 1px solid #005A25;
padding: 3px;
vertical-align: top;
}
.planningclsh .col01 {
width: 6%;
}
.planningclsh .col02 {
width: 48%;
}
.planningclsh .col03 {
width: 48%;
}
/*---------- TABLEAU ARTISANS 3 COLONNES -----------------*/
.artisans3 {
text-align: left;
width: 90%;
border-top: 1px solid #005A25;
border-left: 1px solid #005A25;
border-right: 1px solid #005A25;
/*margin: 10px 0px 20px 0px;*/
margin: 10px auto 20px auto;
}
.artisans3 th {
color: #333333;
padding: 5px 3px 5px 3px;
background-color: #FFFFFF;
}
.artisans3 td {
border-bottom: 1px solid #005A25;
padding: 3px;
vertical-align: top;
}
.artisans3 .col01 {
width: 45%;
}
.artisans3 .col02 {
width: 35%;
}
.artisans3 .col03 {
width: 20%;
}
/*---------- TABLEAU COMMERCES ET ARTISANS LALBENQUE-----------------*/
.commerceslalbenque {
text-align: left;
width: 100%;
border-top: 1px solid #005A25;
border-left: 1px solid #005A25;
border-right: 1px solid #005A25;
margin: 10px 0px 20px 0px;
}
.commerceslalbenque th {
color: #333333;
padding: 5px 3px 5px 3px;
background-color: #FFFFFF;
}
.commerceslalbenque td {
border-bottom: 1px solid #005A25;
padding: 3px;
vertical-align: top;
}
.commerceslalbenque .col01 {
width: 30%;
}
.commerceslalbenque .col02 {
width: 30%;
}
.commerceslalbenque .col03 {
width: 25%;
}
.commerceslalbenque .col04 {
width: 15%;
}
/*----- IMAGES COMMUNES -----*/
.imagegauche {
float: left;
width: 370px;
margin: 20px 0px 20px 0px;
text-align: center;
}
.imagedroite {
float: right;
width: 370px;
margin: 20px 0px 20px 0px;
text-align: center;
}

body div#memberShip {
 position:absolute;
 float:left;
 z-index:1;
 background-color: #F3F3CD;
 border-left:1px solid green;
 border-top:1px solid green;
 border-right:2px solid green;
 border-bottom:2px solid green;
 display:none;
 padding:3px;
}

div#memberShip.off {
 display:none;
}

div#memberShip.on {
 display:block;
}

div#memberShip div {
  padding:3px;
}

/*-- ACTUALITES --*/
html div#actualites p {
float: left;
width: 100%;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

html div#actualites p.toutes, html div#marchesAccueil p.tous {
  clear:both;
  text-align:right;
  font-size: x-small;
}

body.bodyaux #archivesactus p {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #005A25;
}