/* Magenta :   #dc4a7c */

/* Général
------------------------------------------------------------------*/
/* global reset */
* {
	margin:0;
	padding:0;
}
ul,li {
	list-style-type:none;
  margin:0;
}
/*h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ol,dl,fieldset,address {
  margin: 0.75em 0;
}*/
fieldset {
  padding:.5em;
}
html {
  height:100%;
  width:100%;
  }
body {
  height:100%;
  width:100%;
	color:#000000;
	background: #fff;
  font-size:90%;
  font-family: Georgia, "Times New Roman", serif;
  line-height:150%; 
	}
hr {
	clear:both;
	visibility:hidden;
	}		
img {
	border:0;
	}	
  
  
/* div - premier niveau
------------------------------------------------------------------*/  
#body{
  background:#000;
  height:100%;
}

#header {
  width:100%;
  height:150px;
  overflow: hidden;
  background: #000 url(../images/bg_header.png) center no-repeat;
}
  #header h1{
    display: none;
  }
  
#under_top{
  width:100%;
  height:32px;  
  background: #000000;
}  
  
#main {
  width:100%;
	background: #9b8f87 url(../images/bg_page.png) center repeat-y;
}


#page {
  width:740px;
  margin:auto;
  overflow: auto;
  background: #ffffff;
  padding: 0 5px 20px 5px;
  min-height: 400px;
}
#footer {
  width:100%;
  background: #000000;
  color: #fff;
  text-align: center;
}


/* div -deuxième niveau
------------------------------------------------------------------*/
/* header */
#toolbar {
  margin:auto;
  width:750px;
  height:25px;
  background: #000000;
}

#top {
  width:750px;
  margin:auto;
}

/* main */
#pathway {
  padding:5px;
  margin:5px;
  border-bottom:1px dashed #9b8f87;
}
  .pathway {
  color:#9b8f87;
  }

#right {
  float:left;
  width:170px;
  padding:5px;
  margin:5px;
}

#center {
  float:left;
  width:549px;
  border-right:1px dashed #9b8f87;
  margin-bottom:5px;
}
#advert1 {
  padding:5px;
  margin:5px;
}
#user {
  width:254px;
  float:left;
  padding:5px;
  margin:5px;
}

#mainbody {
  clear:both;
  padding:5px;
  margin:5px;  
}

#bottom {
  clear:both;
  padding:5px;
  margin:5px;
}
  
/* footer */
#legals {
  text-align:center;
  color:#9b8f87;
}


/*----------------------------*/
/*    Pour les tableaux       */
/*----------------------------*/

.noedit table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.noedit th/* Les cellules d'en-tête */
{
   background-color: #FFFFFF;
   color: #dd137b;
   padding: 5px;
/*    font-size: 1.1em; */
   /*font-family: Arial, "Arial Black", Times, "Times New Roman", serif;*/
}

.noedit td /* Les cellules normales */
{
   border: 1px solid black;
/*    font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; */
   /*text-align: center;*/ /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/*---------------------------------------*/

/*ADDED BY SK */

/* libris menu
------------------------------------------------------------------*/
#advert1  a:link, #advert1 a:visited{
font-size:0.8em;
color:#a59d95;
text-decoration:none;
padding:0.7em;
font-weight:bold;
}

#advert1  a:hover{
color:#d10074;
}
/* Les liens 
-------------------------*/

.noedit a:link, .noedit a:visited
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: grey; /* Les liens seront en rouge au lieu de bleu */
   /*font-style: italic;*/ /* Les liens seront en italique (pourquoi pas ?) */
}









p {
margin: 0.5em 0 1em 0;
}
#mainbody p, #advert1 p {
  text-align:justify;
}

a:link, a:visited {
text-decoration:underline;
color:#6e81d7;
}
a:hover {
text-decoration:none;
}

h1,.componentheading{
font-size:1.7em;
line-height:2.1em;
color:#dc4a7c;
font-weight:normal;
}
h2,.contentheading{
font-size:1.7em;
line-height:2.1em;
color:#dc4a7c;
font-weight:normal;
}
h3{
font-size:1.3em;
line-height:1.3em;
}
h4{
font-size:1.2em;
line-height:1.2em;
}
h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}
.small,.createdate,.modifydate,.mosimage_caption{
font-size:75%;
color:#9b8f87;
}
.moduletable{
padding:0 0;
}


#right .moduletable{
width:170px;
overflow:hidden;
margin-bottom: 10px;
border-bottom:1px dashed #9b8f87;
}

#user .moduletable{
font-size:75%;
overflow:hidden;
}
#rec {
background: #55a;
height: 60px;
width:254px;
}
#main ul li {
  margin-left:2em;
  list-style-type: square;
  
}

#user .moduletable h3{
font-weight:normal;
color:#fff;
font-size:170%;
background:#000;
padding:0.2em 0.5em;


/*negative padding to pull h3 back out from .moduletable padding*/ }

#user .moduletable p{
}






/* toolbar menu
------------------------------------------------------------------*/
#toolbar ul {
float: right;
}
#footer ul {
margin: auto;
}
#toolbar li, #footer li {
display: inline;
margin: 0.5em;
}
#toolbar a:link, #toolbar a:visited , #footer a:link, #footer a:visited {
font-size: 75%;
text-decoration: none;
color:#9b8f87;
}
#toolbar a:hover, #footer a:hover {
color:#fff;
}

/* side menu
------------------------------------------------------------------*/
#main #mainlevel, #main #mainlevel li {
	list-style-type:none;
  margin:0;
}

#main #mainlevel a:link, #main #mainlevel a:visited , #main #mainlevel a:link, #main #mainlevel a:visited {
display:block;
font-size: 100%;
text-decoration: none;
line-height:200%;
color:#9b8f87;
border-bottom:1px dashed #fff;
}
#main #mainlevel a:hover, #main #mainlevel a:hover {
color:#dd137b;
border-bottom:1px dashed #9b8f87;
}




/* top menu
------------------------------------------------------------------*/
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
#top a.mainlevel, #top a.mainlevel_active, #top a.mainlevel_current,
#top a.mainlevel:link, #top a.mainlevel_active:link, #top a.mainlevel_current:link,
#top a.mainlevel:visited, #top a.mainlevel_active:visited, #top a.mainlevel_current:visited {
	background-color: #000;
	color: #ccc;
}

#top a.mainlevel:hover, #top a.mainlevel_active:hover, #top a.mainlevel_current:hover {
	background-color: #fff;
	color: #dc4a7c;
}

#top a.sublevel, #top a.sublevel_active, #top a.sublevel_current,
#top a.sublevel:link, #top a.sublevel_active:link, #top a.sublevel_current:link,
#top a.sublevel:visited, #top a.sublevel_active:visited, #top a.sublevel_current:visited {
	background: url(../images/top-menu-bg1.png);
	color: white;
}

#top a.sublevel:hover, #top a.sublevel_active:hover, #top a.sublevel_current:hover {
	background-color: #FFF;
	color: #dc4a7c;
}

#top ul.mainlevel ul ul a.sublevel, #top ul.mainlevel ul ul a.sublevel_active, #top ul.mainlevel ul ul a.sublevel_current,
#top ul.mainlevel ul ul a.sublevel:link, #top ul.mainlevel ul ul a.sublevel_active:link, #top ul.mainlevel ul ul a.sublevel_current:link,
#top ul.mainlevel ul ul a.sublevel:visited, #top ul.mainlevel ul ul a.sublevel_active:visited, #top ul.mainlevel ul ul a.sublevel_current:visited {
	background: url(../images/top-menu-bg1.png);
	color: white;
}

#top ul.mainlevel ul ul a.sublevel:hover, #top ul.mainlevel ul ul a.sublevel_active:hover, #top ul.mainlevel ul ul a.sublevel_current:hover {
	background-color: #FFF;
	color: #dc4a7c;
}

#top ul.mainlevel ul .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}


/** customize style / layout here */

