html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}
body {
  line-height: 1em;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/*  =General styles
    ------------------------- */
body {
  font: 62.5%/1.5em Verdana, Arial, Helvetica, sans-serif;
  color : #222;
  background : #C7CFBA url(img/body.jpg) center top repeat-y;
  margin : 0;
  padding : 0;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  margin-top : 0;
  margin-bottom: 0.4em;
  color: #3E7B15;
  font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

h1 { font-size: 180%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4, h5, h6 { font-size: 100%; line-height: 16px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

p {
  margin-bottom: 0.4em;
  font-size: 1em;
  line-height: 16px;
}

strong { font-weight: bold; color: #616F3D; }
em { font-style: italic; }

a { color: #616F3D; text-decoration: underline; }
a:hover { color: #616F3D; text-decoration: none; }

pre { overflow: auto; width: 100%; height: auto; }


/*  =Common classes
    ------------------------- */

.left { float: left; }
.right { float: right; }

.left img { margin: 16px 16px 16px 0; }
.right img { margin: 16px 0 16px 16px; }

.text-right { text-align: right; }
.accessibility { display: none; }
.clear { clear: both; }
.maximal { width: 100%; }
.twocol { width: 49.9%; }
.small { font-size: 0.8em; }

.spacer { margin-bottom: 16px }
.tiny-spacer { margin-bottom: 8px; }

.errors {
  border:0.1em solid #fbc2c4;
  background:#fbe3e4;
  font-weight: bold;
  color:#d12f19;
  padding: 8px;
}

.confirms {
  border: solid 1px #DF9D00;
  background: #C4D100;
  padding: 5px;
  font-weight: bold;
  color: #000;

}

/*  =Buttons
    ------------------------- */

a.button, button.button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 6px 7px;   /* Links */
  
  border:0.1em solid #dedede;
  border-top:0.1em solid #eee;
  border-left:0.1em solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#616F3D;
  cursor:pointer;
}

button.button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type].button {
  padding:5px 10px 5px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type].button {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button.button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button.button:hover, a.button:hover{
  background-color:#dff4ff;
  border:0.1em solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
.positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:0.1em solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:0.1em solid #529214;
  color:#fff;
}

/* Negative */
.negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:0.1em solid #fbc2c4;
}
a.negative:active {
  background-color:#d12f19;
  border:0.1em solid #d12f19;
  color:#fff;
}

/* More Buttons */
p.more { 
  margin: 0 0 0.4em 0; 
  padding: 0 0 0 10px !important; 
  width: 18.5em; 
  background: url(img/more-button-left.gif) no-repeat top left;  
  font-size: 10px !important; 
  line-height: 18px !important;
}

p.more.tiny {
  width: 9.5em;
}

p.more.small {
  width: 16.5em; 
}

p.more.large {
  width: 27em; 
}

p.more a, p.more a:visited, p.more a:link { 
  display: block; 
  padding: 0 0 1px 0; 
  background: #888F77 url(img/more-button-right.gif) no-repeat top right; 
  color: #fff;
  text-decoration: none; 
}

p.more a:hover, p.more a:link:hover, p.more a:visited:hover {
  color: #fff;
  text-decoration: underline;
}

/*  =Tools
    ------------------------- */

.clearfix, ul.spip { display: inline-block; }   
.clearfix:after, ul.spip:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix, * html ul.spip { height: 1%; }
.clearfix, ul.spip{ display: block; }

/*  =Forms
    ------------------------- */
.text, .password, textarea, select {
  padding: 2px;
  border: solid 1px;
  border-color: #808E59 #C8CFB5 #C8CFB5 #808E59;
}

.text.margin {
   margin-top: 1em;
}

label {
  color: #616F3D;
}

.contact fieldset {
  border-color: #89C000;
  border-style:solid none none;
  border-width:1px 0pt 0pt;
  margin:0pt 0pt 10px;
  padding:15px;
}

.contact fieldset legend {
  color: #89C000;
  font-size:1.1em;
  font-weight:bold;
  padding:0pt 5px;
}

/* contact  */
.contact p label {
  display: block;
  float: left;
  width: 180px;
}

.contact p .text,
.contact p textarea,
.contact p select {
  width: 350px;
}

.contact p textarea {
  height: 100px;
}

.contact button {
  margin-left: 10px;
}

/* search box  */
#sub form select,
form.sub select {
  width: 218px;
  margin-top: 4px;
}

* html #sub form select,
* html form.sub select { width: 215px; }

form.sub p {
  padding: 0 5px;
}

form.sub button {
  margin-left: 5px;
}

/*  =Tables
    ------------------------- */
table {
  width:90%;
  border-top:1px solid #FFE8CF;
  border-right:1px solid #FFE8CF;
  margin:1em auto;
  border-collapse:collapse;
}

table th { font-weight: bold }

td {
  color: #616F3D;
  border-bottom: 1px solid #FFE8CF;
  border-left: 1px solid #FFE8CF;
  padding: .3em 1em;
  text-align: center;
}

tr.row_odd td {
  background: #fffff
}
tr.row_even td {
  background: #F8EBDD url(img/table-bg.gif) no-repeat;
}



/*  =Layout
    ------------------------- */
div#wrapper {
  position: relative;
  margin: 0 auto;
  width: 960px;
  text-align: left; /* IE-fixes */
}

div#header {
  position: relative;
  height: 190px;
}


div#content {
  position: relative;
}

div#main {
  display:inline;
  float:left;
  margin-left: 240px;
  margin-right: -240px;
  width: 390px;
}

.home div#main {
  width: 360px;
}

