/* PLUME CMS Style Sheets for Fitram site */
/* Design by jojaba [http://jojaba.free.fr] */

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

body
{
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	/*overflow : -moz-scrollbars-horizontal;*/
	margin: 0;
	padding: 0px;
	color: #000;
        font-size: 100%;
	background: #FFF;
	font-family: Verdana,Arial,Helevetica,sans-serif;
}

#page
{
        
	       
         margin: 0;
         padding: 0;
         background: #FFF;
         width: 100%;
}

/*******************/
/* General styling */
/*******************/

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

a 
{
	color: #000080;
        text-decoration: none;
        border-bottom: #000080 1px dashed;
}

a:hover 
{
        color: #F7B73C;
        border-bottom: #F7B73C 1px dashed;
}

a.note
{
        position: relative;
        color: #000080;
        border-bottom: none;
        font-weight: bold;
}

a.note span
{
        display: none;
}

a.note:hover
{
        background: none;
        z-index: 500;
        border: none;
}

a.note:hover span
{
        display: block;
        color: #000080;
        width: 200px;
        position: absolute;
        z-index: 500;
        top: 0.5em;
        left: 2em;
        background: url(img/back-note.png);
        padding: 3px;
        font-size: 0.7em;
        font-weight: normal;
        border: #000080 1px solid;
}

a.email {
        background:transparent url(img/email.png) no-repeat center right;
        padding-right: 27px;
}

a.website, p.associated-link a {
        background:transparent url(img/website.png) no-repeat center right;
        padding-right: 20px;
}
hr.invisible
{
        visibility: hidden;
        clear: both;
}

pre
{
	border: 1px #000080 solid;
        color: #000080;
        font-family:"Courier New",Courier,monospace;
	padding: 5px;
	margin: 5px auto;
        width: 90%;
	overflow: scroll;
}

abbr, acronym
{ 
	font-style: normal;
	border-bottom: dotted 1px #000080;
	cursor: help;
}

blockquote
{
	color: #000080;
	padding: 0 10px;
        margin: 10px 50px;
        padding: 5px;
	font-style: italic;
	border-left: 5px solid #000080;
        background: #F6F672 url(img/back-quote.png) no-repeat top right;
}

code
{
	font-family:"Courier New",Courier,monospace;
        color: #000080;
}

q, cite
{
	font-style: italic;
	color: #000080;
  padding: 0 18px 0 5px;
  background: #F6F672 url(img/back-quote-small.png) no-repeat top right;
}

q:before {
  content: none;
}

q:after {
  content: none;
}

dl
{
        margin: 5px 15px 20px 15px;
}

dt
{
        color: #433B5F;
        font-weight: bold;
}

dd
{
        border-left: 3px solid #000080;
        margin-left: 23px;
        padding-left: 10px;
        font-size: 0.9em;
}

.diapo 
{
		position: relative;
		border: #080883;
		margin: 5px;
		padding: 5px;
		/* Ombre du cadre de contenu */
		box-shadow: 0 0 5px #8F8F8F;
		-o-box-shadow: 0 0 5px #8F8F8F;
		-icab-box-shadow: 0 0 5px #8F8F8F;
		-khtml-box-shadow: 0 0 5px #8F8F8F;
		-moz-box-shadow: 0 0 5px #8F8F8F;
		-webkit-box-shadow: 0 0 5px #8F8F8F;
		/* Coins arrondis du cadre de contenu */
		border-radius: 5px;
		-o-border-radius: 5px;
		-icab-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		behavior: url(xmedia/theme/fitram2010/PIE.htc);
}



/*********/
/* Title */
/*********/

#title
{
        position: relative;
        margin: 0;
        padding: 0;
        height: 30px;
	line-height: 26px;
        background: transparent url(img/back-quickaccess.png) repeat-x bottom;
	color: #FFF;
}

#title a
{
	color: #f6ab1a;
	border: none;
}

#title a:hover
{
	color: #FFF;
}

