/* Style sheet for Groupe Vigilis - AMQ sub-site */
/* By Natmark-Concept inc. Copyright 2009. All rights reserved. */

body {
    margin: 0px; padding:0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000
}

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

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

	/* ---- Colors and Backgrounds ---- */ 
.bandehaut { background-color: #004891; color: #ffffff; border-bottom: 1px #000000 solid; background-image: url(../images/bande_haut.gif); background-repeat: repeat-x;  }
.blanc { background-color: #ffffff; color: #000000; }
.slogan { background-image:  url("../images/bande_slogan.gif"); background-repeat: repeat-x; }
.footer { background-image: url("../images/bande_footer.gif"); background-repeat: repeat-x; }

/* Menu horizontal haut */
.topmenu { background-color: #000; color: #fff; font-family: Arial, sans-serif; }
a.topmenu:link, a.topmenu:visited { height: 18px; background-color: #EFEFEF; padding-top: 2px; padding-bottom: 1px; padding-right: 4px; padding-left: 4px; color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; border-left: 1px #000000 solid; width: auto; }
a.topmenu:hover, a.topmenu:active { height: 18px; background-color: #E3E3E3; padding-top: 2px; padding-bottom: 1px; padding-right: 4px; padding-left: 4px; color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; border-left: 1px #000000 solid; width: auto; }

/* Menu vertical gauche */
/*Main links*/
.sidemenu { padding: 20px 0px; font-family: Arial, sans-serif; }
.menulist { margin-right: 30px; font-weight: bold; }
.menulist li { list-style-image: url("../images/bullet.gif"); margin-top: 10px; }
.menulist a:link, .menulist a:visited { font-size: 12px; text-decoration: none; color: #666666; background-color: #fff; }
.menulist a:hover, .menulist a:active { color: #000; background-color: #fff; }
/* Sub-links  */
.submenulist { padding-left: 14px; margin-left: 0px; font-weight: normal;  }
.submenulist li { list-style-image: url("../images/sub-bullet.gif"); margin-top: 4px; }
.submenulist a:link, .submenulist a:visited { font-size: 11px; color: #666666; background-color: #fff; }
.submenulist a:hover, .submenulist a:active { color: #0095CF; background-color: #fff; }


/* Contenu principal */
#content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; margin: 20px; } 
#content p { font-size: 12px; color: #000000; background-color: #ffffff; line-height: 20px; }
#content h1 { display: block; background-color: #ffffff; color: #e35f39; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin-top: 4px; margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#content h2 { background-color: #ffffff; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: italic; margin-top: 20px; }
#content a:link, #content a:visited { background-color: #ffffff; color: #e35f39; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
#content a:hover { background-color: #ffffff; color: #000000; text-decoration: overline; font-family: Arial, Helvetica, sans-serif; }
#content a:active { background-color: #ffffff; color: #e35f39; text-decoration: overline; font-family: Arial, Helvetica, sans-serif;  }
#content .title { background-color: #ffffff; color: #666666;  font-size: 12px;font-weight: bold; line-height: 13px; }
#content .descriptive { background-color: #ffffff; color: #000000;  font-size: 12px;margin-left: 0px; font-weight: normal; }
#content ol, ul, li { color: #000000; background-color: #ffffff; font-size: 12px; line-height: 20px; }
#content blockquote { color: #000000; background-color: #ffffff; font-size: 12px; font-style: italic; }
#content dt { color: #666666; background-color: #ffffff; font-size: 12px; font-weight: bold; }
#content dd { color: #000000; background-color: #ffffff; font-size: 12px; margin-left: 0px; padding-left: 25px; }
#content hr { color: #e35f39; background-color: #ffffff; width: 100%; height: 1px; }
#content .small { color: #000000; background-color: #ffffff; font-size: 10px; }
#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; }

/* ---- menu texte du bas ---- */ 
p.btmmenu { color: #000000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
a.btmmenu:link, a.btmmenu:visited { color: #000000; background-color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
a.btmmenu:hover { color: #EF4C44; background-color: #ffffff; text-decoration: overline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }