BODY { font-family: georgia, prestige, sans-serif ; margin: 0; padding: 0; color: #715d37; text-align: center; } 

/* 
 * Saisons *********************************************************
 */

#BODY { background: url("../images/motifHerbe.jpg"); }
BODY { background: url("../images/motifBle.jpg"); }
#BODY { background: url("../images/motifNeige.jpg"); }
#BODY { background: url("../images/motifFeuilles.jpg"); }

/*******************************************************************/

#headerBG { width: 100%; height: 100%; background-image: url("../images/fondBandoFlash.png"); background-position: 50% 0%; background-repeat: no-repeat; }
#container { margin-left: auto; margin-right: auto; width: 963px; text-align: left; }
#header { width: 100%; height: 282px; display: block; }
#container-content { width: 100%; height: 100%; background: url("../images/fondContenu.png") repeat-y; margin: 0; overflow: hidden; margin: 0; padding: 0 0 30px 0; }
#astuce { display: block; width: 100%; height: 30px; background: url("../images/piedPiedPage.png"); clear: both; bottom: 0; margin: 0; padding: 0; border: 0; }

#footer {  margin: 30px 0 30px 0; width: 100%; overflow: hidden; text-align: center; }
#footer #fTop {  width: 100%;  height: 20px; background-image: url("../images/tetePiedPage.png"); margin: 0; padding: 0; }
#footer #fContent { width: 100%; background-image: url("../images/fondPiedPage.png"); font-size: 12px; color: #715d37; padding: 0px 30px; margin: 0; }
#footer #fContent P { margin: 0; padding: 0; }
#footer #fBottom { width: 100%; height: 30px; background-image: url("../images/piedPiedPage.png"); margin: 0; padding: 0; }

/*
 * Colonne de gauche ************************************************
 */

#col-gauche { float: left; width: 203px; background-image: url("../images/accueil/teteNavi.png"); background-repeat: no-repeat; }
#col-gauche A { border: 0; }
#col-gauche DL { margin: 21px 0 0 0; padding: 0 0 56px 0; background-image: url("../images/accueil/piedNavi.png"); background-repeat: no-repeat; background-position: bottom left; font-family: georgia, prestige, sans-serif ; color: #715d37; }

#col-gauche DT { display: block; width: 100%; background-image: url("../images/accueil/fondNavi.png"); height: 40px; margin: 0; padding: 0; text-indent: 20px; cursor: pointer; } 
#col-gauche DT A { color: #715d37; font-size: 17px; text-decoration: none; background-image: url("../images/accueil/traitSeparation.gif"); background-position: center bottom; background-repeat: no-repeat; display: block; width: 100%; height: 40px; padding-top: 10px; }
#col-gauche DT A:hover { text-decoration: underline; }

#col-gauche DT.selected, #col-gauche DT:hover, #col-gauche DT.ui-state-active { background-image: url("../images/accueil/fondEntreeNavi.png"); }
#col-gauche DT.selected A, #col-gauche DT:hover A { color: white; background-image: none; text-decoration: none; }
#col-gauche DT.ui-state-active A, #col-gauche DT.ui-state-active { color:white; }
#col-gauche DD { background-image: url("../images/accueil/fondSsNavi.png"); margin: 0; padding: 0; }
#col-gauche DD UL { padding: 10px 0 10px 20px; margin: 0; list-style: none; }
#col-gauche DD UL A { color: #715d37; font-size: 13px; text-decoration: none; }
#col-gauche DD UL A:hover { text-decoration: underline; }
#col-gauche DD UL LI.selected A { border-bottom:1px dashed; }

#col-gauche #logo-comcom { width: 203px; height: 75px; margin-top: 20px; }
#col-gauche #logo-comcom A { display: block; width: 100%; height: 100%; }
#col-gauche #logo-comcom A SPAN { display: none; }

/*
 * Colonne de droite ************************************************
 */

#col-droite { float: left; width: 226px; }
#col-droite A { border: 0; }

#col-droite #flux-rss { margin: 5px 0 10px 0; padding: 7px 0 0 0; width: 100%; background-image: url("../images/rss.png"); background-position: 90% 0%; background-repeat: no-repeat; height: 31px; }
#col-droite #flux-rss A { color: #715d37; font-size: 14px; text-decoration: none; margin-left: 10px; }
#col-droite #flux-rss A:hover { text-decoration: overline underline; }

#col-droite #recherche { position: relative; display: block; width: 100%; height: 73px; background-image: url("../images/accueil/fondRecherche.png");  margin: 0px 0 10px 0; background-repeat: no-repeat;  }
#col-droite #recherche FORM { margin: 0; padding: 0; }
#col-droite #recherche FORM INPUT.rechInput { margin: 20px 0 0 20px; color: #715d37; width: 140px; }
#col-droite #recherche FORM #rechSubmit { border: 0; background-color: transparent; color: #715d37; font-size: 15px; margin: 2px 0 0 0; padding: 0; }
#col-droite #recherche FORM #rechSubmit:hover { background-color: #715d37; color: #E0DE9A; }
#col-droite #recherche A { position: absolute;  top: 45px; left: 20px; color: #715d37; font-size: 13px; text-decoration: none; }
#col-droite #recherche A:hover { text-decoration: underline; }

#col-droite #calendrier { display: block; width: 100%; font-size: 11px; height: 176px; background-image: url("../images/accueil/fondCalendrier.png");  margin: 0px 0 10px 0; background-repeat: no-repeat; }

#col-droite #liste-communes { overflow: hidden;  display: block; width: 100%; height: 306px; background-image: url("../images/accueil/fondCommunes.png"); background-position: top; background-repeat: no-repeat; margin: 0 0 10px 0; }
#col-droite #liste-communes UL { margin: 50px 0 0 0; list-style: none; width: 100%; height: 100%; padding: 0; display: block; }
#col-droite #liste-communes UL LI { margin: 0; padding: 0; }
#col-droite #liste-communes UL LI:hover { background-image: url("../images/accueil/fondEntreeUtile.png"); }
#col-droite #liste-communes UL LI:hover A { background: none; color: white; text-decoration: none; }
#col-droite #liste-communes UL A { display: block; width: 80%; margin: 0 0 0 20px; padding: 5px; height: 20px; text-decoration: none; color: #715d37; font-size: 15px; text-indent: 10px;  background-image: url("../images/accueil/traitSeparation.gif"); background-position: center bottom; background-repeat: no-repeat; }
#col-droite #liste-communes UL A:hover { text-decoration: underline; }
#col-droite #liste-communes UL LI.selected A { color: white; }

#col-droite #liste-utiles { overflow: hidden;  display: block; width: 100%; height: 289px; background-image: url("../images/accueil/fondUtile.png"); background-position: top; background-repeat: no-repeat; margin: 0 0 10px 0; position:relative; }
#col-droite #liste-utiles UL { margin: 50px 0 0 0; list-style: none; width: 100%; height: 100%; padding: 0; display: block; }
#col-droite #liste-utiles UL LI { margin: 0; padding: 0; }
#col-droite #liste-utiles UL LI:hover { background-image: url("../images/accueil/fondEntreeUtile.png"); }
#col-droite #liste-utiles UL LI:hover A { background: none; color: white; text-decoration: none; }
#col-droite #liste-utiles UL A { display: block; width: 80%; margin: 0 0 0 10px; padding: 5px; height: 20px; text-decoration: none; color: #715d37; font-size: 13px; text-indent: 10px;  background-image: url("../images/accueil/traitSeparation.gif"); background-position: center bottom; background-repeat: no-repeat; }
#col-droite #liste-utiles UL A:hover { text-decoration: underline; }

#col-droite #liste-utiles .cadena-picto { position:absolute; top:178px !important; top:160px; left: 130px; }
#col-droite #liste-utiles .gmaps-picto { position:absolute; top:225px !important; top:205px; left:130px; }

/*
 * Colonne de centre ************************************************
 */

#col-centre { float: left; width: 534px; margin-top: 20px; }
#content { margin: 10px 20px 10px 20px; padding: 0; }

a { color: #003355; text-decoration: none; border-bottom: 1px dashed #003355; }
a:hover { text-decoration: underline; }

H1 { color: #1f4816; font-size: 20px; font-weight: normal; }
H2 { color: #003355; font-size: 16px; font-weight: normal; }
H3 { color: #000000; font-size: 14px; font-weight: normal; font-weight: bold; }

#rootline { font-size:11px; }
#rootline A { text-decoration:none;border:none; }

/*
 * Mise en forme des news *********************************************
 */

.news-list-item { overflow: hidden; border-bottom: 1px dashed #715D37; padding:0 0 10px 0; }
.news-list-date { font-style:italic; font-size:12px; color:#715D37; }

/**
 * Divers **************************************************************
 */

.csc-mailform { border:none; }
.csc-mailform-field { overflow:hidden; margin-top:5px; }
.csc-mailform-field LABEL { float:left; width:190px; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }

.browseLinksWrap { text-align:center; }
.browseLinksWrap * { margin:0 7px; font-size:12px; }
.news-list-morelink { float:right; margin-top:15px; font-size:80%; }

/**
 * tabulsation **************************************************************
 */


#tab-evenements { display:none; }
#tabs { overflow:hidden; margin:0 0 10px 0; padding:0; }
#tabs ul { list-style: none; position: relative; height:36px; border-bottom:1px solid #C1C1C1; }
#tabs li { position: relative; float: left; margin: 0 .3em -1px .3em; padding:0; border:1px solid #C1C1C1; border-bottom:0; }
#tabs li a { float: left; text-decoration: none; padding: .5em 1em; cursor:pointer; font-weight:normal; border:0; }
#tabs li.selected { padding-bottom: 1px; border-bottom:1px solid white; z-index:1; }
#tabs li.selected a { font-weight:bold; }