/* Style sheet for Groupe Vigilis - Videotron */
/* By Natmark-Concept inc. Copyright 2006. 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;
	}

	/* ---- Colors and Backgrounds ---- */ 
.black { background-color:#000000; color: #ffffff; }
.white { background-color:#ffffff; color: #000000; }
.yellow { background-color: #F8D035; color: #000000; }
.topyellow { background-color: #F8D035; color: #000000; background-image:  url("../images/bande_jaune.gif"); background-repeat: repeat; }
.btmyellow { background-color: #F8D035; color: #000000; background-image:  url("../images/bande_jaune_bas.gif"); background-repeat: repeat; }
.titlelines { background-color: #ffffff; color: #000000; background-image:  url("../images/line.gif"); background-repeat: repeat; }

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

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

img { border: 0px; }

#content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#content p { font-size: 12px; color: #000000; background-color: #ffffff; }
#content h1 { background-color: #ffffff; color: #EF4C44;	font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin-top: 2px; margin-bottom: 0px; }
#content h2 { background-color: #ffffff; color: #EF4C44; 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: #EF4C44; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
#content a:visited { background-color: #ffffff; color: #EF4C44; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
#content a:hover { background-color: #ffffff; color: #000000; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
#content a:active { background-color: #ffffff; color: #EF4C44; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
#content .title { background-color: #ffffff; color: #EF4C44;  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: #EF4C44; 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: #D5E4EB; 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; }

/* ---- liens intégrés ---- */ 
a:link { color: #EF4C44; background-color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
a:visited { color: #EF4C44; background-color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
a:hover { color: #000000; background-color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }

/* ---- 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: #EF4C44; background-color: #ffffff; text-decoration: overline; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }