/* Feuille de style pour PLUME CMS version 1.2 */





.poladroite {
    margin:5px;
    float:right;
    border: solid 1px #546934;
    padding:5px;
    font-size:11px;
    font-weight:bold;
    font-family:arial;
    text-align:center;
  }


.polagauche {
    margin:5px;
    float:left;
    border: solid 1px #546934;
    padding:5px;
    font-size:11px;
    font-weight:bold;
    font-family:arial;
    text-align:center;
  }

.legend {
    margin:5px;
    border: solid 1px #546934;
    padding:5px;
    font-size:11px;
    font-weight:bold;
    font-family:arial;
    text-align:center;
  }


#content .poladroite img {

    float : none;
 border:none;
padding:0px;
margin:0px;
    text-align:center;
  }


#content .polagauche img {

    float : none;
 border:none;
padding:0px;
margin:0px;
    text-align:center;
  }


html {
    margin: 0px;
    padding: 0px;
  }


body {
    background : #E6FFBF url('img/fond.png');
    color : #546934 /*vert sombre*/;
    font-family : 'Times New Roman', Garamond, Georgia, serif;
    font-size : 0.9em;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
  }


div {
    margin: 0px;
    padding: 0px;
  }


p, blockquote, li, h2, h3, dd, dt {
    font-weight: normal;
  }


h1 {
    margin: 0px;
  }


h2, h3 {
    font-size: 1em;
    font-weight: bold;
    color: #9F60BF;
  }


form, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }


a {
    text-decoration: none;
    color: #BF6060;
  }


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;
  }


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;
  }

/* ====================================================================
DISPOSITION DES COLONNES
-------------------------------------------------------------------- */



#page {
    background-color:#FFFFFF;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
  }


#mainfloat {
    float: left;
    width: 100%;
  }


#content {
    float: right;
    width: 760px;
    margin-top: 0px;
    font-family: 'Times New Roman', Garamond, Georgia, serif;
  }


* html #content {
    margin-top: 24px;
    /* hack IE */;
  }


#menuleft {
    margin-right: 768px;
    text-align: right;
  }


#menuright {
    margin-left: 76%;
  }


#menuleft, #menuright {
    padding: 6px;
    border: none;
  }

/* PADDING(ESPACE ENTRE LE CONTENU ET LE BORD DU CONTENANT) VERTICAL AU-DESSUS DES COLONNES */

/* CSS HACK: le positionnement "position:relative" est requis pour IE6, sinon, l'en-tête et la colonne 2 ne seront pas affichés lors du premier affichage - ils sont là mais vous devrez réduire la fenêtre ou basculer vers une autre application puis rebasculer pour obtenir le vrai rendu. Mais IE5(pc) n'aime pas ça et NN4 non plus.
NB. l'utilisation de pos:rel doit être répercutée jusque dans les profondeurs du thème - tout élément imbriqué devant comporter une couleur d'arrière-plan semblerait requérir un positionnement relatif */
/*/*/







#page, #mainfloat, #content, #menuleft, #menuright, h2 {
    position: relative;
  }


div#footer {
    text-align: center;
    border-top: 1px dotted #ccc;
    margin: 10px auto 0 20%;
    width: 54%;
  }


#footer {
    padding: 0.5em;
    clear: both;
    border: none;
  }

/* ====================================================================
TITRE
-------------------------------------------------------------------- */


#banner {
    background : #E6FFBF url('img/bando2.jpg') no-repeat;
    height : 134px;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0px;
    vertical-align : middle;
  }


#banner .description, #websitename {
    color : #FFFFFF/*#98B3C7*/;
    display : inline;
    font-family : 'Times New Roman', Garamond, Georgia, serif;
    font-size : 110%;
    font-weight : bold;
    margin-left : 4px;
    margin-top : 12px;
    text-shadow : black,0px,0px,4px;
    visibility : hidden;
  }


#banner p.description {
    font-size : 1em;
    visibility : hidden;
  }


#banner h1, #banner h1 a {
    color : #fff;
    padding-bottom : 10px;
    text-shadow : black,0px,0px,4px;
    visibility : hidden;
    width : 70%;
  }


#top {
    margin: 0px 0 0 0;
  }


#easy-access {
    right: 5px;
    bottom : 5px;
    float:right;
    text-align: right;
  }


#easy-access, #easy-access a {
    color: #99BF60;
  }


#easy-access a:hover {
    color: #fff;
  }


#easy-access form {
    margin-top: -10px;
  }


#easy-access #q {
    width: 100px;
    height: 14px;
    vertical-align: middle;
  }


#easy-access #search-s {
    vertical-align: middle;
  }

/* ====================================================================
CONTENU
-------------------------------------------------------------------- */

#content li {
margin-left:25px;
}