.twocol div#main {
  width: 710px;
  margin-right: -560px;
}

div#sub {
  display:inline;
  float:right;
  width: 330px;
}

.home div#sub {
  width: 360px;
}

div#local {
  display:inline;
  float:left;
  margin-left: -390px;
  width: 240px;
  padding-bottom: 20px;
}

.home div#local {
  margin-left: -360px;
}

div#footer {
  position: relative;
  min-height: 200px;
  height: auto !important;
  height: 200px;
}

/*  =Grid (thanks to blueprintcss)
    Grid with 12 columns for flexibility
    ------------------------- */

.column {
  float: left;
  margin: 0 5px;
  padding: 0;
}
* html .column { overflow-x: hidden; } /* IE6 fix */


/* Add this class to a column if you want a border on its 
   right hand side. This should be customized to fit your needs. */

.border {
  padding-right: 4px;
  margin-right: 0;
  border-right: 1px solid #ddd;
}


/* The first and last elements in a multi-column 
   block needs one of these classes each. */

.first  { margin-left: 0; }
.last   { margin-right: 0; }


/* Use these classes to set how wide a column should be. */
.span-1  { width: 47px;}
.span-2  { width: 104px;}
.span-3  { width: 161px;}
.span-4  { width: 218px;}
.span-5  { width: 275px;}
.span-6  { width: 332px;}
.span-7  { width: 389px;}
.span-8  { width: 446px;}
.span-9  { width: 503px;}
.span-10 { width: 560px;}
.span-11 { width: 617px;}
.span-12 { width: 674px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 57px;}
.append-2  { padding-right: 114px;}
.append-3  { padding-right: 171px;}
.append-4  { padding-right: 228px;}
.append-5  { padding-right: 285px;}
.append-6  { padding-right: 342px;}
.append-7  { padding-right: 399px;}
.append-8  { padding-right: 456px;}
.append-9  { padding-right: 513px;}
.append-10 { padding-right: 570px;}
.append-11 { padding-right: 627px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 57px;}
.prepend-2  { padding-left: 114px;}
.prepend-3  { padding-left: 171px;}
.prepend-4  { padding-left: 228px;}
.prepend-5  { padding-left: 285px;}
.prepend-6  { padding-left: 342px;}
.prepend-7  { padding-left: 399px;}
.prepend-8  { padding-left: 456px;}
.prepend-9  { padding-left: 513px;}
.prepend-10 { padding-left: 570px;}
.prepend-11 { padding-left: 627px;}