#title p.description
{
        position: absolute;
        top: 0px;
        left: 3px;
        margin: 0;
        padding: 0;
	font-size: 0.7em;
	font-style: italic;
	font-weight: bold;
}

#title p.description span
{
        color: #f6ab1a;
        font-size: 1em;
}

#easy-access
{
        position: absolute;
        top: 0;
        right: 0;
	margin: 0 3px 0 0;
	padding: 0;
        text-align: right;
        font-size: 0.6em;
}

#easy-access fieldset
{
	margin: 0;
	padding: 0;
}

#easy-access #q 
{
	      width: 120px;
	      vertical-align: middle;
}

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

#easy-access img
{
        border: none;
        vertical-align: middle;
}

#easy-access a.banner-img
{
        text-decoration: none;
        border: none;
}

#title h1
{
	      display: none;
}

/*************/
/*  Infobox  */
/*************/

#infobox
{
	position: absolute;
	top: 30px;
	left: 0;
	width: 300px;
	margin: 0;
        padding: 0;
        background: transparent url(img/back-info.png) no-repeat top left;
}

#infobox-fitrama
{
	position: absolute;
	top: 30px;
	left: 0;
	width: 300px;
	margin: 0;
        padding: 0;
        background: transparent url(img/back-info-fitrama.png) no-repeat top left;
}

#infoboxcontent
{
	width: 253px;
	margin: 115px 0 0 15px;
	padding: 0;
	font-size: 0.8em;
}

#infobox h2, #infobox-fitrama h2
{
        color: #000080;
        font-size: 1.2em;
        padding: 5px 0 0 0;
	margin: 0 0 2px 0;
	background: transparent url(img/h2-infobox.png) no-repeat bottom center;
	text-align: center;
}

#infobox #recent-news-mainbox, #infobox-fitrama #recent-news-mainbox, #infobox #cat-articles-mainbox, #infobox-fitrama #cat-articles-mainbox, #infobox #cat-news-mainbox, #infobox-fitrama #cat-news-mainbox, #infobox #category-mainbox, #infobox-fitrama #category-mainbox, #infobox #contact-mainbox, #infobox #library-mainbox, #infobox #members-mainbox, #infobox #phylosophy-mainbox, #infobox #comment-mainbox, #infobox-fitrama #comment-mainbox, #infobox #help-mainbox, #infobox #article-mainbox, #infobox-fitrama #article-mainbox, #infobox #news-mainbox, #infobox-fitrama #news-mainbox, #infobox #books-mainbox,  #infobox #contact-mainbox
{
        margin: 0 auto;
        padding: 0;
	width: 230px;
	height: 235px;
	overflow: auto;
}

/*#infobox #recent-news-mainbox, #infobox #recent-news-mainbox, #infobox #cat-articles-mainbox, #infobox #cat-news-mainbox, #infobox #category-mainbox, #infobox #contact-mainbox, #infobox #library-mainbox, #infobox #members-mainbox, #infobox #phylosophy-mainbox, #infobox #comment-mainbox, #infobox #help-mainbox, #infobox #article-mainbox, #infobox #news-mainbox,  #infobox #books-mainbox,  #infobox #contact-mainbox
{
	background: transparent url(img/back-mainbox.png) no-repeat top left;
}*/

#infobox #more, #infobox-fitrama #more
{
	margin-top: 20px;
	width: 252px;
	background: transparent url(img/back-more.png) no-repeat top center;
	border-bottom: #F7B73C 3px solid;
}

#more #more-content
{
	margin: 0 auto;
        padding: 0;
	width: 230px;
}

#infobox h3, #infobox-fitrama h3
{
        color: #F7B73C;
        font-size: 1.2em;
        margin: 5px 5px 3px 3px;
}

#infobox ul, #infobox-fitrama ul
{
        margin: 5px 0;
        padding: 0;
        font-size: 0.9em;
}

#infobox ol, #infobox-fitrama ol
{
	margin: 5px 0;
        padding: 0;
	text-align: center;
}