body.category #content h2, .comment-preview {
    padding-bottom: 0;
    background-position: 0% 40%;
    font-size: 1.6em;
  }


body.category #content h2.restitle, body.news #content h2.restitle {
    color: #D580FF;
    font-size: 1.4em;
    padding-bottom: 4px;
  }


body.category #content h2 a {
    color: #D580FF;
  }


body.category #content h2 a:hover {
    color: #FF8080;
    text-decoration: none;
  }


#menuleft h2 {
    font-size: 120%;
    background: transparent url("img/h2-left.png") 100% 100% no-repeat;
  }


#menuright h2 {
    background: transparent url("img/h2-right.png") 0% 100% no-repeat;
    font-size: 120%;
  }


#menuleft h3 {
    font-size: 100%;
    background: transparent url("img/h3-left.png") 100% 100% no-repeat;
  }


#menuright ul a, #menuleft ul a {
    text-decoration: none;
  }


#menuright ul a:hover, #menuleft ul a:hover {
    text-decoration: none;
    color: #FF8080;
  }


#menuleft ul, #menuright ul {
    margin:0;
  }


#content h2 a {
    color: #D580FF;
  }


#content a:hover {
    text-decoration: underline;
  }


#footer a {
    text-decoration: none;
    border: none;
    color: #000;
  }


ol.tree {
    margin: 5px 0 0 0;
    padding: 0;
    color: #9F60BF;
  }


ol.tree li {
    display: inline;
    list-style-type: none;
    padding-right: 0.7em;
    padding-left: 0;
  }


ol.tree li:before {
    content: ' \00bb ';
  }


#content img {
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    padding: 5px;
    margin: 6px 10px 0 0;
    /*float: left;
    display: block;*/
  }


p.modified {
    color: #666;
    font-size: .8em;
    padding: 4px 0 0 13px;
    margin: -2em 1em -0.5em 0;
    background: url("img/p-modified.png") 0% 80% no-repeat;
  }


#content .modified a {
    text-decoration: none;
  }


p.modified a:hover {
    color: #9F60BF;
    text-decoration: underline;
  }


.resources-number, .comment-closed {
    color: #999;
    font-style: italic;
  }


.resource {
    float: left;
  }


.resource p {
    margin-bottom: 20px;
  }


#art-description {
  }


#footer img, div.colonne-contenu img {
    border: none;
    vertical-align: bottom;
  }


#footer p {
    color: #ccc;
    font-size: .8em;
  }


#banner h1 a {
    color : #fff;
    font-family : 'Times New Roman',Garamond,Georgia,serif;
    font-size : 120%;
    font-weight : 100;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    visibility : hidden;
  }


#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;
  }


div.colonne-contenu {
    padding: 1em 10px;
  }


div.colonne-contenu h2, div.colonne-contenu h3 {
    padding-bottom: 0;
    margin-bottom: 0.2em;
  }


div.colonne-contenu li {
    list-style: none;
  }


div.colonne-contenu ol li {
    list-style-type: decimal;
    margin-left: 1.2em;
  }


div.colonne-contenu a {
    text-decoration: underline;
  }


div.colonne-contenu ul, div.colonne-contenu ol {
    margin-top: 0;
    margin-left: 7px;
    padding-left: 0;
    margin-right: 10px;
    padding-right: 0;
  }


ol li.current a {
    text-decoration: none;
    color: #000;
  }


.feeds, .sitemap {
    font-size: .9em;
    padding-left: 18px;
    color: #ccc;
  }


.feeds {
    background: transparent url("img/feeds.png") 4% 40% no-repeat;
  }


.sitemap {
    background: transparent url("img/sitemap.png") 0% 40% no-repeat;
  }


.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;
  }


#menuright .feeds, #menuright .sitemap {
    text-decoration: none;
    margin: 0;
  }


#menuright a.feeds:hover {
    color: #F7A802;
  }


#menuright a.sitemap:hover {
    color: #8CAD36;
  }


.recent-news {
    background-color: #F5FFE6;
    border: 1px solid #99BF60;
    padding: 2px 10px 10px 10px;
    margin: 4px 0 10px 0;
    color: #99BF60;
    font-size: 90%;
    font-style: italic;
    text-decoration: none;
  }


.recent-news h3 {
    margin: 0;
    padding-top:6px;
    font-size: 120%;
  }


.recent-news h2 {
    margin: 0;
    font-size: 120%;
  }


.recent-news .recent-news-date {
    color: #99BF60;
    text-align: right;
  }


.recent-news p {
    margin-top: 0;
  }


ul.extra {
    margin: 0;
    padding: 0;
  }


ul.extra li {
    display: inline;
    list-style-type: none;
    padding-right: 1em;
    padding-left: 0;
  }


.associated-link {
    text-align: right;
  }


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;
  }

/* ====================================================================
COMMENTAIRES
-------------------------------------------------------------------- */








