/* Style sheet for NATMARK-CONCEPT */
/* Inner page */
/* By Natmark-Concept inc. Copyright 2006. All rights reserved. */

body,td {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	}

#global {
	width:771px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	padding:0px;
	border:1px solid #425572;
	background-color:#ffffff;
	color: #000000;
	}

img {	border: none; }
html {height: 100.1%;} /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */

#header { background-color: #FBC559; border-bottom: 2px solid #FFFFFF; font-size: 11px; color: #000000; font-weight: normal; vertical-align: top; text-align: right; padding-top: 4px; }
#header a:link { background-color: #FBC559; color: #000000; text-decoration: none; font-size: 11px;}
#header a:visited { background-color: #FBC559; color: #000000; text-decoration: none; font-size: 11px; }
#header a:hover { background-color: #FBC559; color: #000000; text-decoration: overline; font-size: 11px; }
#header a:active { background-color: #FBC559; color: #000000; text-decoration: overline; font-size: 11px; }

/* 2px lines */
.yellow_line { background-color: #FBC559; height: 2px; }
.white_line { background-color: #FFFFFF; height: 2px; }

#mainmenu { text-align: left; background-color: #425572; color: #FFFFFF; border-bottom: 2px solid #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px; padding: 4px 0px 4px 0px; font-size: 12px; }
#mainmenu ul { list-style-type: none; margin: 0px; padding: 0px; }
#mainmenu ul li { display: inline; }
#mainmenu ul li a { text-decoration: none; background-color: #425572; color: #FFFFFF; padding-left: 15px; padding-right: 15px; padding-top: 4px; padding-bottom: 4px; margin: 0px; }
#mainmenu ul li a:hover { text-decoration: none; background-color: #FFFFFF; color: #425572; border-bottom: 4px solid #425572; }
#mainmenu ul li a.current { text-decoration: none; background-color: #FFFFFF; border-bottom: 4px solid #425572; color: #425572; }

/* Side menu */
.sectiontitle { background-color: #F5CF84; text-align: left; font-weight: bold; font-size: 20px; color: #FFFFFF; padding-top: 10px; padding-left: 10px; }

#sidemenu { text-align: left; background-color: #F5CF84; color: #425572; font-size: 12px; font-weight: bold; margin: 0px; }
#sidemenu a:link { display: block; width: auto; text-decoration: none; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dashed; border-color: #FFFFFF; background-color: #FBEAC9; color: #425572; padding: 3px 0px 3px 10px; }
#sidemenu a:visited { display: block; width: auto; text-decoration: none; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dashed; border-color: #FFFFFF; background-color: #FBEAC9; color: #425572; padding: 3px 0px 3px 10px; }
#sidemenu a:hover { display: block; width: auto; text-decoration: none; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid; border-color: #FFFFFF; background-color: #425572; color: #FFFFFF; padding: 3px 0px 3px 10px; }
#sidemenu a.subcurrent:link { display: block; width: auto; text-decoration: none; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dashed; border-color: #FFFFFF; background-color: #425572; color: #FFFFFF; padding: 3px 0px 3px 10px; }
#sidemenu a.subcurrent:visited { display: block; width: auto; text-decoration: none; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dashed; border-color: #FFFFFF; background-color: #425572; color: #FFFFFF; padding: 3px 0px 3px 10px; }
#sidemenu a.sub:link { display: block; width: auto; text-decoration: none; padding-top: 1px; padding-bottom: 1px; font-size: 11px; font-weight: normal; background-color: #FBEAC9; color: #425572; padding-left: 16px; }
#sidemenu a.sub:visited { display: block; width: auto; text-decoration: none; padding-top: 1px; padding-bottom: 1px; font-size: 11px; font-weight: normal; background-color: #FBEAC9; color: #425572; padding-left: 16px; }
#sidemenu a.sub:hover { display: block; width: auto; text-decoration: none; padding-top: 1px; padding-bottom: 1px; font-size: 11px; font-weight: normal; background-color: #425572; color: #FFFFFF; padding-left: 16px; }

.details { background-color: #FFFFCE; color: #425572; border: 2px solid #F5CF84; padding-left: 3px; padding-right: 3px; }
a.details:link { background-color: #FFFFCE; border: 2px solid #F5CF84; font-size: 12px; font-weight: bold; color: #425572; text-decoration: none; padding-left: 3px; padding-right: 3px; } 
a.details:visited { background-color: #FFFFCE; border: 2px solid #F5CF84; font-size: 12px; font-weight: bold; color: #425572; text-decoration: none; padding-left: 3px; padding-right: 3px; } 
a.details:hover { background-color: #425572; border: 2px solid #F5CF84; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-left: 3px; padding-right: 3px; }

/* Corps de la page */
.sectionicon { float: left; margin: 5px; }
#content { margin-left: 72px; margin-right: 16px; text-align: left; }
#content p { text-align: left; background-color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
#content .center { text-align: center; background-color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
#content .right { text-align: right; }
#content .framed  { text-align: left; border: 1px solid #FBC559; background-color: #FEF7E7; padding: 10px; font-size: 12px; color: #425572; }
#content .framedtable { text-align: left; border: 1px solid #FBC559; background-color: #FEF7E7; padding: 2px; font-size: 12px; color: #425572; }
#content a:link { background-color: #FFFFFF; font-size: 12px; color: #B22222; text-decoration: none; } 
#content a:visited { background-color: #FFFFFF; font-size: 12px; color: #B22222; text-decoration: none; }
#content a:hover { background-color: #FFFFFF; font-size: 12px; color: #B22222; text-decoration: overline; }
#content a:active { background-color: #FFFFFF; font-size: 12px; color: #B22222; text-decoration: none; }
#content ul, ol, li { text-align: left; }
#content dt { font-weight: bold; }
#content .small { text-align: left; background-color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
#content .title { font-size: 12px; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#content a.title:link { font-size: 12px; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#content a.title:visited { font-size: 12px; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#content a.title:hover { font-size: 12px; background-color: #FFFFFF; color: #B22222; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#content .descriptive { font-size: 12px; background-color: #FFFFFF; color: #000000; margin-left: 16px; padding-left: 16px; font-weight: normal; }

/* Champs annuaires */
fieldset { padding: 5px; border: 1px solid #425572; width: 450px; display:block; font-size: 11px; }
legend { font-weight: bold; color: #B22222; background-color: inherit; margin-bottom: 5px; margin-top: 5px; font-size: 12px; font-weight: bold; }

/* Portfolio */
.darkblue { background-color: #425572; font-size: 10px; color: #ffffff; }
.paleyellow { background-color: #FEF7E7; padding: 10px; font-size: 12px; color: #425572; }
.paleyellowsmall { background-color: #FEF7E7; font-size: 10px; color: #425572; }
.sharpyellow { clear: both; background-color: #FBC559; padding: 5px; font-size: 12px; color: #425572; font-weight: bold; }
.imageicon { border: 1px solid #425572; }
.red { font-size: 14px; color: #B22222; background-color: #FFFFFF; }
.smallred { font-size: 10px; color: #B22222; background-color: #FFFFFF; }

H1 { font-size: 14px; color: #B22222; background-color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 10px; } 
H2 { font-size: 12px; color: #B22222; background-color: #FFFFFF; font-family: Geneva, Helvetica, sans-serif; font-weight: bold; } 

/* ---- Footer ---- */ 
.footer_top { background-color: #FBC559; background-image: none; color: #000000; height: 5px; border-bottom:1px solid #FFFFFF; }
.footer_logo { background-color: #FBC559; color: #000000; padding: 0px; float: right; }
#footer { background-color: #FBC559; height: 100px; font-size: 10px; color: #000000; font-weight: normal; padding: 10px; }
#footer a:link { background-color: #FBC559; color: #000000; text-decoration: underline; font-size: 10px; } 
#footer a:visited { background-color: #FBC559; color: #000000; text-decoration: underline; font-size: 10px; }
#footer a:hover { background-color: #FBC559; color: #000000; text-decoration: overline; font-size: 10px; }
#footer a:active { background-color: #FBC559; color: #000000; text-decoration: overline; font-size: 10px; }