body { margin-top: 5px; background-color: #FFFFFF; }

/* DIVS */

.spacer { clear: both; }

.backwards {unicode-bidi:bidi-override; direction: rtl; color:#c00;}
.address:after { content: "<commune-harcy\40wanadoo.fr>"; }

.alerte { font-family: Verdana, Arial; font-size: 10pt; text-align: center; color: #FF0033; }
.corps { width: 760px; border: 0px; background-color: #FFFFFF; padding: 0px; font-family: Verdana, Arial; font-size: 9pt; text-align: justify; color: #000000; }
.top { width: 760px; height: 170px; border: 0px; }

.main { border: 0px; width: 760px; text-align: justify; font-family: Verdana, Arial; font-size: 9pt; color: #000000; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/fond_centre.gif'); }

.mainContenu { border: 0px; width: 760px; min-height: 575px; height: 575px; text-align: justify; font-family: Verdana, Arial; font-size: 9pt; color: #000000; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/fond_centre.gif'); }
div[class] .mainContenu { border: 0px; width: 760px; height: auto; text-align: justify; font-family: Verdana, Arial; font-size: 9pt; color: #000000; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/fond_centre.gif'); }

.mainTop { border: 0px; width: 760px; height: 22px; margin-top: 0px; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/haut_centre.gif'); }
.mainBottom { border: 0px; width: 760px; height: 5px; margin-bottom: 0px; padding: 0px; }

/* MENU */ 

.menu { border: 0px; width: 150px; padding-top: 10px; padding-bottom: 10px; text-align: center; font-family: Verdana, Arial; font-size: 9pt; color: #3399CC; font-weight: normal; margin-left: 5px; float: left; }

.menuTop1 { width: 150px; height: 27px; border: 0px; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/haut_menu1.gif'); }
.menuTop2 { width: 150px; height: 27px; border: 0px; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/haut_menu2.gif'); }
.menuTop3 { width: 150px; height: 27px; border: 0px; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/haut_menu3.gif'); }
.menuTexte { width: 150px; border: 0px; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/fond_menu.gif'); }
.menuBottom { width: 150px; height: 27px; border: 0px; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/bas_menu.gif'); }

.titleMenuCommune { width: 150px; height: 25px; border: 0px; padding: 0px; background-image: url('http://www.mairie-harcy.fr/images/haut_menu_commune.gif'); }

/* CENTRE */

.contenuCentre { width: 550px; border: 1px solid; border-color: #000000; background-color: #FFFFFF; font-family: Verdana, Arial; font-size: 9pt; text-align: justify; color: #000000; padding: 10px; margin-left: 10px; float: left; }

.decouvertePhoto { width: 270px; border: 0px; text-align: center; padding: 0px; margin-left: 5px; margin-top: 1px; float: left; }
.decouverteTexte { width: 250px; border: 0px; text-align: justify; padding: 5px; margin-left: 10px; margin-top: 1px; float: left; }

.blasonPhoto { width: 155px; border: 0px; text-align: center; padding: 0px; margin-left: 5px; margin-top: 1px; float: left; }
.blasonTexte { width: 350px; border: 0px; text-align: justify; padding: 5px; margin-left: 10px; margin-top: 1px; float: left; }

.photoAccueil { width: 550px; border: 0px; text-align: center; padding: 10px; margin-left: 10px; float: left; }
.evenementsInclude { width: 550px; border: 1px solid; border-color: #000000;  text-align: justify; padding: 10px; margin-left: 10px; margin-top: 15px; float: left; }

.photoPagesG { width: 235px; border: 0px; text-align: center; padding: 5px; margin-left: 5px; float: left; }
.photoPagesD { width: 235px; border: 0px; text-align: center; padding: 5px; margin-left: 10px; float: left; }

.photoActu { border: 1px dashed; border-color: #000000; width: 125px; margin-top: 10px; padding: 10px 5px 10px 5px; text-align: center; float: left; }
.photoActuAffichage { border: 0px; padding: 0px; text-align: center; }
.texteActu { border: 0px; width: 390px; padding: 10px; text-align: left; float: left; }

.photoG { width: 325px; border: 0px; text-align: center; padding: 5px; margin-left: 5px; float: left; }
.photoD { width: 275px; border: 0px; text-align: center; padding: 5px; margin-left: 10px; float: left; }
.texteG { width: 240px; border: 0px; text-align: justify; padding: 5px; margin-left: 5px; float: left; }
.texteD { width: 190px; border: 0px; text-align: justify; padding: 5px; margin-left: 10px; float: left; }

.photoArdoise { border: 0px; background-color: #FFFFFF; padding: 10px; text-align: center; }
.photoCadreGaucheArdoise { border: 0px; padding: 10px 5px 10px 0px; text-align: center; float: left; }
.photoCadreDroitArdoise { border: 0px; padding: 10px 0px 10px 5px; text-align: center; float: right; }

.titre { font-family: Verdana, Arial; font-size: 10pt; color: #FF0033; font-weight: bold; }

/* BOTTOM */

.footer { border: 0px; background-color: #FAAF00; width: 760px; height: 27px; text-align: center; padding-top: 8px; font-family: Verdana, Arial; font-size: 8pt; text-align: center; color: #000000; background-image: url('http://www.mairie-harcy.fr/images/footer.gif'); }

.w3c { border: 0px; width: 200px; text-align: center; padding: 10px; }

/* les liens */

A:link { color: #FF9900; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A:active { color: #FF9900; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A:visited { color: #FF9900; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A:hover { color: #FF0033; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lien:link { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lien:active { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lien:visited { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lien:hover { color: #FF0033; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lienMenu:link { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienMenu:active { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienMenu:visited { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienMenu:hover { color: #FF0033; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lienTitreMenu:link { color: #FF9900; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienTitreMenu:active { color: #FF9900; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienTitreMenu:visited { color: #FF9900; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienTitreMenu:hover { color: #FFFFCC; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lienpage:link { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienpage:active { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienpage:visited { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienpage:hover { color: #FF0033; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lienFooter:link { color: #FFFFFF; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienFooter:active { color: #FFFFFF; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienFooter:visited { color: #FFFFFF; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienFooter:hover { color: #FF9900; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

/* formulaires */ 

.button { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #FFFFFF; background-color: #000000; } 
.select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; background-color: #C0C0C0; } 
.input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; background-color: #C0C0C0; }