/* Style sheet for ID Marque */
/* By Natmark-Concept inc. All rights reserved. */

body {
	margin: 30px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align: center; 
	color: #313131;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #9E9880;
	background-image: url(../images/bkg_page.gif); background-repeat: repeat-x; background-position: top; }

#outerframe {
	width: 754px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left; 
	padding: 0px;
	/*border: 1px solid #54451C; */
	background-color: #ffffff;
	color: #313131;
	}
	
html { height: 100.1%; } /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }

/* Shadows */
.shadow { background-image:  url(../images/bkg_blanc.jpg); background-repeat: repeat-x;  border-bottom: 1px solid #54451C;}
.leftshadow { background-image:  url(../images/bkg_leftshadow.jpg); background-repeat: no-repeat; background-color: #9E9880; }
.rightshadow { background-image:  url(../images/bkg_rightshadow.jpg); background-repeat: no-repeat; background-color: #9E9880; }
.leftshadowbtm { background-image:  url(../images/bkg_leftshadow-btm.jpg); background-repeat: no-repeat; background-color: #9E9880; }
.rightshadowbtm { background-image:  url(../images/bkg_rightshadow-btm.jpg); background-repeat: no-repeat; background-color: #9E9880; }

/* Left vertical menu */
#menu { font-family: Verdana, Arial, Helvetica, sans-serif; color: #54451C; font-size: 11px; margin: 48px 0px 0px 16px; }
#menu a:link { display: block; width: 160px; background-image: url(../images/bt_bkg.gif); background-repeat: no-repeat; background-position: bottom; background-color: transparent; color: #54451C; text-decoration: none; border: none; font-size: 11px; padding: 14px 0px 2px 6px; }
#menu a:visited { display: block; width: 160px; background-image: url(../images/bt_bkg.gif); background-repeat: no-repeat; background-position: bottom; background-color: transparent; color: #54451C; text-decoration: none; border: none; font-size: 11px; padding: 14px 0px 2px 6px; }
#menu a:hover { display: block; width: 160px; background-image: url(../images/bt_bkg-over.gif); background-repeat: no-repeat; background-position: bottom; background-color: transparent; color: #54451C; text-decoration: none; border: none; font-size: 11px; padding: 14px 0px 2px 6px; }
#menu a:active { display: block; width: 160px; background-image: url(../images/bt_bkg-over.gif); background-repeat: no-repeat; background-position: bottom; background-color: transparent; color: #54451C; text-decoration: none; border: none; font-size: 11px; padding: 14px 0px 2px 6px; }
/* Main buttons : selected state */
#menu .menuon, #menu a.menuon:link, #menu a.menuon:visited, #menu a.menuon:hover, #menu a.menuon:active { display: block; width: 160px; background-image: url(../images/bt_bkg-over.gif); background-repeat: no-repeat; background-position: bottom; background-color: transparent; color: #54451C; text-decoration: none; border: none; font-size: 11px; padding: 14px 0px 2px 6px; }

/* Main inner - framed */
.framed { border: 1px solid #54451C; background-image: url(../images/bkg_blanc.jpg); background-repeat: repeat-x; background-position: top; }

/* Body Content */
.pagetitle { padding: 10px 10px 0px 0px; text-align: right; font-size: 12px; color: #54451C; background-color: transparent; font-weight: bold; font-family:"Times New Roman", Times, serif; letter-spacing: 2px; } 
#content { margin-top: 20px; padding: 10px 60px 10px 40px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; background-color: transparent; color: #313131; line-height: 16px; }
#content p { font-size: 11px; color: #313131; background-color: transparent; }
#content h1 { font-size: 12px; color: #54451C; background-color: transparent; font-weight: bold; font-family:"Times New Roman", Times, serif; letter-spacing: 2px; } 
#content .dropcap { font-size: 20px; }
#content a.h1:link { font-size: 11px; color: #54451C; background-color: transparent; font-weight: bold; text-decoration: none; } 
#content a.h1:visited { font-size: 11px; color: #54451C; background-color: transparent; font-weight: bold; text-decoration: none; } 
#content a.h1:hover { font-size: 11px; color: #54451C; background-color: transparent; font-weight: bold; text-decoration: overline; } 
#content a.h1:active { font-size: 11px; color: #54451C; background-color: transparent; font-weight: bold; text-decoration: none; } 
#content .subtitle { font-size: 11px; color: #54451C; background-color: transparent; font-weight: bold; }
#content h2 { font-size: 12px; color: #54451C; background-color: transparent; font-weight: bold; margin-bottom: 4px; } 
#content a:link { font-size: 11px; color: #54451C; background-color: transparent; text-decoration: underline;} 
#content a:visited { font-size: 11px; color: #54451C; background-color: transparent; text-decoration: underline; }
#content a:hover { font-size: 11px; color: #54451C; background-color: transparent; text-decoration: overline; }
#content a:active { font-size: 11px; color: #54451C; background-color: transparent; text-decoration: underline; }
#content .title { font-size: 12px; color: #54451C; background-color: transparent; font-weight: bold; margin-bottom: 0px; }
#content .descriptive { font-size: 11px; color: #313131; background-color: transparent; margin-left: 20px; font-weight: normal; margin-top: 0px; }
#content .desclist { font-size: 11px; color: #313131; background-color: transparent; margin-left: 20px; margin-top: 0px; margin-bottom: 0px; font-weight: normal; }
#content ol, ul, li { font-size: 11px; color: #313131; background-color: transparent; line-height: 18px; list-style-image:url(../images/bullet.gif); padding-bottom: 6px; }
#content blockquote { font-size: 11px; color: #313131; background-color: transparent; font-style: italic; }
#content hr { color: #54451C; background-color: #54451C; width: 100%; height: 1px; }
#content .small { color: #313131; background-color: transparent; font-size: 10px; }
#content a.small:link { color: #54451C; background-color: transparent; text-decoration: none; font-size: 10px; }
#content a.small:visited { color: #54451C; background-color: transparent; text-decoration: none; font-size: 10px; }
#content a.small:hover { color: #54451C; background-color: transparent; text-decoration: underline; font-size: 10px; }
#content a.small:active { color: #54451C; background-color: transparent; text-decoration: underline; font-size: 10px; }
#content table.framed { border: 1px solid #54451C; border-collapse: collapse; padding: 10px; background-image: url(../images/bkg_blanc.jpg); background-repeat: repeat-x; background-position: top; }
#content a.anchors:link, #content a.anchors:visited, #content a.anchors:hover { cursor:help; border-bottom:1px dotted #54451C; background-color: transparent; text-decoration: none; }


/* ---- Footer ---- */ 
.footer { text-align: center; background-color: transparent; color: #ffffff; font-size: 10px; padding-top: 10px; padding-bottom: 10px; }
a.footer:link { color: #ffffff; background-color: transparent; text-decoration: none; font-size: 10px; }
a.footer:visited { color: #ffffff; background-color: transparent; text-decoration: none; font-size: 10px; }
a.footer:hover { color: #ffffff; background-color: transparent; text-decoration: underline; font-size: 10px; }
a.footer:active { color: #ffffff; background-color: transparent; text-decoration: underline; font-size: 10px; }

/* Form d'abonnement aux articles */
.infolettre { clear: both; padding-left: 30px; margin-top: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; background-color: #ffffff; }
/* Boutons submit */
.submit { width: 90px; background-color: #EBE7C1; border: 1px solid #333333; color: #333333; padding-left: 3px; padding-right: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a.submit:link { background-color: #EBE7C1; border: 1px solid #333333; font-size: 10px; color: #333333; text-decoration: none; padding-left: 3px; padding-right: 3px; } 
a.submit:visited { background-color: #EBE7C1; border: 1px solid #333333; font-size: 10px; color: #333333; text-decoration: none; padding-left: 3px; padding-right: 3px; }
a.submit:hover { background-color: #AE5E19; border: 1px solid #333333; font-size: 10px; color: #333333; text-decoration: none; padding-left: 3px; padding-right: 3px; }
a.submit:active { background-color: #AE5E19; border: 1px solid #333333; font-size: 10px; color: #333333; text-decoration: none; padding-left: 3px; padding-right: 3px; }