body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #000000;
}
a {
color: #000000;
}
h1 {
font-size: x-large;
padding-bottom: 5px;
border-bottom: 1px solid #000000;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#header #top,
#recherche,
#gauche,
#droite #totemstandard,
#footer,
#navigHeureBleue {
display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- TOTAL --*/
#total {

}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#header {

}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- FIL D'ARIANE --*/
#filariane {
clear: both;
width: 100%;
margin: 10px 0px 20px 0px;
font-size: x-small;
}
/*------------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#inter {
width: 100%;
padding: 0px 0px 20px 0px;
}
#inter h2 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 15px;
color: #E2001A;
font-size: x-large;
border-bottom: 4px solid #E2001A;
}
#inter h2 a {
color: #E2001A;
}
#inter h3 {
margin: 10px 0px 10px 15px;
padding: 0;
font-size: large;
}
body.bodymairie #inter h3,
body.bodymairie #inter h3 a,
body.bodygenerique #inter h3,
body.bodygenerique #inter h3 a {
color: #7B0000;
}
body.bodyactus #inter h3,
body.bodyactus #inter h3 a {
color: #A84F00;
}
body.bodyepanouir #inter h3,
body.bodyepanouir #inter h3 a {
color: #8E6F3A;
}
body.bodygrandir #inter h3,
body.bodygrandir #inter h3 a {
color: #9B5300;
}
body.bodytravailler #inter h3,
body.bodytravailler #inter h3 a {
color: #404D65;
}
body.bodysolidaire #inter h3,
body.bodysolidaire #inter h3 a {
color: #408E3A;
}
body.bodyhabiter #inter h3,
body.bodyhabiter #inter h3 a {
color: #642250;
}
body.bodydeplacer #inter h3,
body.bodydeplacer #inter h3 a {
color: #515916;
}
#inter h4 {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 15px;
font-size: large;
font-weight: normal;
color: #666666;
}
#inter h4 a {
color: #666666;
}
#inter h5 {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 15px;
font-size: medium;
font-weight: normal;
color: #CC0000;
text-decoration: underline;
}
#inter h5 a {
color: #CC0000;
}
#inter p {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 15px;
}
/*------------------------------------------------------------------------------------------------------------------*/
/*-- DROITE --*/
#droite {

}
#droite #totem {
font-size: small;
padding: 5px;
}
#droite #totem h3 {
margin: 0px 0px 8px 0px;
}
#droite #totem p {
margin: 8px 0px 8px 0px;
}
body.bodymairie #droite #totem,
body.bodygenerique #droite #totem {
color: #7B0000;
border: 1px solid #7B0000;
}
body.bodyactus #droite #totem {
color: #A84F00;
border: 1px solid #A84F00;
}
body.bodyepanouir #droite #totem {
color: #8E6F3A;
border: 1px solid #8E6F3A;
}
body.bodygrandir #droite #totem {
color: #9B5300;
border: 1px solid #9B5300;
}
body.bodytravailler #droite #totem {
color: #404D65;
border: 1px solid #404D65;
}
body.bodysolidaire #droite #totem {
color: #408E3A;
border: 1px solid #408E3A;
}
body.bodyhabiter #droite #totem {
color: #642250;
border: 1px solid #642250;
}
body.bodydeplacer #droite #totem {
color: #515916;
border: 1px solid #515916;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- ACCUEIL --*/
body.bodyaccueil {
background-color: #239CD4;
background-image: url(fond_accueil.jpg);
background-repeat: no-repeat;
}
body.bodyaccueil #header #top {
display: none;
}
body.bodyaccueil #boutenglish {
position: absolute;
top: 10px;
left: 552px;
}
body.bodyaccueil #boutenglish a {
display: block;
width: 101px;
height: 17px;
background-image: url(bout_english_accueil.gif);
background-repeat: no-repeat;
}
body.bodyaccueil #boutenglish a span {
display: none;
}
body.bodyaccueil #gauche {
height: 200px;
margin: 0;
}
#interaccueil {
width: 755px;
height: 328px;
padding: 205px 0px 0px 4px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- TEXTE --*/
div.coul01, .bordeaux, .coul01 {
color: #7B0000;
}
div.coul02, .marron, .coul02 {
color: #9B5300;
}
div.coul03, .bleuFonce, .coul03 {
color: #404D65;
}
div.coul04, .vert, .coul04 {
color: #408E3A;
}
div.coul05, .violet, .coul05 {
color: #642250;
}
div.coul06, .kaki, .coul06 {
color: #515916;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBordeaux {
border: 1px solid #7B0000;
}
img.bord02, .bordureMarron {
border: 1px solid #9B5300;
}
img.bord03, .bordureBleueFoncee {
border: 1px solid #404D65;
}
img.bord04, .bordureVerte {
border: 1px solid #408E3A;
}
img.bord05, .bordureViolete {
border: 1px solid #642250;
}
img.bord06, .bordureKaki {
border: 1px solid #515916;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #7B0000;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
 }
