/* 
Couleur pomme = #D6E041 
Blanc =#FEFFF2
orange marron #E09C42
orange #F7A802
rouge #E04D42
rouge lien #f06
jaune clair #FCFFD2
jaune tres clair #FFFFF1
vert sombre #959D2D
vert clair #CBCB00
Couleur grise = #978C78
gris lien #999
texte 
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
titres 
   font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
*/

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

body
{
   margin: 0px;
   padding: 0px;
   color: #333;
   background: #D6E041 url("/xmedia/theme/default/img/bg-color.png");
   font-size: .9em ;
   font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif;
}

div
{
   margin: 0;
   padding: 0;
}

h1
{
   margin: 0;
   font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
}

h2
{
   font-size: 1.5em;
   font-weight: bold;
   color: #959D2D;
}

h3
{
   font-size: 1.3em;
   font-weight: bold;
   color: #000;
}

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

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

hr
{
   display: none;
   clear: both;
}

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

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

#page
{
   width: 90%;
   min-width: 800px;
   max-width: 1000px;
   margin-left: auto;
   margin-right: auto;
   background: #FEFFF2 url("/xmedia/theme/default/img/bg-page.png") no-repeat bottom left;
}

#mainfloat
{
   float: left;
   width: 75%;
   padding: 20px;
}

#content
{
   float: right;
   width: 75%;
   font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif;
}

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

#menuleft
{
   margin-right: 75%;
   text-align: right;
}

#menuright
{
   margin-left: 78%;
}

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

/* VERTICAL PADDING ABOVE COLUMNS */

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{
   position: relative;
}

#footer
{
   text-align: center;
   margin: 10px 0 0 18px;
   background: #D6E041 url("/xmedia/theme/default/img/bg-footer.png") no-repeat bottom right;
   height: 37px;
   clear: both;
}

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

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: #E04D42;
   font-size: 1.4em;
   padding-bottom: 4px;
}

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

body.category #content h2 a:hover
{
   color: #999;
   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%;
}


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

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

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

#content h2 a
{
   color: #000;
}

#content a:hover
{
   color: #f06;
}

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

ol.tree
{
   text-align: right;
   margin: -10px 20px -5px 0;
   padding: 0;
   color: #959D2D;
}

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

ol.tree li:before
{
   content: '» ';
}

ol.tree a
{
   font-size: .9em ;
}

ol.tree a:hover
{
   color: #f06;
}


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

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

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

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

p.modified a:hover
{
   color: #1771A0;
   text-decoration: underline;
}

.resources-number, .comment-closed
{
   margin-bottom: -10px;
   font-size: .9em;
   color: #999;
   font-style: italic;
}

.resource
{
   float: left;
}

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

#art-description {}

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

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

#banner h1 a
{
   margin: 0;
   font: 120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   font-weight: bold;
}

#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.col-content
{
   padding: 1em 10px;
}

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

div.col-content li
{
   list-style: none;
}

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

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

ol li.current a
{
   color: #978C78;
}

ol li.current a:hover
{
   color: #978C78;
}

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

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

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

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

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

.recent-news
{
   background-color: #FCFFD2;
   border: 1px solid #978C78;
   padding: 2px 10px 10px 10px;
   margin: 4px 0 10px 0;
}

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

.recent-news h3 a
{
   color: #E04D42;
   text-decoration: none;
}
.recent-news h3 a:hover
{
   color: #999;
}

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


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

/* ====================================================================
COMMENTS
-------------------------------------------------------------------- */

div.px-comment
{
   background-color: #FFFFF1;
   padding: 0 14px 0 16px;
   border: 1px solid #FFF2CB;
   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;
}

.px-comment-date
{
   font-size: .8em ;
   font-weight: lighter;
   color: #999;
   
}

form.px-comment
{
   padding: 10px 16px 10px 16px;
   margin-bottom: 20px;
   background-color: #FCFFD2;
   border: 1px solid #E09C42;
   font: .8em Verdana, "Lucida Grande", Tahoma, Helvetica, San-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 #E6E6E6;
   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;
}

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

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

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

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


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

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

#sitemap h3 a:hover, #sitemap li.subcatlism a:hover, #sitemap li.nodeco a:hover
{
   color: #ccc;
}

#sitemap ul
{
   margin: 0;
}
#sitemap li
{
   font-size: .9em;
   color: #6887A4;
}

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

#sitemap li.nodeco li, #sitemap li.subcatlism
{
   list-style-type: circle;
}

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

#sitemap p
{
   color: #999;
   font-size: 90%;
   font-style: italic;
   margin: 0;
   display: none;
}
/* ====================================================================
BANNER
-------------------------------------------------------------------- */

#banner {
   height: 45px;
   background: #D6E041 url("/xmedia/theme/default/img/bg-header.png") no-repeat top left;
   padding: 55px 0 0 30px;
   margin: 0;
   overflow : visible; 
}

#banner p.description
{
   color: #959D2D;
   font-size: 11px;
   margin: -5px 0;
}

h1#top a {
   color: #959D2D;
   font-size: 30px;
}
#easy-access
{
   display: none;
}



#footer p, #footer p a {
   padding: 10px 0 ;
   color: #fff;
}

#menuleft .recent-news {
   color: #000;
   font-size: 1em;
}

/* ====================================================================
Xa
-------------------------------------------------------------------- */
.diaporama {
   height: 345px;
   width: 460px;
   border-width: 1px;
   border-color: #ccc;
   border-style: solid;
   padding: 5px;
   margin: 5px auto 5px auto;
   display: block;
}
#diaporama {
   height: 300px;
   width: 400px;
   border-width: 1px;
   border-color: #ccc;
   border-style: solid;
   padding: 5px;
   margin: 10px auto 10px auto;
   display: block;
}
#content hr {
    display: block;
    height: 0;
    border: 0;
    color: #FEFFF2;
    background-color: #FEFFF2;
    clear: both;
    visibility: hidden;
}
#diapos_moments {
   height: 460px;
   width: 460px;
   border-width: 1px;
   border-color: #ccc;
   border-style: solid;
   padding: 0px;
   margin: 10px auto 10px auto;
   display: block;
}
span.date_publication
{
   font-size: 6px ;
   font-weight: normal;
   font-style: italic;
   color: #999;
}
.petit {
   font-size: 80% ;
}
.clear {
   clear: both ;
}