#infobox ol li, #infobox-fitrama ol li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: #F7B73C 1px solid;
}

#infobox ul li, #infobox-fitrama ul li
{
        list-style-type: none;
        margin: 2px 8px;
	padding-left: 13px;
        background: transparent url(img/arrow.png) no-repeat 0px 3px;
        
}

#infobox li a, #infobox-fitrama li a
{
        color: #000080;
        border: none;
}

a.tags
{
	background: transparent url(img/google.png) no-repeat right center;
	padding-right: 14px;
}

#infobox li a:hover, #infobox-fitrama li a:hover
{
        color: #FFF;
	background-color: #000080;
}


#infobox ol li.current a, #infobox-fitrama ol li.current a
{
	color: #000;
        font-weight: bold;
        border: none;
}

#infobox ol li.current a:hover, #infobox-fitrama ol li.current a:hover
{
	      background: none;
}

#infobox p.infos, #infobox-fitrama p.infos
{
	font-size: 0.7em;
	margin: 0 5px;
	padding: 0;
}

#infobox p.infos img, #infobox-fitrama p.infos img
{
	vertical-align: middle;
}

#infobox div.description, #infobox-fitrama div.description
{
        margin: 0 5px;
        padding: 2px;
        border: #000080 1px dotted;
	border-bottom: #000080 2px solid;
	background: #FFF;
}	

#main {
	margin: 0 0 0 300px;
	padding: 0;
}

/*************/
/* Menu      */
/*************/

#menu
{
	
        margin: 0;
	padding: 0;
}

#lang {
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: #FFF;
        background: #000080 url(img/back-lang.png) no-repeat left bottom;
}

#lang a
{
	color: #f6ab1a;
	border: none;
}

#lang a:hover
{
	color: #FFF;
}

/* Translation */

#menu p#trans {
        
        font-size: 0.8em;
        margin: 0;
        padding: 3px;
}

/*Flags*/

#menu p#flags
{
	float: right;
        margin: 0;
	padding: 3px;
}

#flags a
{
	border: none;
}

#flags a img
{
	border: none ;
	margin: 0;
	padding: 0;
}

#menu ul#topmenu
{
	clear: right;
        margin: 0;
	padding: 3px;
}

/*Top Menu */

#topmenu li
{
        list-style-type: none;
	margin: 2px 3px;
	padding: 0;
	font-size: 0.9em;
	display: inline;
}

#topmenu li a
{
        display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	border: none;
	color: #000080;
        margin: 0 0 0 5px;
	padding: 0 0 0 12px;
        font-weight: bold;
        background: transparent url(img/a-topmenu.png) no-repeat left top;
}

#topmenu li a:hover
{
	background: transparent url(img/a-topmenu.png) no-repeat left bottom;
	color: #000080;
}


/**************/
/* Breadcrumb */
/**************/

ol#tree
{
	clear: left;
	margin: 0;
	font-size: 0.7em;
	padding: 2px 3px;
	text-align: right;
}

ol#tree li
{
	display: inline;
	list-style-type: none;
	margin-left: 8px;
	padding-left: 12px;
	background: transparent url(img/arrow.png) no-repeat center left;
}

ol#tree a
{
        border: none;
}

/*********/
/*Content*/
/*********/

#content
{
        position: relative;
		z-index: 30;
		margin: 0;
        padding: 0;
	background: transparent url(img/back-content.png) no-repeat left top;
}

/* Cat menu */

#catmenu 
{
	position: relative;
	font-size: 1.3em;
	color: #000080;
        background: #F7F787;
        border: dotted #000080 2px;
        margin: 20px 30px;
        padding: 5px;
		border-radius: 7px;
	-o-border-radius: 7px;
	-icab-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	behavior: url(xmedia/theme/fitram2010/PIE.htc);

}
		
#catmenu ul li {
		list-style-image: url(img/ico-li-content.png);
}
	
/* block elements */
/******************/

#main h2
{
        color: #000080;
        font-size: 1.6em;
        padding: 7px 0 1px 13px;
	margin: 0 2px;
        background: transparent url(img/h2.png) no-repeat bottom left;
}

#comments h2
{
        padding: 0 0 0 40px;
	background: transparent url(img/h2-comments.png) no-repeat bottom left;
}

#main h3
{
        color: #F7B73C;
        font-size: 1.3em;
        margin: 20px 5px 5px 10px;
        padding: 0;
}

#content h4
{
        color: #000080;
        font-size: 1.1em;
        margin: 8px 5px 2px 13px;
        padding: 0;
        font-weight: bold;
}

#content h5
{
        color: #9191C8;
        font-size: 1em;
        font-weight: bold;
        margin: 8px 5px 2px 20px;
}

#content h6
{
        color: #727272;
        font-size: 0.9em;
        font-weight: normal;
        margin: 8px 5px 2px 20px;
        padding: 0;
        text-decoration: underline;
}

.resource-content
{
        margin: 0;
        padding: 5px 15px 15px 0;
        background: transparent url(img/back-resource-content.png) no-repeat right bottom;
        /*width: 100%;For displaying floating images in IE6*/
}

.resource-content p
{
        margin: 5px 20px;
}
#content ul
{
	margin: 10px 40px;
	padding: 0;
}
.resource-content ul li
{
        margin: 0;
	padding: 2px 0;
	list-style-image: url(img/ico-li-content.png);
	list-style-position: inside;
}

#main p.infos
{
        margin: 0 20px 0 0;
        font-size: 0.7em;
	text-align: right;
}

#main p.infos img
{
	vertical-align: middle;
}

#content div.description
{
        margin: 0 15px;
        padding: 2px;
        background: transparent url(img/back-description.png) repeat-y right;
	border: #000080 1px dotted;
        border-bottom: #000080 2px solid;
	font-style: italic;
	color: #000080;
       /* width: 100%; ie6 fix to avoid no displaying images in description*/
}

div.description p{
        margin: 0;
        padding: 0;
}

p.read
{
        text-align: right;
        margin: 0 25px;
        padding: 0;
        font-size: 0.9em;
}

p.read a
{
        font-weight: bold;
        border-left: #000080 1px solid;
        border-right: #000080 1px solid;
        border-bottom: #000080 1px solid;
	       color: #FFF;
        padding: 0 2px;
	      background: #FFF url(img/back-read.png) repeat-x top;
}

p.read a:hover
{
	background: #FFF url(img/back-read.png) repeat-x bottom;
}

p.download {
        font-size: 0.9em;
        text-align: right;
	margin: 0 0 5px 0;
}

p.download a
{
	border: none;
	padding-right: 15px;
	background: transparent url(img/download.png) no-repeat right center;
}

.resource-content p.associated-link {
        font-size: 0.9em;
        text-align: right;
}

p#nav
 {
	 clear: both;
	 position: relative;
	 text-align: center;
	 margin: 0;
	 height: 34px;
	 line-height: 30px;
	 background: transparent url(img/back-nav.png) no-repeat top left;
	 padding: 0;
	 font-size: 0.9em;
 }
 
#nav a#previous
 {
	 position: absolute;
	 top: 0;
	 left: 15px;
	 padding: 0;
	 margin: 0;
	 border: none;
 }
 
#nav a#next
 {
	 position: absolute;
	 top: 0;
	 right: 0;
	 padding: 0;
	 margin: 0;
	 border: none;
 }
 
#nav a.go-top
 {
	 padding: 0;
	 margin: 0;
	 border: none;
 }

div.important, p.important
{
        position: relative;
		color: #000080;
        background: #F7F787;
        border: dotted #F7B73C 4px;
        margin: 20px 30px;
        padding: 5px;
        text-align: center;
		border-radius: 7px;
	-o-border-radius: 7px;
	-icab-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	behavior: url(xmedia/theme/fitram2010/PIE.htc);
}