/*  =Wrapper
    ------------------------- */
div#wrapper {
  background: #fff url(img/wrapper-int.jpg) left top no-repeat;
}

div#wrapper.home {
  background: #fff url(img/wrapper.jpg) left top no-repeat;
}

/*  =Header
    ------------------------- */
#header h1 {
  position: relative;
  top: 40px;
  width: 588px;
  height: 150px;
  background: transparent url(img/header.jpg) left top no-repeat;
  text-indent: -9900em;
}

#header h1 a {
  display: block;
  width: 588px;
  height: 150px;
  text-indent: -9900em;
  text-decoration: none;
}

/*  =Communes (aka navigation)
    ------------------------- */
#communes {
  position: absolute;
  top: 0;
  left: 0;
}

#communes ul li {
  display: inline;
}

#communes ul li a {
  display: block;
  float: left;
  height: 28px;
  line-height: 25px;
  border-top: solid 3px #fff; 
  padding: 0 8px 0 6px;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

#communes ul li a#current, #communes ul li a:hover {
  border-top: solid 3px #808E59;
}

#communes ul li a.sep {
  background: #fff url(img/sep.gif) right bottom no-repeat;
}
   
/*  =Content
    ------------------------- */
div#content {
  font-size: 1.1em;
}

/*  =Main
    ------------------------- */
#main .edito {
  padding: 0 20px 10px 10px;
}

/* Fil d'arianne */
#arianne {
  margin-bottom: 16px;
}

#arianne li {
  display: inline;
  line-height: 16px;
}

#arianne li a {
  padding: 0 5px 0 0;
}

#arianne strong {
  margin-right: 8px;
}

#main .inside {
  margin: 0 20px 10px 10px;
}

#main .article {
  margin: 16px 0;
}

#main .category {
  margin-bottom: 16px;
}

#main .article h3,
#main #archives h3 {
  font-size: 1.8em;
  padding-bottom: 0.2em;
  border-bottom: solid 1px #88C000;
  margin-bottom: 16px;
}

#main .column .article h3 {
  margin-bottom: 8px;
}

/* article */
/*
.excerpt {
  font-weight: bold;
  color: #7FAF0A;
  margin-bottom: 16px;
  line-height: 16px;
}
*/

.excerpt {
  border-left: 5px solid #DFDFDF;
  color: #555;
  font-size: 11px;
  line-height: 16px;
  font-style: italic;
  margin: 0pt 0pt 20px;
  padding: 0pt 10px;
}

blockquote p {
  font-family: Georgia,serif !important;
  margin: 0pt 0pt 20px;
  padding: 0pt;
  text-align: left;
}

.body {
  line-height: 16px;
}

.body p {
  margin-bottom: 16px;
}

.body span {
  margin: 0 1em 0 2px;
  padding-top: 5px;
}

.body span.spip_documents_left {
  margin: 0 16px 0 0;
}

.body span.spip_documents_right {
  margin: 0 16px 0 16px;

  }


.body span img {
  border: solid 1px #616F3D;
  padding: 2px;
}

.article-picture {
  margin-bottom: 1.5em;
}

.article-picture img {
  border: solid 1px #616F3D;
  padding: 2px;
}

.result {
  margin-bottom: 16px;
}


.article dl img {
  border:1px solid #616F3D;
  padding:2px;
}

.article ul li {
  list-style: circle outside;
  margin: 0 0 4px 16px;
}

.article ul ul {
  margin: 8px 0;
}

.article ul ul li {
  list-style: disc outside; 
}

ul.spip { clear: both }
.spip_doc_titre { margin: 0 auto; }
.spip_doc_descriptif { display: none; }

table.spip {
  clear: both;
}

#main hr.spip { 
  display: block;
  height: 1px;
  clear: both;
  visibility: hidden;
  margin: 0;
  _margin: -7px 0;
}

