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

body {
   margin: 0px 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: #7F9BCB; color: #ffffff; border-bottom: 1px #000000 solid; }
.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: #7F9BCB; color: #000000; font-family: Arial, sans-serif; }
a.topmenu:link, a.topmenu:visited { height: 18px; background-color: #C4D3ED; padding-top: 1px; 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; border-top: 1px #000000 solid; width: auto; }
a.topmenu:hover, a.topmenu:active { height: 18px; background-color: #B0C4E7; padding-top: 1px; 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; border-top: 1px #000000 solid; width: auto; }

/* Menu vertical gauche 
.sidemenu { padding-left: 14px; font-family: Arial, sans-serif; }
a.sidemenu:link, a.sidemenu:visited  { display: block; background-color: #ffffff; background-image: url("../images/bullet.gif"); background-repeat: no-repeat; color: #1A4FA3; text-decoration: none; font-size: 12px; font-weight: bold; margin-left: 3px; margin-top: 12px; }
a.sidemenu:hover, a.sidemenu:active { display: block; background-color: #ffffff; background-image: url("../images/bullet.gif"); background-repeat: no-repeat; color: #7F9BCB; text-decoration: none; font-size: 12px; font-weight: bold; margin-left: 3px; margin-top: 12px; }
a.submenu:link, a.submenu:visited { display: block; background-color: #ffffff; background-image: url("../images/sub-bullet.gif"); background-repeat: no-repeat; color: #1A4FA3; text-decoration: none; font-size: 11px; margin-left: 10px; padding-left: 10px; margin-top: 6px; }
a.submenu:hover, a.submenu:active { display: block; background-color: #ffffff; background-image: url("../images/sub-bullet.gif"); background-repeat: no-repeat; color: #7F9BCB; text-decoration: none; font-size: 11px; margin-left: 10px; padding-left: 10px; margin-top: 6px; }
*/

#content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; margin: 0px 20px 20px 20px; } 
#content p { font-size: 12px; color: #000000; background-color: #ffffff; line-height: 20px; }
#content h1 { display: block; background-color: #ffffff; color: #1A4FA3; 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: #1A4FA3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: italic; margin-top: 20px; }
#content a:link { background-color: #ffffff; color: #1A4FA3; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
#content a:visited { background-color: #ffffff; color: #1A4FA3; 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: #1A4FA3; text-decoration: overline; font-family: Arial, Helvetica, sans-serif;  }
#content .title { background-color: #ffffff; color: #1A4FA3;  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; }
#content blockquote { color: #000000; background-color: #ffffff; font-size: 12px; font-style: italic; }
#content dt { color: #1A4FA3; 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: #1A4FA3; background-color: #ffffff; width: 100%; height: 1px; }
#content .small { color: #000000; background-color: #ffffff; font-size: 10px; }
#content a.small:link { color: #000000; background-color: #ffffff; text-decoration: none; font-size: 10px; }
#content a.small:visited { color: #000000; background-color: #ffffff; text-decoration: none; font-size: 10px; }
#content a.small:hover { color: #000000; background-color: #ffffff; text-decoration: underline; font-size: 10px; }
#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 { color: #000000; background-color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
a.btmmenu:visited { color: #000000; background-color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
a.btmmenu:hover { color: #9AA2B5; background-color: #ffffff; text-decoration: overline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }