/* PLUME CMS Style Sheets for 1.2 version */

body
{
	margin: 0px;
	padding: 0px;
	color: #000;
	font:  .8em, Tahoma;
	background-image: url("img/globe.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-attachment: fixed;
}

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

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

a
{
	text-decoration: none;
	color: #6887A4;
}

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

object
{
	width : 645 px;
}

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

#page
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

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

#content
{
	float: right;
	width: 73%;
	margin-top: 14px;
	font-family: Tahoma;
	color:#2E2E2E;
}

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

#menu
{
	font-size: 15px;
	margin: 40px 0 0 0;
	background-color: #999999;
	height : 25px;
	
}

#menu ul
{
	color: #98B3C7;
	display: inline; 
    vertical-align : middle;	
	padding: 0;
	margin: 0;
}

#menu li
{
	display: inline;
	margin: 0;
	padding: 0 30px 0 15px;
}

#menu a
{
	color:  #FFF;
}

#menu a:hover
{
	color:  #FFF;
	font-weight:bold
}

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

#menuright
{
	margin-left: 76%;
}

#menuevent
{
	margin-right: 74%;
	text-align: left;
}

#menuleft, #menuright
{
	padding: 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, #menuevent, 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
}

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

#banner
{
	margin: 12px 0 20px 0;
	height: 50px;
	vertical-align: middle;
}

#banner .description, #websitename
{
	margin: -2px 0 0 2px;
	color: #98B3C7;
	font: 120% Tahoma;
}

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

#banner h1, #banner h1 a
{
	color: #fff;
	width: 70%;
}

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

#easy-access
{
	right: 0;
	position: absolute;
	text-align: right;
}

#easy-access, #easy-access a
{
	color: #98B3C7;
}

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

#easy-access, #easy-access a
{
	color: #98B3C7;
}

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

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

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


/* ====================================================================
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
{
	font-size: 1.4em;
	padding-bottom: 4px;
}

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

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

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

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


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

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

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

#content h2 a 
{
	color: #000;
}

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

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

ol.tree
{
	margin: 10px 0 0 0;
	padding: 0;
	color: #6887A4;
}

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

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

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: #1771A0;
	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.col-content img
{
	border: none;
	vertical-align: bottom;
}

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

#banner h1 a
{
	margin: 0;
	font: 120% Tahoma;
	color: #fff;
	font-weight: 100;
}

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

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 a
{
	text-decoration: underline;
}

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
{
	text-decoration: none;
	color: #000;
}

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

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

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

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

.recent-news
{
	background-color: #EFF4FA;
	border: 1px solid #DBE1E5;
	padding: 2px 10px 10px 10px;
	margin: 4px 0 10px 0;
	color: #036;
	font-size: 80%;
	text-decoration: none;
}

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

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

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

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

.recent-event
{
	background-color: #EFF4FA;
	border: 1px solid #DBE1E5;
	padding: 2px 10px 10px 10px;
	margin: 4px 0 10px 0;
	color: #036;
	font-size: 80%;
	text-decoration: none;
	text-align:left;
}

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

.recent-event h2
{
	margin: 0;
	font-size: 100%;
}

.recent-event .recent-event-date
{
	color: #91A8C0;
	text-align: right;
}

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

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

ul.extra li
{
	display: inline;
	list-style-type: none;
	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;
}

/* ====================================================================
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 h1
{
	padding: 20px 0 0 0;
	font-weight: 200;
	color: #0E5A8A;
}

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

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

#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;
	color: #98C6E6;
}

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

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

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

#search-engine
{
	margin: 40px 0 0 0;
}

#galigeo_logo a
{
	position:absolute;left:0px;top:0px;width:400px;height:90px;background-image:url("img/galigeo-logo2-trans.png");background-repeat: no-repeat;
}

#lang_fr a
{
	position:absolute;right:0px;top:0px;width:30px;height:20px;background-image:url("img/flag_fr.gif")
}

#lang_en a
{
	position:absolute;right:40px;top:0px;width:30px;height:20px;background-image:url("img/flag_en.gif")
}

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

.sitemap
{
	background: transparent  20px 40% no-repeat;
}

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

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

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

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

#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;
	color: #98C6E6;
}

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

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

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