#main .spip_documents_left {
  float: left;
  margin: 0 16px 8px 0;
}

#main .spip_documents_right {
  float: right;
  margin: 0 0 8px 16px;
}

#main .spip_documents_center {
  clear: both;
  text-align: center;
  margin: 0 auto 16px 0;
}

#main #attachments h4 {
  color: #C5001F;
  font-size: 12px;
  font-weight: bold;
}

#main #attachments {
  clear: both;
  margin-top: 16px; 
  border-left:  solid 5px #C7CFBA;
  padding: 3px 0 3px 10px;
}

#main #attachments a {
  padding: 2px 0 2px 20px;
  background: transparent url(img/pdf.gif) left top no-repeat;
  text-decoration: none;
}

#main #attachments a:hover {
  color: #F85839;
}

.article dl {
  margin: 0 0 16px 0;
  line-height: 16px;
}

.article dl dt {
  text-align: center;
}

/*  block  */
.block {
  background: #fff url(img/tertiary-bg.gif) -2px top repeat-y;
  margin-bottom: 32px;
  padding-top: 4px;
  margin-top: 2em;
}

.block .left img { margin: 0 8px 8px 0; }
.block .right img { margin: 0 0 8px 8px; }

/*  =hATOM (aka news)
    ------------------------- */
#post {
  margin-bottom: 1.5em;
}

#post h3 {
  font-weight: bolder;
  font-size: 1.6em;
  color: #569033;
  padding-bottom: 0.3em;
  border-bottom: solid 1px #E30707;
}

#post h3 a {
  color: #569033;
}

.hentry {
  margin-bottom: 1em;
  clear: left;
}

.hentry a {
  color: #C5001F;
}

.hentry h4 {
  margin-bottom: 4px;
}

.hentry h4 a {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

.hentry h4 a:hover {
  text-decoration: underline;
}

#main .entry-title, 
#main #archives .more {
  margin-bottom: 8px;
}

#main .hentry {
  margin-bottom: 24px;

}

#main #archives .entry-title {
  margin-bottom: 4px;
}

#main #archives .updated {
  margin-bottom: 8px;
}

.hentry .left img { margin: 8px 8px 8px 0; }
.hentry .right img { margin: 8px 0 8px 8px; }

.hentry img {
  border: solid 1px #616F3D;
  padding: 2px;
}


.updated {
  color: #666;
  padding-left: 4px;
  border-left: solid 4px #bbb;
}

.feed a{
  text-decoration : none;
  background: #fff url(img/feed.gif) left top no-repeat;
  padding: 2px 0 2px 20px;
  line-height: 1.6em;
}

/* entries list  */

#sub .entries-list {
  width: 218px;
  margin: 0 0 32px 32px;
}

.entries-list.marger {
  margin-top: 64px;
  margin-bottom: 16px;
}

.entries-list h3 {
  margin-bottom: 8px;
  padding-left: 5px;
  font-weight: bolder;
  font-size: 14px;
  color: #569033;
  line-height: 16px;
}

.entries-list h3.toggle {
  margin-bottom: 4px;
}

.entries-list h3.toggle a:hover {
  text-decoration: underline;
}

#sub .entries-list h3 {
   padding-left: 0;

}

.entries-list ul {
  border-bottom: dotted 1px #808E59;
}

.entries-list ul li {
  border-top: dotted 1px #808E59;
}

.entries-list ul li a {
  display: block;
  width: 203px;
  line-height: 16px;
  padding: 4px 10px 4px 5px; 
  margin: 0;
}

.entries-list ul li a:hover {
  background-color: #DFE4DE;
}

.entries-list a, .entries-list a:visited {
  color:#E45A49;
  text-decoration:none;
}

.entries-list ul li a span {
  color: #666;
  font-size: 0.94em;
}

/*  =Annuaires
    ------------------------- */
.result h4 {
  color: #C5001F;
  font-size:1.2em;
  font-weight:bold;
  padding-left: 22px;
  background: transparent url(img/hallow-arrow-right.gif) left top no-repeat;
}