/* Support for wiki formating */
/******************************/

/*Images position*/

.px-left 
{ 
	float: left;
}

.px-center
{ 
        text-align: center;
}

.px-right
{ 
	float: right;
}

/*Gallery*/

div.gallery 
{
        width: 100%;
        margin:0;
        padding: 0;

}
div.gallery-top 
{
         margin:0;
        padding: 0;
}

div.gallery-bottom 
{ 
	clear: left;
}

div.gallery-img 
{
        float: left;
        margin: 5px 10px 5px 5px;
        padding: 0;
        height: 300px;
}

div.gallery-thumb img a {}

img.gallery-thumb 
{
       display: block;
}

p.gallery-legend
{ 
	font-style: italic;
        font-size: 0.6em;
        margin: 0;
        padding: 0;
        width: 120px;
}

/* Tables */

table, table.wiki-table
{
	border: 1px #000080 solid;
        width: 90%;
	margin : 10px auto;
	border-collapse: collapse;
        text-align: center;
}

table td, table.wiki-table td
{
	border: 1px #000080 solid;
        padding: 5px;
	
}

table th, table.wiki-table th
{
	border: 1px #000080 solid;
	background: #F7F787;
	padding: 5px;
        color: #000080;
	
}

/* Forms styling */
/*****************/

textarea
{
	width: 500px;
}


/****************************/
/* Comments and Contact form*/
/****************************/
#comments
{
	margin: 20px;
	padding: 0;
}

#contact 
{
        margin: 0;
	padding: 0;
}

#contact .required
{
        color: grey;
}

#contact .ok
{
        color: green;
        font-weight: bold;
}
#contact .contact-errors
{
        color: red;
        font-weight: bold;
}

div.comment-content
{
        margin: 0 15px 20px 15px;
        background: #FFFDBF;
        border: #000080 dotted 2px;
}

form.px-comment, #contact form
{
	padding: 10px 16px 10px 16px;
        width: 500px;
	margin: 10px auto;
        border: 2px solid #000080;
	background-color: #F7F787;
	font-size: .8em;
}

#contact fieldset
{
border: #000080 dotted 2px;
}

#contact legend
{
        margin: 5px;
        padding: 2px;
        border: #000080 solid 1px;
        background: #FFF;
        font-weight: bold;
}

#message-sent
{
        color: #000080;
        border: dashed #000080 2px;
        margin: 20px 30px;
        padding: 5px;
}

form.px-comment p, #contact form p
{
	margin: 5px;
}

form.px-comment textarea, #contact form textarea
{
	width:480px;
}

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

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

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

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

.px-comment-required-email
{
	font-size: 0.8em;
	font-style: italic;
	color: #666;
}

.comments-errors
{
	margin: 0;
	padding: 0;
	color: red;
	font-weight: bold;
}

#comments-list
{
       width: 90%;
       margin: 5px auto;
       
}

#comments-list .infos
{
        margin-top: 10px;
        width: 100%;
}

#comments-list .description
{
        background: #F7F787;
        width: 100%;
}

p#comments-closed
{
        margin: 15px;
}
/***********/
/* Sitemap */
/***********/

#sitemap h3 a
{
        border: none;
	color: #F7B73C;
}

#sitemap p
{
       margin: 0 15px;
        padding: 2px;
        background: transparent url(img/back-description.png) repeat-y right;
	border: #000080 1px dotted;
        border-bottom: #000080 2px solid;
	font-style: italic;
	color: #000080;
}

#sitemap ul
{
        margin: 0;
        padding: 0 40px;
}

#sitemap li
{
        list-style-type: none;
        list-style-position: inside;
}

/********/
/*Footer*/
/********/

#footer
{
	margin: 10px 0 0 0;
	height: 60px;
	padding: 0;
        text-align: center;
	font-size: 0.7em;
}

#footer p
{
        margin: 0;
	padding: 3px;
	color: #000080;
}

#footer a
{
	border: none;
}