/* PLUME CMS Style Sheets for 1.2 version */

* {margin: 0; padding: 0;}

body {color: #fff; background: #663 url("img/bg-body.gif") 34% 70% no-repeat; font: .9em Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;}
img {border: 0;}
h1,h2,h3,h4,h5,h6,p,ul,ol {padding: 10px 0;}
h1 {font-size: 150%; font-weight: 100; padding-left: 20px; background: transparent url("img/puce-hx.gif") 2px 12px no-repeat;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
ul, ol {padding: 0 40px;}
form, fieldset {margin: 0; padding: 0; border: 0;}
a {text-decoration: none; color: #f90;}
hr {display: none;}
pre {border-width: 1px; border-color: #ccc; border-style: solid; background-color: #eee; padding: 5px; margin: 10px; overflow: auto;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #ccc; cursor: help;}
address {font-style: normal;}
blockquote, cite {color: #666; padding: 0 20px 0 20px; font-style: italic; border-left: 1px dotted #ccc;}
code {margin: 10px; display: block;}
q {font-style: italic; color: #666;}
input { height: 18px; font-size: 1em; font-weight: bold; color: #663;}
input, textarea  {border-width: 1px; border-color: #ccc;}
input[type], textarea[name] {background: #fff;}
input[type=submit], input[type=reset]  {background: #bbb; color: #000;}
input[type=submit]:hover  {background: #999; color: #ccc;}

.floatleft {float: left;}
.zorro {display: none;}
.clear {clear: both;}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

#page {width: 900px; margin-left: auto; margin-right: auto; background-color: #72723F;}
#banner { height: 255px; }
#menuleft {float: left; width: 200px; margin: 0; padding: 0 20px 10px 0;}
#contenu {float:left; margin-bottom: 10px; width:676px; }
#footer {clear: both; width:500px;  margin: 0 auto 20px auto; text-align: center; color: #FDBE31;}
#menuright {float:right; width: 200px; margin-left: 10px; }
#top-categories {padding: 0;}
.bg-menuleft {background-color: #525229; padding: 10px;}

/* ====================================================================
BANNER
-------------------------------------------------------------------- */

#banner h1 { color: #fff; font-weight: 100; line-height: 150%; font-size: 130%; margin-bottom: 20px; }

.logo {float: left; margin-right: 20px;}

/* ====================================================================
CONTENT
-------------------------------------------------------------------- */

ul.menu {list-style-type: none; padding: 0 0 20px 0;}
.menu li a {height: 21px; padding-top: 4px; font-weight: bold;}
.menu a {width: 200px; display: block; text-align: center; border: 2px solid #525229; text-decoration: none; color: #333; background: #FDBE31; font-family: Tahoma; background: transparent url("img/bg-menu.png") repeat-x; }
.menu li.selected {background-color: #fff; color: #fff;}
.menu a:hover {background: #fff; border: 2px solid #DD5D30; color: #DD5D30;}
.menu a:active {background: #fff; border: 2px solid #6c0; color: #6c0;}
     
.titrerenforce a {color: #333; font-size: 140%; font-weight: bold; border-bottom: 4px solid #333;}
#contenu a:hover {text-decoration: underline;}
.bg-menuleft li {background: transparent url("img/puce-liens.gif") left center no-repeat; list-style-type: none; padding-left: 18px;}
.bg-menuleft ul {margin: -6px 6px 0 10px; padding:0;}
ol.tree {margin: 0; padding: 0;}
ol.tree li {display: inline; list-style-type: none; padding-right: 0.7em; padding-left: 0;}
ol.tree li:before {content: ' \00bb  ';}

.modified {display: none; color: #666; font-size: .8em;}
.resource {padding: 10px 20px 10px 20px; background-color: #535322; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
.resource div {padding: 10px 20px 10px 20px; background-color: #535322; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; position: relative; }
.resource img {display: block; float: left; border: 1px solid #fff; padding: 5px; margin: 6px 16px 0 0;}
.resources-number {color: #999; font-style: italic;}


#art-description {}

#footer a {text-decoration: none; border: none;}
#footer p {color: #ccc; font-size: .7em;}

#art-title {margin: 10px 0 -10px 0; font-size: 2.2em; color: #000; font-variant: small-caps; font-weight: 100;}
#art-pages-list h3 {font-weight: bold;}
ol li.current a {text-decoration: none; color: #fff; cursor: text; font-weight: bold;}
.feeds, .sitemap {font-size: .9em; color: #fff;}
.score {font-size: 90%; color: #090; margin-top: -10px; text-align: right; border-top: 1px dotted #BEE5BE; padding: 2px 4px; background-color: #ECF7EC;}
.err404 {padding: 20px 0 0 60px; background: transparent url("img/err404.gif") 0% 80% no-repeat; font-weight: 100; font-size: 2.5em;}
img.px-left  {margin:3px 12px 10px 0; float: left; display:block;}
img.px-center  {margin:8px auto 8px auto; display: block;}
img.px-right {margin:3px 0 10px 12px; float: right; display:block;}
ul.extra {margin: 0; padding: 10px 0 0 0;}
ul.extra li {list-style-type: none; padding-left: 0; background-image: none;}
.associated-link {text-align: right;}

.recent-news {background-color: #993; border: 1px solid #DBE1E5; padding: 2px 10px 10px 10px; margin: 4px 0 10px 0; color: #036; font-size: 90%; font-style: italic; text-decoration: none;}
.recent-news h3 {margin: 0; margin-top:10px; font-size: 120%; border-bottom: 2px solid #fff; padding:0;}
.recent-news h2 {margin: 0; font-size: 120%;}
.recent-news .recent-news-date {color: #fff; text-align: right;}
.recent-news p {margin-top: 6px; padding-top: 6px; color:#47471F;}
.recent-news a {color: #fff;}

/* ====================================================================
GALLERY
-------------------------------------------------------------------- */

div.gallery  {}
div.gallery-top  {}

div.gallery-bottom {clear: left;}
div.gallery-thumb a {float: left; display: block;}
#contenu img.gallery-thumb {margin: 0 0 10px 0;}
div.gallery-img {float: left; width: 200px; padding: 0 0 0 10px; margin: 0 10px 10px 0;}
p.gallery-legend {text-align: center; line-height: 100%; font-style: italic; color: #A5A569;}

/* ====================================================================
SITEMAP
-------------------------------------------------------------------- */

#sitemap {padding: 0 20px; margin-bottom: 20px; }
#sitemap h1 {padding: 20px 0 0 0; font-weight: 200; font-size: 160%; color: #fff;}
#sitemap h3 {font-size: 120%; border-bottom: 1px solid #EDEDED; padding: 10px 0 0 0;}
#sitemap h3 a, #sitemap li.subcatlism a {color: #f90;}
#sitemap li {font-size: .9em; color: #6887A4;}
#sitemap li.nodeco {list-style-type: none;}
#sitemap li.nodeco a {color: #98C6E6;}
#sitemap li.nodeco li {list-style-type: circle;}
#sitemap li.subcatlism {list-style-type: circle; color: #f06;}
#sitemap li.subcatlism p {padding: 10px 0 0 0;}
#sitemap p {color: #fff; font-size: 90%; font-style: italic; margin-top: -4px;}