html
{
	margin: 0px;
	padding: 0px;
}
body
{
	position:absolute;width:100%;height:100%;min-width:780px;max-width:1800px;margin: 0px;
	padding: 0px;
	color: #000;
}
div
{
	margin: 0px;
	padding: 0px;
}

p, blockquote, li, h2, h3, dd, dt
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
	font-size: 0.8em;
	font-weight: normal;
}

.resource_article h2, .resource_article h3 , .resource_article h1
{
font-family: Georgia, Times, "Times New Roman", Serif;
}
.resource_article a{text-decoration:underline;}


.resource_article h2{font-size: 1.1em;font-style: italic;}
.resource_article h3{font-size: 1em;text-decoration:underline;}
.resource_article h1{font-size: 1.2em;font-weight:bold;}

blockquote {
  padding:0px 0px 0px 30px;
  margin:0px 0px 0px 0px;
background:url("img/quote.png") top left no-repeat;}

#art-description{text-align:justify}

a
{
	text-decoration: none;
	color: #006600;
}
a:hover {color: #808000;}


hr
{
	display: none;
}

pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

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

#descontenair ul{margin-bottom:13px;}

.commentaire{width:100%;}

.comment-poster{float:right;width:360px;height:320px;
margin:0px 0px 0px 0px;}

.comment{width:340px;text-align:left;height:280px;
background:url("img/comment_w_bd.png") top repeat-y;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;}

.comment_head{width:360px;
background:url("img/comment_w_head.png") top left no-repeat;
margin:0px 0px 0px 0px;height:20px;}

.comment_foot{width:360px;
background:url("img/comment_w_foot.png") top left no-repeat;
margin:0px 0px 0px 0px;height:20px;}

#comment-titre{float:left;width:400px;text-align:left;
height:60px;}

#comment-titre-left{width:30px;float:left;
background:url("img/comment_titre_left.png") bottom left no-repeat;
height:60px;}

#comment-titre-body{float:left;
background:url("img/comment_titre_bd.png") top repeat-x;
height:60px;}

#comment-titre-body h3{
  padding:4px 0px 0px 40px;
  height:28px;
  margin:13px 0px -5px 0px;
  font-family: Georgia, Times, "Times New Roman", Serif;
  background:url("img/groomsman_32.png") bottom left no-repeat;
  font-family: Georgia, Times, "Times New Roman", Serif;
  font-size: 1.2em;
  font-style: italic;}

#comment-titre-right{width:30px;float:left;
background:url("img/comment_titre_right.png") bottom left no-repeat;
height:60px;}


#px-comment-add {float:right;
margin:0px -7px 0px 0px;
padding:3px 0px 0px 5px;
width:165px;
background:url("img/comments_add.png") top left no-repeat;
}
#px-comment-add h3{
  margin:0px 0px 0px 0px;
  height:33px;width:160px;
  background:url("img/comments.png") bottom right no-repeat;
  font-family: Georgia, Times, "Times New Roman", Serif;
  font-size: 1.1em;
  font-style: italic;}

.auteur_comment h3,.mail_comment h3,.web_comment h3,.text_comment h3{
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:0px 0px 2px 18px;
  font-size: 0.8em;
  }
.auteur_comment h3{background:url("img/user.png") 0% 50% no-repeat;}
.mail_comment h3{background:url("img/email_link.png") 0% 50% no-repeat;}
.web_comment h3{background:url("img/world_link.png") 0% 50% no-repeat;}
.text_comment h3{background:url("img/comment_add.png") 0% 50% no-repeat;}
  
.auteur_comment input,.mail_comment input,.web_comment input{margin-left:18px;width:130px;}
.comment-poster textarea{
  margin: 0px 0px 5px 18px;
  width:302px;height:120px;}

#comment-list-cont{float:left;width:400px;margin:80px 0px 0px -400px;text-align:left;}
.comment-list{width:400px;margin:0px 0px 20px 0px}

.px-comment-info{background:url("img/comment_aut_bd.png") top repeat-y;
margin:0px 10px 0px 10px;
padding:0px 10px 0px 10px;
min-height:20px;
}