#top a.mainlevel, #top a.mainlevel_active, #top a.mainlevel_current, #top span.mainlevel,
#top a.mainlevel:link, #top a.mainlevel_active:link, #top a.mainlevel_current:link,
#top a.mainlevel:visited, #top a.mainlevel_active:visited, #top a.mainlevel_current:visited,
#top a.mainlevel:hover, #top a.mainlevel_active:hover, #top a.mainlevel_current:hover,
#top a.sublevel, #top a.sublevel_active, #top a.sublevel_current, #top span.sublevel,
#top a.sublevel:link, #top a.sublevel_active:link, #top a.sublevel_current:link,
#top a.sublevel:visited, #top a.sublevel_active:visited, #top a.sublevel_current:visited,
#top a.sublevel:hover, #top a.sublevel_active:hover, #top a.sublevel_current:hover {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 0.6em 1em 0.6em 1em;	/* top, right, bottom, left */
}

#top a.mainlevel, #top a.mainlevel_active, #top a.mainlevel_current, #top span.mainlevel {
}

#top a.sublevel, #top a.sublevel_active, #top a.sublevel_current, #top span.sublevel {
	font-size: 90%;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#top #active_menu,
#top a.mainlevel_active, #top a.mainlevel_current,
#top a.mainlevel_active:link, #top a.mainlevel_current:link,
#top a.mainlevel_active:visited, #top a.mainlevel_current:visited,
#top a.mainlevel_active:hover, #top a.mainlevel_current:hover,
#top a.sublevel_active, #top a.sublevel_current,
#top a.sublevel_active:link, #top a.sublevel_current:link,
#top a.sublevel_active:visited, #top a.sublevel_current:visited,
#top a.sublevel_active:hover, #top a.sublevel_current:hover {
  background:#FFF;
  color:#000;
}

#top ul.mainlevel, #top .mainlevel ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

#top ul.mainlevel li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}

#top ul.mainlevel li li {
	position: relative;
	display: block;
	width: 12em;
}


#top ul.mainlevel ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: 0 0 0 0em;
	width: auto;
	height: auto;
	z-index: 101;
}
	
#top ul.mainlevel li li ul {
	margin: -2.2em 0 0 12em;
	z-index: 102;
}

#top ul.mainlevel li:hover ul,
#top ul.mainlevel li.hover ul {
	left: auto;
}

#top ul.mainlevel li:hover ul ul,
#top ul.mainlevel li.hover ul ul {
	left: -999em;
}

#top ul.mainlevel li:hover ul li:hover ul,
#top ul.mainlevel li.hover ul li.hover ul {
	left: auto;
}


#top ul.mainlevel, ul.mainlevel li li {
	clear: left;
}

/** separator */
#top span.mainlevel, #top span.sublevel {
	display: block;
	width: 1em;
	border-width: 0px;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
#top ul.mainlevel > #top ul.mainlevel {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
#top ul.mainlevel > #top ul.mainlevel li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
#top ul.mainlevel > #top ul.mainlevel li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}






.blog
{
/* display:none; */
}








/*
#top #mainlevel li:hover a{
color:#dc4a7c;
}
#top #mainlevel li:hover li a{
color:#555;
}
#top #mainlevel li:hover li a:hover{
color:#dc4a7c;
}


/*

#active_menu
#blockrandom
#contact_email_copy
#contact_text
#emailForm
#mod_login_password
#mod_login_remember
#mod_login_username
#poll
#search_ordering
#search_searchword
#searchphraseall
#searchphraseany
#searchphraseexact
#voteid1,#voteid2....
.adminform
.article_seperator
.back_button
.blog
.blog_more
.blogsection
.button
.buttonheading
.category
.clr
.componentheading
.contact_email
.content_rating
.content_vote
.contentdescription
.contentheading
.contentpagetitle
.contentpane
.contentpaneopen   
.contenttoc   
.createdate   
.fase4rdf   
.footer   
.frontpageheader   
.inputbox   
.latestnews   
.mainlevel   
.message   
.modifydate   
.module   
.moduletable   
.mostread   
.newsfeed   
.newsfeeddate
.newsfeedheading
.pagenav
.pagenav_next
.pagenav_prev
.pagenavbar
.pagenavcounter
.pathway
.polls
.pollsborder
.pollstableborder
.readon
.search
.searchintro
.sectionentry1
.sectionentry2
.sectionheader
.sitetitle
.small
.smalldark
.sublevel
.syndicate
.syndicate_text
.text_area
.toclink
.weblinks
.wrapper

*/