.result td.title {
text-align: left;
border: none;
background-color: #FFFFFF;
}
.result td.title a {
font-weight: bold;
color: #7B0000;
}
.result td.date {
font-size: x-small;
border: none;
background-color: #FFFFFF;
}
.result td.description {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #7B0000;
padding-bottom: 10px;
background-color: #FFDADE;
 }
html div.prec {
float: left;
padding-left: 7px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 10px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
color: #7B0000;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
background-image: url(puce_liste_inter_mairie.gif);
background-repeat: no-repeat;
background-position: 42px 3px;
color: #7B0000;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
padding: 3px;
vertical-align: top;
}
body.bodymairie th,
body.bodygenerique th,
body.bodypopup th {
color: #7B0000;
border: 1px solid #7B0000;
}
body.bodyactus th {
color: #A84F00;
border: 1px solid #A84F00;
}
body.bodymairie td,
body.bodygenerique td,
body.bodypopup td {
border: 1px solid #7B0000;
}
body.bodyactus td {
border: 1px solid #A84F00;
}
body.bodyepanouir th {
color: #8E6F3A;
border: 1px solid #8E6F3A;
}
body.bodyepanouir td {
border: 1px solid #8E6F3A;
}
body.bodygrandir th {
color: #9B5300;
border: 1px solid #9B5300;
}
body.bodygrandir td {
border: 1px solid #9B5300;
}
body.bodytravailler th {
color: #404D65;
border: 1px solid #404D65;
}
body.bodytravailler td {
border: 1px solid #404D65;
}
body.bodysolidaire th {
color: #408E3A;
border: 1px solid #408E3A;
}
body.bodysolidaire td {
border: 1px solid #408E3A;
}
body.bodyhabiter th {
color: #642250;
border: 1px solid #642250;
}
body.bodyhabiter td {
border: 1px solid #642250;
}
body.bodydeplacer th {
color: #515916;
border: 1px solid #515916;
}
body.bodydeplacer td {
border: 1px solid #515916;
}
table.tableinvisible, .tableauTransparent {

}
body table.tableinvisible th,
body table.tableinvisible td {
padding: 0;
text-align: left;
border: none;
background-color: #FFFFFF;
font-weight: normal;
color: #000000;
}
/*------------------------------------------------------------------------------------------------------------*/
/*-- FORUM --*/
table#forum,
table#posts {
width: 100%;
}
table#forum td a {
text-decoration: none;
font-weight: bold;
color: #CC0000;
}
table#forum td a:hover {
text-decoration: underline;
}
p.return a,
p.post a,
p a.aideforum {
font-size: x-small;
text-decoration: none;
color: #7B0000;
}
p.return a {
padding: 0px 0px 0px 10px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
p.post a {
padding: 0px 0px 0px 16px;
background-image: url(ajout_message.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
p a.aideforum {
padding: 0px 0px 0px 16px;
background-image: url(besoin_aide.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}
table#posts td div.author {
padding-right: 5px;
color: #CC0000;
font-weight: bold;
}
table#posts td div.posts {
font-size: x-small;
text-decoration: underline;
}
table#posts td span {
width: 45%;
float: left;
}
table#posts td hr {
clear: both;
}
table#posts td span.subject {
padding-left: 25px;
color: #CC0000;
}
table#posts td div.message blockquote {
background-color: #FFF2F3;
padding: 3px;
border: 1px solid #F9C8CD;
font-style: italic;
}
table#posts td.cite a {
font-size: x-small;
font-weight: bold;
text-decoration: none;
color: #7B0000;
}
div.edit {
padding-bottom: 10px;
}
div.edit a {
text-decoration: none;
color: #CC0000;
font-weight: bold;
}
div.edit a:hover {
text-decoration: underline;
}
p#author {
color: #CC0000;
margin: 0px 0px 5px 25px;
}
blockquote#citation {
margin-top: 0px;
background-color: #FFF2F3;
padding: 3px;
border: 1px solid #F9C8CD;
font-style: italic;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*-- ANNUAIRES --*/
p.lienbasliste a {
font-size: x-small;
text-decoration: none;
color: #7B0000;
float: left;
}
body.bodygenerique #inter ul.rubriqueAnnu,
body.bodygenerique #inter div#dirList ul {
margin: 10px 15px 0px 15px;
background-color: #FFF2F3;
padding: 3px;
border: 1px solid #F9C8CD;
}
body.bodygenerique #inter p.listannu {
padding: 0px 0px 10px 15px;
border-bottom: 1px solid #F9C8CD;
float: left;
width: 530px;
}
body.bodygenerique #inter p.listannu .exergue01 {
color: #CC0000;
}
body.bodygenerique #inter p.listannu a {
text-decoration: none;
}
body.bodygenerique #inter p.listannu a:hover {
text-decoration: underline;
}
body.bodygenerique #inter p.listannu img {
float: left;
margin-right: 10px;
border: 1px solid #CC0000;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*-- PLAN DU SITE --*/
body.bodygenerique #inter #plandusite a {
text-decoration: none;
}
body.bodygenerique #inter #plandusite a:hover {
text-decoration: underline;
}
body.bodygenerique #inter #plandusite ul li ul li {
font-size: x-small;
}
body.bodygenerique #inter #plandusite h3,
body.bodygenerique #inter #plandusite h3 a {
text-decoration: none;
font-size: medium;
font-weight: normal;
margin-bottom: 0px;
}
body.bodygenerique #inter #plandusite h3.planaccueil {
border-bottom: 1px solid #0072B8;
}
body.bodygenerique #inter #plandusite h3.planaccueil a {
color: #0072B8;
}
body.bodygenerique #inter #plandusite h3.planmairie a {
color: #E2001A;
}
body.bodygenerique #inter #plandusite h3.planepanouir a {
color: #F49E00;
}
body.bodygenerique #inter #plandusite h3.plangrandir a {
color: #CE9D64;
}
body.bodygenerique #inter #plandusite h3.plantravailler a {
color: #909DB4;
}
body.bodygenerique #inter #plandusite h3.plansolidaire a {
color: #68B796;
}
body.bodygenerique #inter #plandusite h3.planhabiter a {
color: #CB8AB7;
}
body.bodygenerique #inter #plandusite h3.plansedeplacer a {
color: #B6C06D;
}
#plandusite ul {
margin: 0px 0px 0px 15px;
padding: 5px;
line-height: 15px;
}
#plandusite ul ul {
margin: 0px 0px 0px 10px;
padding: 0;
}
#plandusite ul.listeplanmairie {
background-color: #FFEEF0;
border-bottom: 1px solid #E2001A;
}
#plandusite ul.listeplanepanouir {
background-color: #FFEBC7;
border-bottom: 1px solid #F49E00;
}
body.bodygenerique #inter #plandusite ul.listeplanepanouir li {
background-image: url(puce_liste_inter_epanouir.gif);
}
#plandusite ul.listeplangrandir {
background-color: #FFF3E6;
border-bottom: 1px solid #CE9D64;
}
body.bodygenerique #inter #plandusite ul.listeplangrandir li {
background-image: url(puce_liste_inter_grandir.gif);
}
#plandusite ul.listeplantravailler {
background-color: #ECF2FC;
border-bottom: 1px solid #909DB4;
}
body.bodygenerique #inter #plandusite ul.listeplantravailler li {
background-image: url(puce_liste_inter_travailler.gif);
}
#plandusite ul.listeplansolidaire {
background-color: #F0FCF7;
border-bottom: 1px solid #68B796;
}
body.bodygenerique #inter #plandusite ul.listeplansolidaire li {
background-image: url(puce_liste_inter_solidaire.gif);
}
#plandusite ul.listeplanhabiter {
background-color: #FFF4FC;
border-bottom: 1px solid #CB8AB7;
}
body.bodygenerique #inter #plandusite ul.listeplanhabiter li {
background-image: url(puce_liste_inter_habiter.gif);
}
#plandusite ul.listeplansedeplacer {
background-color: #F7FAE1;
border-bottom: 1px solid #B6C06D;
}
body.bodygenerique #inter #plandusite ul.listeplansedeplacer li {
background-image: url(puce_liste_inter_se_deplacer.gif);
}
body.bodygenerique #inter #plandusite ul.listeplanmairie li ul li,
body.bodygenerique #inter #plandusite ul.listeplanepanouir li ul li,
body.bodygenerique #inter #plandusite ul.listeplangrandir li ul li,
body.bodygenerique #inter #plandusite ul.listeplantravailler li ul li,
body.bodygenerique #inter #plandusite ul.listeplansolidaire li ul li,
body.bodygenerique #inter #plandusite ul.listeplanhabiter li ul li,
body.bodygenerique #inter #plandusite ul.listeplansedeplacer li ul li {
padding: 0px 0px 0px 8px;
background-repeat: no-repeat;
background-position: 0px 5px;
background-image: url(puce_liste_inter_niveau2.gif);
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*-- AIDE --*/
a.retourhaut {
font-size: x-small;
text-decoration: none;
color: #7B0000;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*-- ACTU --*/
body.bodyactus div.actuLigne {
margin: 8px 0px 8px 15px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #FFE26D;
}
body.bodyactus div.actuLigne strong,
body.bodyactus div.actuLigne strong a {
color: #CC0000;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*-- POP UP --*/
body.bodypopup #headerpopup h1 {
display: block;
margin: 0;
padding: 0;
}
#interpopup h2 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 15px;
color: #E2001A;
font-size: x-large;
border-bottom: 4px solid #E2001A;
}
#interpopup h2 a {
color: #E2001A;
}
body.bodypopup #interpopup h3,
body.bodypopup #interpopup h3 a {
margin: 10px 0px 10px 0px;
padding: 0;
font-size: large;
color: #7B0000;
}
#interpopup h4 {
margin: 8px 0px 8px 0px;
padding: 0;
font-size: large;
font-weight: normal;
color: #666666;
}
#interpopup h4 a {
color: #666666;
}
#interpopup h5 {
margin: 8px 0px 8px 0px;
padding: 0;
font-size: medium;
font-weight: normal;
color: #CC0000;
text-decoration: underline;
}
#interpopup h5 a {
color: #CC0000;
}
#interpopup p {
margin: 8px 0px 8px 0px;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*-- CONSEIL MUNICIPAL --*/
body.bodymairie div#conseil p {
float: left;
width: 95%;
clear: both;
border:1px solid #7B0000;
margin:5px;
padding:3px 3px 3px 3px;
}
body.bodymairie div#conseil h3 {
clear:left;
}
body.bodymairie div#conseil p img {
float:left; 
margin-right:3px;
margin-bottom:15px;
}