.px-comment-info_txt{background:url("img/comment_bd.png") top repeat-y;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
}

.px-comment-info_hd{background:url("img/comment_head.png") top left no-repeat;
margin:0px 0px 0px 0px;height:20px;}

.px-comment-info_mid{background:url("img/comment_mid.png") top left no-repeat;
margin:0px 0px 0px 0px;height:80px;}

.px-comment-info_foot{background:url("img/comment_foot.png") top left no-repeat;
margin:0px 0px 0px 0px;height:20px;}

#content h2 {
  font-family: Georgia, Times, "Times New Roman", Serif;
  font-size: 1.6em;
  font-style: bold;}

#content h2 {
  font-family: Georgia, Times, "Times New Roman", Serif;
  font-size: 1.4em;
  font-style: italic;}
    
#content h3 {
  font-family: Georgia, Times, "Times New Roman", Serif;
  font-size: 1.2em;
  text-decoration:underline;}


h2.restitle
{
    height:auto;
    padding: 10px 50px 5px 0px;
    text-align:right;
    top:4px;right:18px;
    margin:0px 0px 0px 0px;
    font-family: Georgia, Times, "Times New Roman", Serif;
    background: url("img/menu_bd.png") top right repeat-y;
    font-size: 1.4em;
    font-style: italic;

}

.footer_titre{background: url("img/menu.png") bottom right no-repeat;
height:28px;
margin:0px 0px 10px -18px;}


h2.category
{
  padding:4px 0px 0px 40px;
  height:auto;
  margin:13px 0px -5px 0px;
font-family: Georgia, Times, "Times New Roman", Serif;
background: url("img/bronze-shield_32.png") top left no-repeat;
font-size: 1.4em;
font-style: italic;text-decoration:underline;
}

div.resource h2 a
{
  padding:4px 0px 0px 40px;
  height:28px;
  margin:13px 0px -5px 0px;
font-family: Georgia, Times, "Times New Roman", Serif;
background: url("img/emerald-shield_32.png") bottom left no-repeat;
font-size: 1.2em;
font-style: italic;
}





#content h2 a:link,#content h2 a:visited
{
 color: #475A30;
}

#content h2 a:hover
{
 color: #808000;
}

#page
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#banner
{
 position:absolute;top:0px;left:1px;
	padding: 0px;
	background:url("img/titre.png") top left no-repeat;
	height:190px;

}

#banner_body{
  float:left;
  margin:10px 0px 0px 150px;
  height:90px;
  background:url("img/titre_body.png") repeat-x;
}
#banner_right{
  float:left;
  height:90px;width:45px;margin:10px 0px 0px 0px;
  background:url("img/titre_right.png") top left no-repeat;
}

#banner h1
{
	font-family: Georgia, Times, "Times New Roman", Serif;
	font-style: italic;
	border: none;
}

#banner h2
{
	border: none;
	text-align: right;
	margin-right: 5em;
}

#main_frame{
float:right;z-index:4;
margin: 0px 14px 0px 302px;
}

#content
{
	float: right;text-align:justify;
	width: 100%;padding: 0px;
}

.resource{padding: 0px 20px 0px 20px;
background:url("img/hr.jpg") top right no-repeat;}

.news-infos{padding: 0px 20px 0px 20px;
background:url("img/hr.jpg") top right no-repeat;}

#frame_header{
  float:right;
  margin: 0px 10px 0px 0px;
	padding: 0px;
background:url("img/frame_header.jpg") top right no-repeat;
height:189px;
width:100%;
}

.contenair{width:100%;
float:right;margin:-10px 10px 0px 0px;background:url("img/frame_body.jpg") right repeat-y;}

#secontenair{width:100%;
float:left;margin:10px 0px 0px 10px;background:url("img/frame_mask.jpg") left repeat-y;}

#menu_mask{
  width:100%;height:42px;margin:0px 0px 0px 10px;float:left;
  background:url("img/menu_mask.png") top left no-repeat;
}

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

#desc_head{margin: -10px 0px -13px 0px;padding:0px;
width:400px;height:20px;background:url("img/desc_head.png") top left no-repeat;}

