/* Style sheet for Philanthrôpia */
/* Entry pages */
/* Copyright Natmark-Concept inc. - All rights reserved. */

body {
	margin: 0px 0px; padding:0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
  background-image: url(../images/bg_blueside.gif); 
	background-repeat: repeat-y; }

html {height: 100.1%;} /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }
.topband { background-image:url(../images/bg_topbeige.gif); background-repeat: repeat-x }

#mainframe {
	width:688px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	padding:0px;
	border-top: none;
	border-right: 1px solid #858585;
	border-bottom: 1px solid #858585;
	border-left: 1px solid #858585;
	background-color: #ffffff;
	color : #000000;
	}

/* Menu gauche */
a.menu:link, a.menu:visited { display: block; width: 136px; text-decoration: none; margin-left: 22px; padding: 3px 0px 2px 0px; }
a.menu:hover, a.menu:active { text-decoration: none; background-image: url(../images/icone_menuon.gif); background-repeat: no-repeat; margin-left: 6px; padding: 3px 0px 2px 16px; }
/* Liens principal actif */
.menuon { background-image: url(../images/icone_menuon.gif); background-repeat: no-repeat; margin-left: 6px; padding: 2px 0px 0px 0px; }
.menuopen { display: block; width: 136px; border: 1px solid #E4DFBA; margin-left: 16px; }
a.menuactive:link, a.menuactive:visited, a.menuactive:hover, a.menuactive:active { text-decoration: none; }
/* Liens sous-menu */
a.submenu:link, a.submenu:visited { display: block; width: 130px; border-left: 1px solid #E4DFBA; border-right: 1px solid #E4DFBA; background-color: #FFFFFF; color: #000000; margin-left: 22px; padding: 2px 0px 2px 6px; font-size: 11px; font-weight: normal; text-decoration: none; }
a.submenu:hover, a.submenu:active { display: block; width: 130px; border-left: 1px solid #E4DFBA; border-right: 1px solid #E4DFBA; background-color: #E7F5F7; color: #000000; margin-left: 22px; padding: 2px 0px 2px 6px; font-size: 11px; font-weight: normal; text-decoration: none; }
/* Dernier lien au bas du sous-menu */
a.submenubtm:link, a.submenubtm:visited { display: block; width: 130px; border-left: 1px solid #E4DFBA; border-right: 1px solid #E4DFBA; border-bottom: 1px solid #E4DFBA; background-color: #FFFFFF; color: #000000; margin-left: 22px; padding: 2px 0px 2px 6px; font-size: 11px; font-weight: normal; text-decoration: none; }
a.submenubtm:hover, a.submenubtm:active { display: block; width: 130px; border-left: 1px solid #E4DFBA; border-right: 1px solid #E4DFBA; border-bottom: 1px solid #E4DFBA; background-color: #E7F5F7; color: #000000; margin-left: 22px; padding: 2px 0px 2px 6px; font-size: 11px; font-weight: normal; text-decoration: none; }
/* Liens actif sous-menu */
a.submenuon:link, a.submenuon:visited, a.submenuon:hover, a.submenuon:active { display: block; width: 130px; border-left: 1px solid #E4DFBA; border-right: 1px solid #E4DFBA; background-color: #E7F5F7; color: #000000; margin-left: 22px; padding: 2px 0px 2px 6px; font-size: 11px; font-weight: normal; text-decoration: none; }
/* Dernier lien actif au bas du sous-menu */
a.submenuonbtm:link, a.submenuonbtm:visited, a.submenuonbtm:hover, a.submenuonbtm:active { display: block; width: 130px; border-left: 1px solid #E4DFBA; border-right: 1px solid #E4DFBA; border-bottom: 1px solid #E4DFBA; background-color: #E7F5F7; color: #000000; margin-left: 22px; padding: 2px 0px 2px 6px; font-size: 11px; font-weight: normal; text-decoration: none; }

/* Titre d'entête de page */
.entete { width: 395px; background-color: #252223; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px 2px 2px 10px; text-align: left; }

/* Corps de la page */
#content { padding: 10px 10px 8px 8px; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#content p { margin-top: 2px; }
#content h1 { background-color: #FFFFFF; color: #AA9500; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align: left; line-height: 10px; }
#content acronym[title] { cursor:help; border-bottom:1px dotted gray; }
#content a:link, #content a:visited { color: #AA9500; background-color: #ffffff; text-decoration: underline; }
#content a:hover, #content a:active { color: #AA9500; background-color: #ffffff; text-decoration: overline; }
#content ol, ul, li { list-style-image: url(../images/puce.gif); margin-top: 2px; margin-left: 16px; line-height: 14px; padding-left: 0px; }

/* ---- Entry news ---- */
.heading { width: 407px; background-color: #FFFFFF; color: #AA9500; border-bottom: 1px solid #AA9500; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align: left; line-height: 10px; }
table.news { margin-left: 0px; padding-left: 0px; text-align: left; }
td.news { background-color: #EEEDD9; color: #000000; font-size: 11px; padding: 8px; }
p.title { background-color: #EEEDD9; color: #000000; font-size: 11px; font-weight: bold; text-align: left; margin-top: 0px; margin-bottom: 4px; }
p.news { background-color: #EEEDD9; color: #000000; font-size: 11px; text-align: left; margin: 0px; }
p.more { text-align: right; margin: 5px 5px 0px 0px; }

/* ---- Footer ---- */ 
.footer { background-color: #ffffff; color: #585858; font-size: 10px; text-align: center;	margin: 5px 0px 5px 0px;}
a.footer:link { background-color: #ffffff; color: #585858; text-decoration: underline; font-size: 10px; }
a.footer:visited { background-color: #ffffff; color: #585858; text-decoration: underline; font-size: 10px; }
a.footer:hover { background-color: #ffffff; color: #585858; text-decoration: overline; font-size: 10px; }
a.footer:active { background-color: #ffffff; color: #585858; text-decoration: overline; font-size: 10px; }