/* Style sheet for Philanthrôpia */
/* Inner 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; }
a.entete:link, a.entete:visited { color: #FFFFFF; background-color: #252223; text-decoration: none; padding-left: 0px; }
a.entete:hover, a.entete:active { color: #FFFFFF; background-color: #252223; text-decoration: underline; padding-left: 0px; }


/* 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; line-height: 14px; }
#content p.center { text-align: center; font-size: 11px; line-height: 14px; }
#content h1 { background-color: #FFFFFF; color: #AA9500; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align: left; line-height: 12px; }
#content h2 { background-color: #FFFFFF; color: #AA9500; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; margin-bottom: 2px; }
#content h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; margin-bottom: 4px; }
#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 .title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13px; }
#content .descriptive { margin-left: 10px; font-weight: normal; line-height: normal; }
#content ol, ul, li { list-style-image: url(../images/puce.gif); margin-top: 2px; margin-left: 16px; margin-top: 8px; line-height: 14px; padding-left: 0px; text-align: left; }
#content hr { color: #858585; background: #858585; width: 80%; height: 1px; border: 0; margin: 20px; }
#content .small { font-size: 10px; }
#content .smaller { font-size: 11px; }
#content a.small:link, #content a.small:visited { color: #000000; background-color: #FFFFFF; text-decoration: none; font-size: 10px; }
#content a.small:hover, #content a.small:active { color: #000000; background-color: #FFFFFF; text-decoration: underline; font-size: 10px; }
#content blockquote { background-color: #FFFFFF; color: #000000; margin: 0px; padding: 8px; font-style: italic; font-size: 11px; }

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

/* Formulaires */ 
.field { font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.entry { background-color: transparent; color: #000000; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
input.submit { border: 1px solid #000; background-color:#AA9500; color:#fff; text-align: center; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.erreur_titre { border:1px solid #333333; display:block; color:#fff; background-color:#60b1c4; margin:5px 15px 0  15px; font-size:11px; font-weight:bold; padding:6px; text-align:center; }
.erreur_cadre { border:1px solid #333333; background-color:#E2F2F5; color:#000; margin:0 15px 5px 15px; padding:10px; font-size: 11px; }
.erreur_champs { border:1px solid #333333; background-color:#E2F2F5; font-size: 11px; }
.smallorange { font-size: 10px; background-color: #fff; color: #CB4E22; }