.result .desc, .result .metas {
  padding-left: 22px;
}

.result .metas {
  color:#666666;
}
    
/*  =Sub
    ------------------------- */
#sub .inside {
  margin: 55px 0 30px 10px;
}

#sub.list .inside {
  margin-top: 28px;
}

.home #sub .inside {
  margin: 240px 0 30px 0;
}



/*  =Galeries
    ------------------------- */
.excerpt-galerie {clear:both;position:relative;}
.excerpt-galerie h4{font-weight:bold;font-size:1.1em;}
div.slideshow{display:block;position:relative;float:right;width:200px;margin:0 0 10px 10px;padding:5px;border:1px solid #88C000;}
div.slideshow ul{height:220px;}
div.slideshow .nav ul{clear:both;height:auto;}
div.slideshow ul.galerie li{position:relative;padding:10px;list-style:none;padding:0;background:0;width:200px;height:220px;}
div.slideshow ul.galerie li img{}

div.slideshow .nav {position:absolute;top:-15px;right:0;}
div.slideshow .nav ul li{list-style:none;float:left;width:15px;height:11px;margin:0 0 0 5px;}
div.slideshow .nav ul li a{text-indent:-5000px;display:block;width:100%;height:100%;padding:0;}
div.slideshow .nav ul a.prev{background:url(img/player-diapo.gif) 0 0 no-repeat;}
div.slideshow .nav ul li a.prev:hover{background-position:0 -11px;}
div.slideshow .nav ul a.next{background:url(img/player-diapo.gif) -45px 0 no-repeat;}
div.slideshow .nav ul li a.next:hover{background-position:-45px -11px;}
div.slideshow li.item {margin: 0;padding-left:0;overflow:hidden;}

.js-enabled div.slideshow p.picture{height:163px;display:block;text-align:center;}
.js-enabled div.slideshow p.descriptif{background:#808E59;color:#fff;text-align:center;line-height:1.2em;padding:2px 4px;height:4.5em;}


/*  slideshow items pager  */
.pagelet_slideshow_items_prev { padding-right: 2px;}
.pagelet_slideshow_items_prev p a {}
.pagelet_slideshow_pager {}
.pagelet_slideshow_pager table {}
.pagelet_slideshow_pager table tr td { vertical-align: middle; text-align: center;}
.pagelet_slideshow_pager table tr td a { text-align: center; line-height: 12px;}
.pagelet_slideshow_pager table tr td a:hover {}
.pagelet_slideshow_pager table tr td .pagelet_slideshow_pager_cursor { background:#f00; }
.pagelet_slideshow_pager table tr td.current a { }
.pagelet_slideshow_items_next {}
.pagelet_slideshow_items_next p a {}

/*  slideshow overlay  */
.pagelet_slideshow_content .pagelet_slideshow_content_overlay { height: 241px; left:0px;position:absolute;top:0px;width:563px;border: solid 1px #fff; background-color: #35291f;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=98); /* Opacité pour IE */ filter: alpha(opacity=98); /* Opacité pour IE (2°solution)*/ -moz-opacity: 0.98; /* Opacité pour Mozilla */ -khtml-opacity: 0.98; /* Opacité pour Safari */ opacity:0.98; /* Opacité futurement valide W3C */ }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body { width: 279px; margin: 30px auto 0; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .choice { position: relative; padding: 16px 0 13px; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/home/choice_sep.gif) 18px bottom no-repeat; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .last { background: none !important; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .choice h4 { margin-bottom: 0; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/home/puce_overlay.gif) left top no-repeat; padding-left: 18px; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .choice h4 a,
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .choice h4 strong { font-size: 11px; color: #fff; width: 265px; display: block; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .choice .choice_locality { padding: 10px 0; position: relative; margin-bottom: 15px; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .choice .text { width: 150px; position: absolute; left: 17px; padding: 3px 0; border: solid 1px #302925; background: #4e423c; color: #a99e99; font-size: 9px; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body .choice .button { position: absolute; top: 9px; left: 173px; width: 37px; height: 23px; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/home/overlay_button.gif) left top no-repeat; }
.pagelet_slideshow_content_overlay .pagelet_slideshow_content_body  h4.notice { font-size: 11px; font-weight: normal; color: #9e7352; margin: 60px 0 24px 15px; }
.pagelet_slideshow_content_overlay #loading { position: absolute; top: 120px; left: 260px; width: 43px; height: 11px; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/home/loading.gif) left top no-repeat; }




/*  Services */

p.services-assoc {
  background: transparent url(img/services_assoc.gif) left center no-repeat;
  padding: 8px 8px 8px 53px;
  margin-bottom:0px;
  font-weight: bold;
}

p.services-heberg {
  background: transparent url(img/services_heberg.gif) left center no-repeat;
  padding: 8px 8px 8px 53px;
  margin-bottom:16px;
  font-weight: bold;
}


/* vEvents (aka Agenda) */
#events {
  clear: both;
  margin-bottom: 1.5em;
}

#events h3 {
  color: #76ABC6;
  font-weight: bold;
  font-size: 1.6em;
  padding-bottom: 0.3em;
  border-bottom: solid 1px #CADA6C;
}

#events h3 a, #events a {
  color: #76ABC6;
}

#events p.more a {
  color: #fff;
}

#events h4 {
  color: #76ABC6;
  font-family: Verdana, arial, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.2em;
}

#events .vevent {
  margin-bottom: 1em;
}

