*
{
margin: 0px;
border: 0px;
padding: 0px;
}
/**/
#titre { background-color: #000; background-image: url(../images/banniere.gif); background-repeat: no-repeat; text-align: right; height: 154px; padding: 3px; border-color: #000; }
#centre { margin: 10px 210px 10px 143px; padding-right: 30px; padding-left: 30px; }
p { margin-top: 10px; margin-bottom: 10px; }
#footer { color: #fff; font-weight: bold; font-style: italic; background-color: #000; text-align: center; margin: 0; padding: 0; border: solid 1px #000; }
#gauche { color: #fff; background-color: #000; text-align: center; width: 138px; float: left; }
#menu { background-color: #000; height: 198px; border-color: #000; }
#contenu { background-image: url(../images/background.gif); width: 100%; border-bottom: 1px solid #000; list-style-image: url(../images/puceblanche.gif); }
#droite { color: #fff; background-color: #000; text-align: center; width: 202px; float: right; }
#page { font-family: arial; text-align: left; width: 958px; border: solid 1px #000; }
/**/
/**/
td {}
a:link { color: blue }
a:visited { color: purple }
a:hover { color: purple }
p { font-family: arial; }
a:active { color: red }
body { color: black; font-family: verdana; text-align: center; }
/**/
/**/
div.menu { font-size: 14px; background-color: purple; width: 145px; height: 184px; float: left; margin-right: 2px; margin-left: 2px; padding: 5px; border-bottom: 1px solid #000; border-top-color: #000; border-right-color: #000; border-left-color: #000; list-style-type: none; }
#menu_lacommune { background-color: #fff; list-style-type: none; }
#menu_viepratique { background-color: #09f; }
#menu_jeunesseeducation { background-color: #f60; }
#menu_cultureetactivites { background-color: #9f0; }
#menu_agenda { background-color: #fc0; }
#menu_accesrapide { background-color: #f6f; }
div.menu h2 { font-size: 17px; font-style: italic; height: 40px !important; margin: 1px 1px 10px; }
div.menu ul { margin: 0; list-style-type: none; cursor: pointer; }
#menu_lacommune a { color: #000; text-decoration: none; }
#menu_viepratique a { color: #000; text-decoration: none; }
#menu_jeunesseeducation a { color: #000; text-decoration: none; }
#menu_cultureetactivites a { color: #000; text-decoration: none; }
#menu_agenda a { color: #000; text-decoration: none; }
#menu_accesrapide a { color: #000; text-decoration: none; }
#menu_lacommune a:hover { color: #900; text-decoration: none; }
#menu_viepratique a:hover { color: #900; text-decoration: none; }
#menu_jeunesseeducation a:hover { color: #900; text-decoration: none; }
#menu_cultureetactivites a:hover { color: #900; text-decoration: none; }
#menu_accesrapide a:hover { color: #900; text-decoration: none; }
#menu_agenda a:hover { color: #900; text-decoration: none; }
/**/
/**/
/**/
#contenu p { text-align: justify; }
#contenu p.centre { text-align: center; }
h3 { color: #900; font-size: 24px; font-weight: bold; margin-top: 30px; margin-bottom: 30px; }
h5 { color: #900; font-size: 18px; margin-top: 10px; margin-bottom: 10px; }
/**/
#calendrier { text-align: center; }
#evenementcal { height: 100px; }
#calendrier table { text-align: center; width: 95%; border: solid 1px #fff; }
#calendrier table tr { height: 20px; border-width: 0; }
#calendrier table tr td { height: 20px; border-width: 0; }
#calendrier .mois { color: #000; font-weight: bold; background-color: #fc0; }
#calendrier .mois a { color: #000; text-decoration: none; }
#calendrier .mois a:hover { color: #f00; font-weight: bold; text-decoration: none; }
#calendrier .annee { color: #fff; font-weight: bold; }
#calendrier .annee a { color: #fff; text-decoration: none; }
#calendrier .annee a:hover { color: #f00; font-weight: bold; text-decoration: none; }
#calendrier .jours { color: #fff; font-style: italic; }
#calendrier .evenement a { color: #fc0; font-weight: bold; text-decoration: none; }
.invisible { color: #900; display: none; }
.visible { color: #fc0; font-weight: bold; padding: 5px; }
#calendrier .evenement a:hover { color: #fff; font-weight: bold; text-decoration: none; }
/**/
/**/
#defilement { color: #fff; text-align: center; width: 94%; height: 100px; margin-bottom: 5px; border: solid 1px; }
#defilement table { text-align: center; width: 100%; }
#defilement .titre { color: #000; font-weight: bold; background-color: #fc0; }
/**/
div.accueil { color: #fff; text-align: center; margin-bottom: 5px; width: 94%; border: solid 1px; }
div.accueil p { color: #000; font-weight: bold; background-color: #fc0; text-align: center; width: 100%; margin: 2px; }
div.accueil p a { color: #000; text-decoration: none; }
div.accueil p a:hover { color: #000; font-weight: bold; text-decoration: none; }
/**/
/**/
#gauche .ssmenu { text-align: left; width: 95%; list-style-type: none; list-style-image: none; }
#gauche .ssmenu ul { width: 100%; margin: 0; list-style-position: outside; }
#gauche .ssmenu ul li { margin-bottom: 10px; padding: 2px; border-bottom: 2px solid #fc0; border-left: 2px solid #fc0; }
#gauche .ssmenu ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#gauche .ssmenu ul li a:hover { color: #fc0; text-decoration: none; padding-left: 5px; }
img.flotantegauche { float:left; margin: 0 10px 0 0;}
img.flotantedroite { margin: 0 0 0 10px; float: right;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.gras { font-weight: bold; }
.centre { text-align: center; }
#plancommune { font-size: 0; background-image: url(../images/la_commune/presentation/plan.gif); background-position: center; text-align: center; text-indent: -1000px; height: 879px; }
div.navarticle { color: #900; font-size: 20px; text-align: center; height: 30px; }
div.navarticle a { color: #900; font-size: 20px; text-decoration: none; }
div.navarticle a:hover { color: #900; font-weight: bold; }
a.lactif { color: #fc0; }
table.tableau { text-align: left; border: 1px solid black; width: 90%; margin: auto; padding: 0; list-style-image: url(../images/puceblanche.gif); }
table.grille { text-align: left; list-style-image: url(../images/puceblanche.gif); margin: auto; padding: 0; width: 95%; }
table.tableau tr { height: 30px; border: 1px solid black; }
table.grille tr { height: 30px; }
table.tableau tr td { width: 50%; padding: 5px; border: 1px solid black; }
table.grille tr td { padding: 5px; border: solid 1px #000; }
table.tableau tr.titre { font-weight: bold; text-align: center; }
table.grille tr.titre { font-weight: bold; text-align: center; }
#contenu p.toutalinea { text-align: justify; text-indent: 0; }
#contenu p.toutalineagd { text-align: justify; text-indent: 0; }
/**/
div.strombi img { margin-right: 6px; margin-bottom: 20px; margin-left: 0; padding: 0; }
div.strombi { height: 150px; margin-bottom: 10px; border: dotted 2px #900; list-style-type: none; list-style-image: url(../images/puceblanche.gif); }
div.strombititre1 { color: #fff; font-size: 20px; background-color: #900; text-align: center; }
div.strombititre2 { color: #fff; font-size: 20px; background-color: #9c0; text-align: center; }
div.strombititre3 { color: #fff; font-size: 20px; background-color: #f93; text-align: center; }
/**/
table.grille tr td.l30 { text-align: center; width: 30%; }
table.grille tr td.l35 { width: 35%; }
.demarchelogo { text-align: center; margin-top: 50px; margin-bottom: 50px; }
.gauche { text-align: left; }
div.photolegendegauche { font-size: 10px; font-style: italic; margin: 0 10px 0 0; float: left; }
a.ensavoirplus { color: #09f; font-size: 10px; font-style: italic; }
.complet { color: #900; font-size: 16px; font-weight: bold; text-align: center; }
img.album { width: 555px; }
.hr { color: #900; }
/**/
#newsletter { color: #fff; text-align: center; width: 94%; height: 100px; margin-bottom: 5px; border: solid 1px; }
#newsletter table { text-align: center; width: 100%; }
#newsletter .titre { color: #000; font-weight: bold; background-color: #fc0; }
/**/
#commercants { border: 1px solid black;}
#commercants tr { border: 1px solid black;}
#commercants tr td { border: 1px solid black; padding: 3px;}