div.px-comment {
    background-color: #F7E6FF;
    padding: 0 14px 0 16px;
    border: 1px solid #D580FF;
    margin-bottom: 6px;
    color: #666;
    font-style: italic;
  }


div.px-comment a {
    color: #666;
  }


div.px-comment a:hover {
    color: #000;
  }


.px-comment-info {
    font-weight: bold;
    padding-left:20px;
    background: url("img/comment-icon.png") 0% 70% no-repeat;
  }


.px-comment .px-comment-info-website {
    color: #ccc;
  }


form.px-comment {
    padding: 10px 16px 10px 16px;
    margin-bottom: 20px;
    background-color: #F7E6FF;
    border: 1px solid #D580FF;
    font: .8em 'Times New Roman', Garamond, Georgia, serif;
  }


form.px-comment p {
    margin: 0;
  }


form.px-comment textarea {
    width:100%;
  }


form.px-comment textarea, form.px-comment input {
    background-color: #fff;
  }


.input-submit {
    text-align: right;
    padding-top: 8px;
  }


form.px-comment label {
    float: left;
    display: block;
    width: 100px;
    font-size: 110%;
  }


.px-comment-add {
    padding-bottom: 4px;
    border-bottom: 1px solid #9F60BF;
    font-variant: small-caps;
    font-size: 120%;
  }


form.px-comment submit {
    margin:0;
    text-align: right;
  }


.px-comment-error {
    border: 1px dotted #FF8080;
    padding-bottom: 10px;
    width: 80%;
  }


.px-comment-error ul {
    padding-top: 6px;
  }


.px-comment-error li {
    color: red;
    list-style-type: none;
    background: url("img/errmsg.gif") 0% 50% no-repeat;
    padding-left: 20px;
  }


.px-comment-preview {
    padding: 0 20px 10px 40px;
    font-style: italic;
    color: #999;
    background: url("img/comment-preview.png") 0% 0% no-repeat;
  }


.px-comment-validation {
    padding-left: 16px;
    font-style: italic;
    color: #999;
    background: url("img/comment-validation.gif") 0% 50% no-repeat;
  }


span.px-comment-required-email {
    font-size: 90%;
    font-style: italic;
    color: #666;
  }

/* ====================================================================
GALERIE
-------------------------------------------------------------------- */








div.gallery {
  }


div.gallery-top {
  }


div.gallery-bottom {
    clear: left;
  }


div.gallery-thumb a {
    float: left;
    display: block;
  }


#content 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: #99BF60;
  }

/* ====================================================================
PLAN DU SITE
-------------------------------------------------------------------- */








#sitemap {
    padding: 0 20px;
    margin-bottom: 20px;
  }


#sitemap h1 {
    padding: 20px 0 0 0;
    font-weight: 200;
    color: #9F60BF;
  }


#sitemap h3 {
    font-size: 120%;
    border-bottom: 1px solid #EDEDED;
    background-color: #F9F9F9;
    padding: 0px 4px;
  }


#sitemap h3 a, #sitemap li.subcatlism a {
    color: #FF8080;
  }


#sitemap li {
    font-size: .9em;
    color: #BF6060;
  }


#sitemap li.nodeco {
    list-style-type: none;
  }


#sitemap li.nodeco a {
    color: #FF8080;
  }


#sitemap li.nodeco li {
    list-style-type: circle;
    color: #FF8080;
  }


#sitemap li.subcatlism {
    list-style-type: circle;
    color: #FF8080;
  }


#sitemap li.subcatlism p {
    padding: 10px 0 0 0;
  }


#sitemap p {
    color: #666;
    font-size: 90%;
    font-style: italic;
    margin-top: -10px;
  }

/* menu haut */
/*#x-pos {
    position: relative;
    height: 20px;
    border-bottom: solid 1px;
    width: 100%;
    background-color : #e0e0ff;
    background-image : url('grandfond.png');
  }


#x-pos hr {
    visibility: hidden;
  }


#x-pos ul {
    border-left-style : solid;
    border-left-width : 1px;
    height : 20px;
    list-style-type : none;
    margin-bottom : 0;
    margin-left : 20px;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    border-left-color : #011098;
  }


#x-pos li {
    border-top-style : solid;
    border-top-width : 1px;
    float : left;
    height : 20px;
    border-top-color : #010898;
  }


#x-pos li a {
    border-right-style : solid;
    border-right-width : 1px;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    display : block;
    font-weight : bold;
    padding-left : 1em;
    padding-right : 0.8em;
    padding-top : 3px;
    background-color : #5b89d9;
    border-bottom-color : #011098;
    border-right-color : #011098;
    color : #d8ffd3;
    text-decoration : none;
  }

#x-pos li a:hover {
    background-color : #d8ffd3;
    color : #5b89d9;
  }*/