#events .vevent p {
  margin: 0;
}

#events strong {
  color: #A1BF00;
}

/*  Calendrier */

#calendar {
 width: 141px;
 padding: 0;
 margin: 0 0 16px 0;
 border-left: 1px solid #C8CFB5;
 font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #616B76;
 text-align: center;
 background-color: #fff;
}

#calendar .nav, #calendar .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0;
	padding: 0;
	width: 141px;
	background: #808E59;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #C8CFB5;
	border-bottom: 1px solid #C8CFB5;
	border-top: 1px solid #C8CFB5;
  text-align: center;
}

#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

#calendar td {
	border-right: 1px solid #C8CFB5;
	border-bottom: 1px solid #C8CFB5;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(img/bg_calendar.gif) no-repeat right bottom;
  padding: 0;
}

#calendar td a {
	text-decoration: underline;
	font-weight: bold;
	display: block;
}

#calendar td a:link, #calendar td a:visited {	
	color: #608194;
	background: url(img/bg_calendar.gif) no-repeat;
}

#calendar td a:hover, #calendar td a:active {
	color: #6aa3ae;
	background: url(img/bg_calendar.gif) no-repeat right top;
}

/*  Syndication */

#syndication h3 {
  color: #F85839;
  font-weight: bold;
  font-size: 1.6em;
  padding-bottom: 0.3em;
  border-bottom: solid 1px #FA9C39;  
}

#syndication .feed {
  margin-bottom: 1em;
}

/*  =Local
    ------------------------- */
/* navigation sections */
.sections {
  margin-bottom: 1em;
}
.sections li a {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  height: 2em;
  text-decoration: none;
  padding: 5px 0 0 5px;
}
.sections li a.sep {
  background: #fff url(img/sep-bottom.gif) left bottom no-repeat;
}

.sections li a:hover, .sections li a.current {
  color: #89C000;
}

.sections li li a {
  display: block;
  font-weight: bold;
  font-size: 0.9em;
  height: 1.5em;
  text-decoration: none;
  padding: 0 0 4px 10px;

}

.sections li li li a {
  display: block;
  font-weight: bold;
  font-size: 0.9em;
  height: 1.5em;
  text-decoration: none;
  padding: 0 0 4px 20px;

}

.sections li li a.sep {
  padding-bottom: 1em;
}  

/* box styles */
.box {
  background: #fff url(img/rounded-body.jpg) left top repeat-y; 
}

.box h4 {
  color: #89C000;
  font-size: 1.3em;
  font-weight: bold;
}