#desc_foot{position:relative;left:325px;top:-13px; padding:0px;
width:400px;height:20px;background:url("img/desc_foot.png") top left no-repeat;}

#descontenair{padding:0px 10px 0px 10px;
width:380px;background:url("img/desc_body.png") top left repeat-y;}

#desc{margin: 0px 0px 0px 325px;width:400px;background:transparent;z-index:11;}


#pages_head{margin: 0px 0px -16px 0px;padding:0px;
width:400px;height:20px;background:url("img/desc_head.png") top left no-repeat;}

#pages_foot{margin: -16px 0px 0px 0px;padding:0px;
width:400px;height:20px;background:url("img/desc_foot.png") top left no-repeat;}

#pagescontenair{padding:0px 20px 0px 20px;
width:380px;background:url("img/desc_body.png") top left repeat-y;}

#pages{float:right;margin: -10px 0px 20px 20px;width:400px;background:transparent;z-index:15;}

a.chercher_desc {background:url("img/zoom_large.png") top right no-repeat;
width:42px;height:45px;margin:5px 0px -40px 0px;display:block;z-index:12;

}

#pages h3 {
  padding:0px 0px 0px 20px;
  height:16px;
  margin:16px 0px 0px 0px;
font-family: Georgia, Times, "Times New Roman", Serif;
background: url("img/page_green.png") bottom left no-repeat;
font-size: 1.2em;
font-style: italic;}

#navig{
  position:absolute;top:142px;right:40px;
  height:42px;
z-index:14;
text-align:right;
}

#navig_left{float:right;width:20px;height:42px;
background:url("img/navig_left.png") top left no-repeat}

#navig_right{float:right;width:20px;height:42px;
background:url("img/navig_right.png") top left no-repeat}


ol.tree,ol.erreur,ol.chercho
{
 float:right;margin-top:0px;padding:10px 0px 0px 0px;z-index:18;
	background:url("img/navig_body.png") repeat-x;height:32px;
}
ol.tree li,ol.erreur li,ol.chercho li
{
	display: inline;font-size: 0.8em;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0em;

}

ol.tree li:before{content: url("img/arrow_turn_right.png")}
ol.erreur li:before{content: url("img/book_error.png")}
ol.chercho li:before{content: url("img/page_white_find.png")}

#content img
{
	border-width: 1px;
	border-color: #B3CC91;
	border-style: solid;
	padding: 5px;
	margin: 10px;
}



p.modified
{
	font-size: 0.6em;
 /*margin: -1em 1em 1.4em 1em;*/
 margin: 0px 0px 13px 0px;
	text-align: right;
}

p.score
{
	font-size: 0.6em;
 /*margin: -1em 1em 1.4em 1em;*/
 margin: -5px 10px 13px 0px;
 padding: 0px 16px 0px 0px;
	text-align: right;
	background:url("img/medal_gold_2.png") top right no-repeat;height:16px;

}

.modificated_article{width:100%;height:20px;}

p.modificated
{
	font-size: 0.6em;
 background:url("img/navig_body.png") top repeat-x;
 float:left;margin: -20px 0px 5px 0px;
 padding:8px 0px 0px 0px;
	text-align: left;height:34px;
}



a.email{background: url("img/email.png") no-repeat;
background-position:100% 50%;padding-right:18px;}

a.date{background: url("img/zoom.png") top left no-repeat;
padding:0px 5px 0px 0px;float:left;width:16px;height:16px;line-height:16px;}


.modif_left{float:left;width:20px;height:42px;margin: -20px 0px 5px 0px;
background:url("img/navig_left.png") top left no-repeat}

.modif_right{float:left;width:20px;height:42px;margin: -20px 10px 5px 0px;
background:url("img/navig_right.png") top left no-repeat}


#footer img, #col-content img
{
	border: none;
}

#footer
{
 float:right;
 background:url("img/frame_footer.jpg") top right no-repeat;
 height:392px;margin-right:10px;width:100%;text-align: right;
}

#footer a.cms{
  background:url("img/plume-cms-powered.png") 100% 50% no-repeat;
  padding:10px 90px 10px 0px;margin:0px 10px 0px 0px}
