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

body,td {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	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" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	border:1px solid #425572;
	background-color:#ffffff;
	color: #000000;
	}

img {	border: none; }

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

.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 td { text-align: left; }
#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 { text-align: left; }
#content ol, li { margin-top: 12px; margin-bottom: 14px; }
#content dt { font-weight: bold; }
#content a.portfolio:link { background-color: #FBC559; font-size: 12px; color: #425572; text-decoration: underline; } 
#content a.portfolio:visited { background-color: #FBC559; font-size: 12px; color: #425572; text-decoration: underline; }
#content a.portfolio:hover { background-color: #FBC559; font-size: 12px; color: #425572; text-decoration: overline; }
#content .small { text-align: left; background-color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
#content a.small:link { background-color: #FFFFFF; font-size: 10px; color: #B22222; text-decoration: underline; } 
#content a.small:visited { background-color: #FFFFFF; font-size: 10px; color: #B22222; text-decoration: underline; }
#content a.small:hover { background-color: #FFFFFF; font-size: 10px; color: #B22222; text-decoration: overline; }

.title { font-size: 12px; background-color: #FFFFFF; color: #3E7898; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13px; }
.descriptive { font-size: 12px; background-color: #FFFFFF; color: #000000; margin-left: 0px; font-weight: normal; line-height: 13px; }


/* Portfolio */
.portfolio { border: 1px solid #FBC559; }
.paleyellow { background-color: #FEF7E7; padding: 10px; font-size: 12px; color: #425572; }
.paleyellowsmall { background-color: #FEF7E7; font-size: 10px; color: #425572; }
.paleyellow_back { text-align: left; background-color: #FEF7E7; background-image: url(../images/portfolio_back.jpg); padding: 20px; font-size: 12px; color: #425572; }
.sharpyellow { clear: both; background-color: #FBC559; padding: 5px; font-size: 12px; color: #425572; font-weight: bold; }
.imageicon { border: 1px solid #425572; }

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: Arial, Geneva, Helvetica, sans-serif; font-weight: bold; } 
.red { color: #B22222; background-color: #FFFFFF; font-family: Arial, 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; }

.nomargintop { margin-top: 0px; }
.updated { margin-top: 0px; font-size: 10px; }