.box .box-header {
  min-height: 18px;
  height: auto !important;
  height: 18px;
}

.box .box-header.rounded-top {
  padding-top: 10px;
  background: transparent url(img/rounded-top.jpg) left top no-repeat; 
}

.box .box-content {
  font-size: 1.1em;
  padding: 0 10px 1em 10px;
  background: transparent url(img/rounded-sep.jpg) left bottom no-repeat; 
}

.box button {
  border: none;
  background: #fff;
  font-weight: bold;
  color: #616F3D;
  cursor: pointer;
}

.box .box-content.rounded-bottom {
  padding-bottom: 2em;
  background: transparent url(img/rounded-bottom.jpg) left bottom no-repeat; 
}

/*  Header box specific title */
.box .search {
  padding: 5px 0 25px 72px;
  background: transparent url(img/header-search.jpg) left top no-repeat;
}

.box .admin {
  padding: 10px 20px 20px 57px;
  background: transparent url(img/header-admin.jpg) left top no-repeat;
}

.box .newsletter {
  padding: 10px 20px 20px 67px;
  background: transparent url(img/header-newsletter.jpg) left top no-repeat;
}

/*  specific style for label  */
#label-search a.assoc {
  display: block;
  background: url(img/services-home_assoc.gif) left center no-repeat;
  padding-left: 47px;
  margin-bottom: 8px;
}

#label-search a.heberg {
  display: block;
  background: url(img/services-home_heberg.gif) left center no-repeat;
  padding-left: 47px;
}

#spl p { color:#616F3D; font-weight: normal }

/* =Plan du site
   -------------------------- */
#sitemap ul li { line-height: 18px; }
#sitemap ul li a, #sitemap ul li h4 { font-weight: bold; }
#sitemap ul li h4 { font-size: 11px; font-family: Verdana, arial, sans-serif; color:#616F3D; }
#sitemap ul li li a, #sitemap ul li li li a { font-weight: normal; }
#sitemap ul li li li a { color: #666; }

/* =GoogleMap
   -------------------------- */
#googlemap p {
  margin-bottom: 18px;
}
   
#map-api {
  width: 680px;
  height: 400px;
  clear: both;
  border: solid 1px #808E59;
  margin-bottom: 18px; 
}

/*  =Footer
    ------------------------- */
#footer {
  background: #3C7800 url(img/footer.jpg) left top no-repeat;
  color: #fff;
  padding-top: 10px;
}

#footer .cc-melusin {
  position: relative;
  top: -35px;
  float: right;
  text-indent: -9900em;
  width: 99px;
  height: 78px;
  background: transparent url(img/logo-cc.gif) left top no-repeat;
} 

#footer address {
  margin: 20px;
  font-weight: bold;
  font-style: normal;
  font-size: 1.2em;
  line-height: 16px;
}

#footer ul {
  margin: 0 20px 16px 20px;
  font-size: 1.1em;
}

#footer ul li {
  display: inline;
  color: #fff;
  line-height: 16px;
}

#footer ul li a {
  color: #fff;
  padding: 0 5px;
}

#footer .rss-links li a {
  padding: 0 5px 2px 22px;
  background: transparent url(img/tiny-feed.gif) 5px 2px no-repeat;
}

/*  =Spip admin
    ------------------------- */
/* Les boutons d'admin survolent la page (sauf #FORMULAIRE_ADMIN) */
.spip-admin-float {
	top: 0;
	right: 20px;
	position: absolute;
	background-color: transparent;
	z-index: 100;
}


/* Couleurs et design des boutons d'admin */

a.spip-admin-boutons {
	border-top: 1px solid #CECECE;
	border-bottom: 2px solid #4A4A4A;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 1px .5em;
	font-family: helvetica,arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF;
	color: #0C479D;
}

a:hover.spip-admin-boutons {
	background-color: #fc3;
	border-bottom: 2px solid #36F;
}

a:active.spip-admin-boutons {
	background-color: #CCC;
	border-bottom: 2px solid #f00;
}