#footer a.design{
  background:url("img/leo_s_design.png") 100% 50% no-repeat;
  padding:10px 35px 10px 0px;margin:0px 10px 0px 0px}
#footer a.design_license{
  background:url("img/somerights.png") 100% 50% no-repeat;
  padding:5px 25px 5px 0px;margin:0px 10px 0px 0px}

#footer a.cms:hover{
  background:url("img/plume-cms-powered-srv.png") 100% 50% no-repeat;
  color:red}
#footer a.design:hover{
  background:url("img/leo_s_design_srv.png") 100% 50% no-repeat;
  color:green}
#footer a.design_license:hover{
  background:url("img/somerights_srv.png") 100% 50% no-repeat;
  color:blue}

.credits{
  float:right;
  background:url("img/credits.png") top right no-repeat;
  width:370px;height:50px;text-align:center;
  font-family:Verdana,"Lucida Grande",Tahoma,Helvetica,San-Serif;font-size:0.65em;
  padding: 15px 0px 0px 0px;
margin-right:40px;margin-top:290px;}


.tjrs_visible{position:absolute;display:inline;
top:0px;left:0px;
width:16px;height:100px;background:white;
position:fixed;}

a.backhome {
  background:url("img/house.png") top left no-repeat;
  width:16px;height:16px;display:block;
}

a.backcontent {
  background:url("img/note.png") top left no-repeat;
  width:16px;height:16px;display:block;
}

a.backmenu {
  background:url("img/chart_organisation.png") top left no-repeat;
  width:16px;height:16px;display:block;
}

a.backtop {
  background:url("img/arrow_up.png") top left no-repeat;
  width:16px;height:16px;display:block;
}

a.chercher {
  background:url("img/find.png") top left no-repeat;
  width:16px;height:16px;display:block;
}

#menuleft_foot
{
 position:absolute;width:254px;height:40px;left:0px;bottom:-40px;
background:url("img/menu_bottom.png") top left no-repeat;
}

#col-content
{
        position:absolute;top:190px;left:19px;width:234px;
        background:url("img/menu_body.png") repeat-y;
        padding:0px 10px 0px 10px;
}



h2.categories{background:#B3CC91 url("img/book.png") no-repeat;}
h2.extra{background:#B3CC91;
height:24px;
margin: 0px -6px 0px -6px;

}

h2.subcategories{background:#B3CC91 url("img/book_open.png") no-repeat;}
h2.news{background:#B3CC91 url("img/newspaper.png") no-repeat;}
h2.search{background:#B3CC91 url("img/find.png") no-repeat;}
h2.links{background:#B3CC91 url("img/link.png") no-repeat;}
h2.back{background:#B3CC91 url("img/book_previous.png") no-repeat;}

h2.categories,h2.news,h2.search,h2.links,h2.back,h2.subcategories
{
padding: 0px 0px 2px 25px;border:1px solid red;
margin: 0px -6px 5px -6px;

background-position:5px 50%;
border:0;
font-family: Georgia, Times, "Times New Roman", Serif;
font-size: 1.2em;
font-style: italic;
}

/*==================*/
/* Feed and Sitemap */
/*==================*/
.feeds, .sitemap{
  font-size: 12px;float:right;line-height:16px;
  padding:4px 20px 4px 0px;
  margin:0px 38px 0px 0px}
.feeds {
  background: url("img/feed.png") 100% 50% no-repeat}
.sitemap {
  background: url("img/sitemap_color.png") 100% 50% no-repeat}

/*=========================================*/
/* Recent news (from Plume! default theme) */
/*=========================================*/
.recent-news{
  font-size: 90%;
  margin-top:4px;
  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-date{
  color: #8F6B29;text-align: right;
  margin:-5px 0px 5px 0px}
.recent-news p{
  margin-top: 0}

#col-content li
{
	list-style: none;
}

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

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

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

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
	background:#dae9c6;
}

input[type], textarea[name]
{
	background: #eee;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #fff;
}

/* VERTICAL PADDING ABOVE COLUMNS */
#banner
{ 
	margin-bottom: 0px; 
}
/* 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, #content, h2
{
	p\osition: relative;
}