body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
line-height: 1.3em;
}
a {
color: #000000;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
body.bodypopup h1 {
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:none;
position:absolute;
top: -5000px;
left: -5000px;
}
img {
border: none;
}

#imprimpage,
#menu,
#raccourcis,
#recherche,
#liensUtiles,
#hautpage,
#footer {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 940px;
height: 170px;
padding: 10px 0px 0px 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LOGO ---*/
#header #logo {
position: absolute;
top: 45px;
left: 806px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INFOS MAIRIE ---*/
/*--  SUR ACCUEIL  --*/
body.bodyaccueil #interAccueil #accGauche #infosMairie {
float: left;
width: 330px;
padding: 30px 0px 0px 30px;
background-image: url(fond_3_ronds.gif);
background-repeat: no-repeat;
background-position: 0px 32px;
position: relative;
}
body.bodyaccueil #interAccueil #accGauche #infosMairie p.titreMairie {
width: 230px;
height: 22px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 8px;
background-image: url(fond_titre_mairie.gif);
background-repeat: no-repeat;
background-position: right 0px;
color: #f1892f;
font-size: x-large;
}
body.bodyaccueil #interAccueil #accGauche #infosMairie p.lienContact {
position: absolute;
top: 78px;
left: 180px;
width: 129px;
height: 91px;
margin: 0px 0px 0px 0px;
}
body.bodyaccueil #interAccueil #accGauche #infosMairie p.lienContact a {
display: block;
width: 129px;
height: 26px;
padding: 65px 0px 0px 0px;
background-image: url(fond_contact_mairie_accueil.gif);
color: #FFFFFF;
text-align: center;
}
/*--  SUR PAGE INTER  --*/
#infosMairie {
float: left;
width: 235px;
padding: 30px 0px 0px 0px;
background-image: url(fond_3_ronds.gif);
background-repeat: no-repeat;
background-position: 0px 32px;
}
#infosMairie p.titreMairie {
width: 176px;
height: 22px;
margin: 0px 0px 0px 30px;
padding: 5px 0px 0px 8px;
background-image: url(fond_titre_mairie.gif);
background-repeat: no-repeat;
background-position: right 0px;
color: #f1892f;
font-size: x-large;
}
#infosMairie p.lienContact {
width: 184px;
height: 61px;
margin: 10px 0px 0px 30px;
}
#infosMairie p.lienContact a {
display: block;
width: 164px;
height: 41px;
padding: 20px 0px 0px 20px;
background-image: url(fond_contact_mairie_inter.gif);
background-repeat: no-repeat;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: medium;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
font-size: x-small;
background-color: #FFFFFF;
padding: 7px 0px 0px 10px;
height: 17px;
width:545px;
}
#filariane a {

}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #interAccueil {

}
#inter {

}
body.bodyaccueil #inter h2 {
margin: 0px 0px 0px 0px;
}
#inter h2 {
margin: 0px 0px 0px -12px;
padding:  3px 0px 20px 0px;
color: #535456;
font-size: x-large;
font-weight: normal;
}
#inter h3 {
margin: 0px 0px 0px 0px;
padding:  8px 30px 8px 0px;
font-size: large;
font-weight: normal;
color: #91a51d;
}
body.body01 #inter h3,
body.body01 #inter h3 a {
color: #c21a2b;
}
body.body02 #inter h3,
body.body02 #inter h3 a {
color: #c0940e;
}
body.body03 #inter h3,
body.body03 #inter h3 a {
color: #e8599c;
}
body.body04 #inter h3,
body.body04 #inter h3 a {
color: #f1892f;
}
#inter h4 {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
font-size: medium;
font-weight: normal;
color: #91a51d;
}
body.body01 #inter h4,
body.body01 #inter h4 a {
color: #c21a2b;
}
body.body02 #inter h4,
body.body02 #inter h4 a {
color: #c0940e;
}
body.body03 #inter h4,
body.body03 #inter h4 a {
color: #e8599c;
}
body.body04 #inter h4,
body.body04 #inter h4 a {
color: #f1892f;
}
#inter h5 {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
font-size: small;
color: #91a51d;
}
body.body01 #inter h5,
body.body01 #inter h5 a {
color: #c21a2b;
}
body.body02 #inter h5,
body.body02 #inter h5 a {
color: #c0940e;
}
body.body03 #inter h5,
body.body03 #inter h5 a {
color: #e8599c;
}
body.body04 #inter h5,
body.body04 #inter h5 a {
color: #f1892f;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul,
#interAccueil #edito ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li,
#interAccueil #edito ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE D'ACCUEIL ---*/
body.bodyaccueil #interAccueil #accGauche {
float: left;
width: 360px;
}
body.bodyaccueil #interAccueil #accGauche #edito {
padding: 30px 0px 0px 30px;
background-image: url(fond_3_ronds.gif);
background-repeat: no-repeat;
background-position: 0px 32px;
border-bottom: 1px solid #f1892f;
}
body.bodyaccueil #interAccueil #accGauche #edito h2 {
width: 230px;
height: 22px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 8px;
background-image: url(fond_titre_edito.gif);
background-repeat: no-repeat;
background-position: right 0px;
color: #f1892f;
font-size: x-large;
font-weight: normal;
}
body.bodyaccueil #interAccueil #accDroite {
float: right;
width: 550px;
padding: 20px 0px 0px 0px;
background-image: url(fond_accueil_enfant.jpg);
background-repeat: no-repeat;
background-position: 0px 53px;
}
body.bodyaccueil #interAccueil #accDroite #actus {
position: relative;
float: left;
width: 400px;
padding: 0px 41px 0px 15px;
background-image: url(fond_bas_actus.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
body.bodyaccueil #interAccueil #accDroite #actus h2 {
width: 437px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -15px;
color: #f1892f;
font-size: xx-large;
font-weight: normal;
line-height: 1.3em;
}
body.bodyaccueil #interAccueil #accDroite #actus p {
width: 400px;
padding: 3px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
.actuLigne {
padding: 3px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyaccueil #interAccueil #accDroite #actus p strong a {
text-decoration: none;
}
/*
body.bodyaccueil #interAccueil #accDroite #actus p.filrss,
body.bodyaccueil #interAccueil #accDroite #actus p.toutesactus {
font-size: x-small;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
*/
body.bodyaccueil #interAccueil #accDroite #actus p.filrss a,
body.bodyaccueil #interAccueil #accDroite #actus p.toutesactus a {
position: absolute;
top: 15px;
color: #ff6600;
text-decoration: none;
padding: 0px 0px 0px 12px;
background-repeat: no-repeat;
background-position: 0px center;
}
body.bodyaccueil #interAccueil #accDroite #actus p.filrss a {
background-image: url(puce_bout_rss.gif);
left: 370px;
}
body.bodyaccueil #interAccueil #accDroite #actus p.toutesactus a {
background-image: url(puce_bout_actus.gif);
left: 200px;
}
body.bodyaccueil #interAccueil #accDroite #actus p.filrss a:hover,
body.bodyaccueil #interAccueil #accDroite #actus p.toutesactus a:hover {
text-decoration: underline;
}
body.bodyaccueil #interAccueil #accDroite #zoneSondage {
float: left;
width: 460px;
padding: 30px 60px 0px 30px;
background-image: url(fond_3_ronds.gif);
background-repeat: no-repeat;
background-position: 0px 32px;
}
body.bodyaccueil #interAccueil #accDroite #zoneSondage h2 {
width: 230px;
height: 22px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 8px;
background-image: url(fond_titre_sondage.gif);
background-repeat: no-repeat;
background-position: right 0px;
color: #f1892f;
font-size: x-large;
font-weight: normal;
}
body.bodyaccueil #interAccueil #accDroite #zoneSondage form {
padding: 0px 0px 0px 10px;
}
body.bodyaccueil #interAccueil #accDroite #zoneSondage form p.response {
float: left;
font-size: x-small;
padding: 0px 20px 0px 0px;
}
body.bodyaccueil #interAccueil #accDroite #zoneSondage form p.submit {
clear: both;
padding: 10px 0px 0px 0px;
text-align: center;
}
body.bodyaccueil #interAccueil #accDroite #zoneSondage form p.submit input {
background-color: #9dd8f7;
border: 1px solid #9dd8f7;
color: #FFFFFF;
font-weight: bold;
width: 200px;
padding: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem #contentTotem {
padding: 10px;
border: 1px solid #000000
}
#totem #contentTotem #interTotem {
color: #535456;
}
#totem #contentTotem #interTotem h3 {
margin: 0px 0px 0px 0px;
padding:  0px 0px 8px 10px;
color: #f1892f;
font-size: x-large;
}
#totem #contentTotem #interTotem p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- ANNUAIRE ---*/
body.bodyAnnuaire #inter div#dirList ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyAnnuaire #inter h3 {
margin-bottom: 11px;
}
body.bodyAnnuaire #inter ul.rubriqueAnnu li,
body.bodyAnnuaire #inter h3.annuaire_path,
body.bodyAnnuaire #inter div#dirList ul li,
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-color:#f2f2f2;
background-image: url(plus_vert.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
text-transform: uppercase;
font-weight: bold;
font-size: small;
padding: 2px 0px 0px 20px;
margin: 0px 0px 2px 0px;
}
body.bodyAnnuaire #inter div#dirList ul li a,
body.bodyAnnuaire #inter ul.rubriqueAnnu li a,
body.bodyAnnuaire #inter h3.annuaire_path a,
body.bodyAnnuaire #inter p.lienbasliste a {
text-decoration: none;
}
body.bodyAnnuaire #inter div#dirList ul li ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul{
border-top: #999999 1px solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -20px;
background-color: #FFFFFF;
}
body.bodyAnnuaire #inter div#dirList ul li,
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-color: #FFFFFF;
background-image: url(plus_jaune.gif);
text-transform: none;
}
body.bodyAnnuaire #inter h4 a{
display:block;
text-transform: uppercase;
color: #4C8211;
border-bottom: #999999 1px solid;
background-image: url(plus_rouge.gif);
background-repeat: no-repeat;
background-position: 5px center;
text-decoration: none;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}
body.bodyAnnuaire #inter p.listannu{
border-bottom: #999999 1px solid;
background-color:#f2f2f2;
padding: 10px 10px 10px 10px;
margin: -5px 0px 0px 0px;
}
body.bodyAnnuaire #inter p.lienbasliste{
text-transform: uppercase;
color: #4C8211;
border-bottom: #999999 1px solid;
background-image: url(plus_vert.gif);
background-repeat: no-repeat;
background-position: 5px center;
text-decoration: none;
padding: 2px 0px 3px 20px;
margin: 0px 0px 0px 0px;
}
body.bodyAnnuaire #inter p.contact span.exergue01{
background-image: url(puce01_inter_vert.gif);
background-repeat: no-repeat;
background-position: 5px center;
padding: 0px 0px 0px 15px;
}
body.bodyAnnuaire #inter p.listannu{
padding: 5px 0px 5px 10px;
margin: -1px 0px 0px 0px;
}
span.exergue01,
p.activite {
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #c21a2b;
}
div.coul02, .bleu, .coul02 {
color: #00aeef;
}
div.coul03, .gris, .coul03 {
color: #666666;
}
div.coul04, .orange, .coul04 {
color: #f1892f;
}
div.coul05, .vert, .coul05 {
color: #91a51d;
}
div.coul06, .violet, .coul06 {
color: #e8599c;
}
div.coul07, .jaune, .coul07 {
color: #fdc721;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #c21a2b;
}
img.bord02, .bordureBleue {
border: 1px solid #00aeef;
}
img.bord03, .bordureGrise {
border: 1px solid #666666;
}
img.bord04, .bordureOrange {
border: 1px solid #f1892f;
}
img.bord05, .bordureVerte {
border: 1px solid #91a51d;
}
img.bord06, .bordureViolete {
border: 1px solid #e8599c;
}
img.bord07, .bordureJaune {
border: 1px solid #fdc721;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color: #ec5d01;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--  POP UP  --*/
body.bodypopup #centrage {
width: 710px;
padding: 0px 0px 0px 0px;
}
body.bodypopup #centrage #total {
width: 668px;
float:left;
background-image: url(fond_pop.gif);
background-position: center;
background-repeat: repeat-y;
padding: 8px 21px 0px 21px;
}
body.bodypopup #centrage #total #content {
width: 668px;
background-image: url(fond_content_inter_pop.gif);
background-repeat: repeat-y;
background-position: 1px 0px;
margin: 15px 0px 0px 0px;
}
body.bodypopup #centrage #total #content #interpopup {
width: 613px;
background-image: url(fond_inter_pop.gif);
background-repeat: no-repeat;
padding: 0px 40px 15px 15px;
float:left; 
}
body.bodypopup #centrage #total #content #interpopup h2 {
margin: 0px 0px 0px -12px;
padding:  3px 0px 20px 0px;
color: #535456;
font-size: x-large;
font-weight: normal;
}
body.bodypopup #centrage #total #content #interpopup h3 {
margin: 0px 0px 0px 0px;
padding:  8px 30px 8px 0px;
font-size: large;
font-weight: normal;
color: #91a51d;
}
body.bodypopup #centrage #total #content #interpopup h4 {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
font-size: medium;
font-weight: normal;
color: #91a51d;
}
body.bodypopup #centrage #total #content #interpopup h5 {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
font-size: small;
color: #91a51d;
}
body.bodypopup #centrage #total #content #interpopup p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
body.bodypopup #centrage #total #content #interpopup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
body.bodypopup #centrage #total #content #interpopup ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
body.bodypopup #centrage #total #content #interpopup ul li{
background-image:url(puce01.gif);
}
body.bodypopup #centrage #total #content #interpopup ul ul li{
background-image:url(puce02.gif);
}
body.bodypopup #centrage #total #content #interpopup ul ul ul li{
background-image:url(puce03.gif);
}
body.bodypopup #centrage #footerpopup {
background-image:url(footer_pop.gif);
background-repeat: no-repeat;
background-position: center -10px;
height: 70px;
width: 710px;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {

}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}