body {background:url(img/fond3.jpg); margin:auto;}

#page  {width:983px; margin:auto; position:relative; font-family:arial;} 
#entete {width:983px; height:140px; background: white url(img/entete2.jpg) no-repeat; border-top:solid white 2px;}
#entete a {display:block; width:100%; height:100%;}
#bandeau {width:983px; height:36px; background:url(img/bandeau.jpg) no-repeat; color:white;}
#bandeau table.right {float:right; margin-right:8px;}
#bandeau table tr td {line-height:28px;}
#conteneur {width:983px; float:left; background:white url(img/conteneur.jpg) repeat-y;}
#menu {width:240px; float:left;}
#basmenu {width:240px;}
#milieumenu {width:240px; height:476px; background:url(img/milieumenu.jpg) no-repeat;}
#milieumenua {width:240px; height:476px; background:url(img/milieumenua.jpg) no-repeat;}
#menuvert {position:relative; margin-left:14px; padding-top:6px; margin-top:0px;}
#menuvert dt {height:auto; margin:auto; margin-top:10px; margin-bottom:0px;font-family:Arial; font-size:13px; color:#000000; font-weight:bold; text-align:justify; cursor:text; list-style-type: none; width:100%;}
#menuvert a.lienmenu  {height:auto; margin:auto; font-family:Arial; font-size:13px; color:#000000; font-weight:bold; text-align:justify; cursor:hand; list-style-type: none; width:100%; text-decoration:none; line-height:16px;}
#menuvert a:hover {color:red; text-decoration:underline;}
#menuvert dt:hover{color:red;}
#menuvert dd {width:auto; position:relative; margin-left:0px;}
#menuvert table {margin-left:0px; padding-left:24px;}
#menuvert table tr td{height:18px; margin-left:0px; font-size:13px;}
#menuvert table tr td a {text-decoration:none; color:black;}
#menuvert table tr td a:hover {color:red; text-decoration:underline;}
.point {width:20px; background:url(img/point.gif) no-repeat;}
#hautvp {width:240px; height:50px; background:url(img/hautvp.jpg) no-repeat;}
#milieuvp {width:240px; background:url(img/milieuvp.jpg) repeat-y;}
#basvp {width:240px; height:36px; background:url(img/basvp.jpg) no-repeat;}
#corps {width:503px; float:left; background:white;}
#corps2 {width:730px; float:left; margin-left:4px; background:white;}
#texte {width:453px; margin:auto; margin-top:30px; background: url(img/titre.jpg) no-repeat; font-size:14px;}
#texte h3.titrepage {color:white;}
#texte2 {width:680px; margin:auto; margin-top:30px; background: url(img/titre2.jpg) no-repeat; font-size:14px; text-align:justify;}
#texte2 h3.titrepage {color:white;}
#infos {width:240px; float:right; margin-top:10px;}
#hautinfos {width:240px; height:25px; background: url(img/hautinfos2.jpg);}
#milieuinfos {width:240px; background: url(img/milieuinfos2.jpg);}
#basinfos {width:240px; height:32px; background: url(img/basinfos2.jpg);}
.date {font-size:12px;}
.fieldviepratique {padding-right:0px; padding-left:0px; padding-top:0px; border:none; font-family:arial;}
.tabviepratique {margin:auto;}
.tabviepratique tr td{height:22px; font-size:12px;}
.tabviepratique tr td a {text-decoration:none; color:black;}
.tabviepratique tr td a:hover {text-decoration:underline; color:red;}
.fleche {width:24px; background:url(img/fleche.gif) no-repeat;}
#pied {width:983px; height:42px; clear:both; background:white url(img/pied.jpg) no-repeat;}
#pied table {margin-left:336px; font-size:12px; line-height:38px; font-family:arial; margin-right:0px;}
#pied table tr td.stats {width:auto; padding-left:240px; font-size:10px;}
#pied table tr td a{text-decoration:none; color:white;}
#pied table tr td a:hover{text-decoration:underline; color:limegreen;}
img {border:none;}
.titreliste {font-weight:bold; list-style-type: none; font-size:14px; font-family:arial; color:red;}
.pastitre a{font-weight:normal; color:black; text-decoration:underline; font-size:14px;}
.pastitre a:hover{text-decoration:none;}
.connexion {width:300px; margin:auto; border:none;}
.connexion tr td {text-align:right;}
.tabadmin {margin:auto;}
.tabadmin tr td {width:100px; height:30px; background:url(img/boutonadmin.gif) no-repeat; text-align:center; font-family:arial; font-weight:bold; font-size:14px;}
.tabadmin tr td a {text-decoration:none; color:black;}
.tabadmin tr td a:hover {color:red;}
.fieldadmin {padding-top:0px; width:340px; margin:auto;}
.tabadmin2 {margin:auto;}
.tabadmin2 tr td {width:200px; height:30px; background:url(img/boutonadmin2.gif) no-repeat; text-align:center; font-family:arial; font-weight:bold; font-size:14px;}
.tabadmin2 tr td a {text-decoration:none; color:black;}
.tabadmin2 tr td a:hover {color:red;}
.agenda {width:210px; margin-left:10px; font-size:12px; font-family:palatino linotype;}
.agenda tr td.date {vertical-align:top; font-weight:bold; width:24px; font-size:12px; text-decoration:underline;}
.intitule {text-align:justify;}
.liensext {margin-left:10px;}
* html .liensext{margin:auto;}
.tabagenda {width:420px; margin:auto; font-family:palatino linotype; font-size:14px; background:#66cc66;} 
.tabagenda tr td.date {width:410px; font-size:15px; background:#99ff66; text-align:center;}
.tabagenda tr td.supprdate {text-align:justify; background:#99ff66;}
.fieldagenda {margin:auto; border:solid black 1px; margin-bottom:6px; text-align:justify;}
.fieldagenda legend {font-weight:bold; font-size:18px; color:darkred;}
* html .fieldagenda  {padding-left:6px; padding-right:6px; margin-bottom:6px; padding-bottom:6px;}
.tabactu tr td{margin-top:10px;}
.fieldactu {margin:auto; border:solid black 1px; margin-bottom:6px;}
* html .fieldactu {padding-left:6px; padding-right:6px;}
.fieldactu legend {font-weight:bold; font-size:18px; color:darkred;}
.tabformactu {font-weight:bold; width:100px; padding-left:6px;}
.sousfieldactu {border:solid limegreen 1px; text-align:justify;}
.sousfieldactu legend{color:seagreen;}
* html .sousfieldactu {padding-left:6px; padding-right:6px; margin-bottom:6px; padding-bottom:6px;}
.tabmiseenpage tr td {text-align:center;}
h3 {margin-top:0px;}
* html h3 {line-height:24px;}
h4 u{margin-top:0px; color:blue;}
h5 {margin-top:0px;}
textarea {overflow:auto;}
.fieldaccrocheactu {border:none; background:#feeedf url(img/hautactu.jpg) no-repeat; border-left:solid #febb77 2px; border-right: solid #c1dd90 2px; text-align:justify; padding-left:4px; padding-top:4px;}
.fieldaccrocheactu a {text-decoration:none; font-size:12px; font-style:italic;}
.fieldaccrocheactu a.suite {margin-left:320px;}
.fieldaccrocheactu a:hover {text-decoration:underline;}
.fieldaccrocheactu i {font-size:12px;}
.fieldaccrocheactu table tr td b {color:#76003a; font-size:15px;} 
* html fieldset {padding-left:6px; padding-right:6px; margin-bottom:6px; padding-bottom:6px;}
 fieldset {padding-left:8px; padding-right:8px; margin-bottom:8px; padding-bottom:8px;}
* html legend {margin-bottom:4px;}
.fieldtexteactu {border:none; border-bottom:solid black 1px; padding-bottom:20px; background:#feeedf; text-align:justify;}
.fieldtexteactu table tr td b {color:#76003a; font-size:16px;}
.fieldtexteactu i {font-size:12px;}
.imggauche {float:left; margin-right:6px; margin-bottom:4px; border:solid #a3cc4a 1px;}
.imgdroite {float:right; margin-left:6px; margin-bottom:4px; border:solid #a3cc4a 1px;}
.imghaut {border:solid #a3cc4a 1px;}
.servicesmunicipaux {margin-left:10px;} 
.conseilmunicipal {width:660px;}
.conseilmunicipal tr td {height:133px; padding-left:20px;}
.conseilmunicipal tr td.photo {width:100px; padding-left:0px; background:black;}
h4.titre {height:30px; padding-left:4px; padding-right:10px; background: url(img/fondtitre.jpg) repeat-x; color:#76003a; margin-top:20px; display:table;}
h4.titre2 {height:30px; padding-left:4px; padding-right:10px; background: url(img/fondtitre2.jpg) repeat-x; color:#627d31; margin-top:20px;margin-left:20px; display:table;}
h4.titre3{height:30px; padding-left:4px; padding-right:10px; background: url(img/fondtitre3.jpg) repeat-x; color:#ff9934; margin-top:20px;margin-left:40px; display:table;}
.titre b:before {content:url(img/iconetitre.jpg);}
.titre2 b:before {content:url(img/iconetitre2.jpg);}
.titre3 b:before {content:url(img/iconetitre3.jpg);}
h4.titrebis {font-weight:bold; color:#76003a; text-decoration:underline;}
i b a {color:black;}
i b a:hover {color:darkred;}
.etablissementsscolaires tr td {text-align:justify;}
.etablissementsscolaires tr td.photo{padding-left:10px;}
.telech tr td {padding-left:20px;}
.telech tr td a{text-decoration:none; color:black; font-weight:bold;}
.telech tr td a:hover{text-decoration:underline; color:black;}
.repas tr td {height:24px; padding-right:20px;}
.garderie {background:black;}
.garderie tr td {height:24px; padding-right:20px; padding-left:20px; background:white;}
.garderie tr td.un{text-align:left;}
.garderie tr td.deux {text-align:center;}
.garderie tr th {height:24px; padding-right:20px; padding-left:20px; background:white;}
.garderie tr th.un{text-align:left;}
.garderie tr th.deux {text-align:center;}
a.pdf:hover {text-decoration:underline; color:black;}
a.pdf {text-decoration:none; color:black; font-weight:bold;}
.ram tr td {padding-right:10px; padding-left:10px;}
.biblio {margin-left:20px;}
.biblio tr td {padding-right:10px; padding-left:10px;}
.clsh {background:black;}
.clsh tr td {text-align:center; background:white; padding-top:4px; padding-bottom:4px; padding-right:4px; padding-left:4px;}

a.retouraccueil {margin-left:36px; font-size:13px; text-decoration:none; font-family:arial; font-weight:bold; color:#76003a;}
a.retouraccueil:hover {text-decoration:underline;}
.retouraccueil:before {content:".:. ";}

fieldset.numutiles legend {color:#627d31; padding-left:6px; padding-right:6px;}
fieldset.numutiles {border:solid #76003a 2px; width:400px; margin:auto;}


* html #menuvert table {margin-left:26px;}
* html #menuvert {padding-top:20px;}