/* Style sheet for Uni-Plus Communication */
/* By Natmark-Concept inc. Copyright 2008. All rights reserved. */

body {
	margin: 0px 0px; padding:0px;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 76%;
}

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

/* ---- repeated line top banner ---- */
.topbanner { background-image: url(../images/bck_top.gif); }

/* ---- Bannière interne ---- */
.innerbanner { height: 48px; background-color: #4490D4; color: #ffffff; background-image: url(../images/entete_image.jpg); background-repeat:no-repeat; background-position:right; }
.titlebanner { font-size: 1.1em; font-weight: bold; padding: .5em .2em 0em .7em; }
.subtitlebanner { font-size: 1em; font-weight: normal; padding: 0em 0em .2em .85em; }

/* ---- Couleurs de fond ---- */
.brightblue { background-color: #4490D4; color: #ffffff;}
.darkblue { background-color: #28679E; color: #ffffff;}
.orange { background-color: #D05A1E; color: #28679E; }
.paleblue { background-color: #D8E8F5; color: #000000; }

/* ---- Couleurs de textes ---- */
.bluetext { background-color: #ffffff; color: #28679E;}
.orangetext { background-color: #ffffff; color: #D05A1E; }

/* ---- Section annonces entrée ---- */
.subbaner { height: 30px; background-image: url(../images/bck_top.gif); background-repeat: repeat-x; background-position: bottom; }
#announcing { font-family: Verdana, Arial, sans-serif; background-color: #ffffff; color: #313131; }
#announcing H1 { color: #2E7EC7; font-size: 1em; font-weight: bold; background-image: url(../images/icone_uniplus.jpg); background-repeat: no-repeat; background-position: top left; padding: 6px 0px 6px 45px; font-variant:small-caps; margin: 0em 10px 0px 10px; }
#announcing .redblurb { color: #D05A1E; font-size: .85em; font-weight: bold; margin: 10px 10px 10px 10px; padding: 0px 0px 0px 45px; text-align: justify; }
#announcing .descriptive { font-size: .9em; text-align: justify; margin: 10px 10px 10px 10px;}
#announcing a:link, #announcing a:visited { font-size: .9em; margin-right: 10px; color: #2E7EC7; background-color: #ffffff; text-decoration: underline; }
#announcing a:hover, #announcing a:active { font-size: .9em; margin-right: 10px; color: #2E7EC7; background-color: #ffffff; text-decoration: overline; }

/* ---- Menu de gauche fermé ---- */ 
a.closed:link, a.closed:visited { display: block; width: auto; color: #7E7E7E; text-decoration: none; background-color: #ffffff; padding: .4em .2em .3em .8em; font-size: 1em; border: 1px solid #C0C0C0; font-weight: bold; margin-right: 32px; margin-bottom: 1.25em; }
a.closed:hover, a.closed:active { display: block; width: auto; color: #D05A1E; text-decoration: none; background-color: #ffffff; padding: .4em .2em .3em .8em; font-size: 1em; border: 1px solid #C0C0C0; font-weight: bold; margin-right: 32px; margin-bottom: 1.25em; }
/* ---- Menu de gauche fermé à ouvrir ---- */ 
a.openit:link, a.openit:visited { display: block; width: auto; color: #7E7E7E; text-decoration: none; background-color: #ffffff; padding: .4em .2em .3em .8em; font-size: 1em; border: 1px solid #C0C0C0; font-weight: bold; margin-right: 32px; margin-bottom: 1.25em; background: url(../images/open-arrows.gif); background-repeat: no-repeat; background-position: right; }
a.openit:hover, a.openit:active { display: block; width: auto; color: #D05A1E; text-decoration: none; background-color: #ffffff; padding: .4em .2em .3em .8em; font-size: 1em; border: 1px solid #C0C0C0; font-weight: bold; margin-right: 32px; margin-bottom: 1.25em; background: url(../images/open-arrows.gif); background-repeat: no-repeat; background-position: right; }
/* ---- Menu de gauche ouvert ---- */ 
.openmenu { display: block; width: auto; margin-right: 32px; border: 1px solid #C0C0C0; font-weight: bold; padding-bottom: 0em; /* vs. padding-bottom: .2em; */ margin-bottom: 1.25em; }
a.open:link, a.open:visited { display: block; width: auto; color: #FFFFFF; text-decoration: none; background-color: #4490D4; padding: .4em .2em .3em .8em; font-size: 1em; border-bottom: 1px solid #C0C0C0; }
a.open:hover, a.open:active { display: block; width: auto; color: #D05A1E; text-decoration: none; background-color: #ffffff; padding: .4em .2em .3em .8em; font-size: 1em; border-bottom: 1px solid #C0C0C0; }
/* Liens sous-menu */ 
a.submenu:link { display: block; width: auto; color: #28679E; background-color: #ffffff; text-decoration: none; font-size: .9em; font-weight: normal; background: url(../images/link_off.gif); background-repeat: no-repeat; background-position: .8em; padding: .2em 0em .4em 2em; }
a.submenu:visited {	display: block; width: auto; color: #5B9AD1; background-color: #ffffff; text-decoration: none; font-size: .9em; font-weight: normal; background: url(../images/link_visited.gif); background-repeat: no-repeat; background-position: .8em; padding: .2em 0em .4em 2em; }
a.submenu:hover { display: block; width: auto; color: #D05A1E; background-color: #ffffff; text-decoration: none; font-size: .9em; font-weight: normal; background: url(../images/link_on.gif); background-repeat: no-repeat; background-position: .8em; padding: .2em 0em .4em 2em; }
a.submenu:active { display: block; width: auto; color: #D05A1E; background-color: #ffffff; text-decoration: none; font-size: .9em; font-weight: normal; background: url(../images/link_visited.gif); background-repeat: no-repeat; background-position: .8em; padding: .2em .0em .4em 2em; }
a.submenuon:link, a.submenuon:visited, a.submenuon:hover, a.submenuon:active { display: block; width: auto; color: #D05A1E; background-color: #ffffff; text-decoration: none; font-size: .9em; font-weight: normal; background: url(../images/link_on.gif); background-repeat: no-repeat; background-position: .8em; padding: .2em 0em .4em 2em; }

/* ---- Corps des textes ---- */
#content { padding: 0px 0px 20px 0px; text-align: left; font-size: 1em; line-height: 1.5em; }
#content H1 { color: #28679E; font-size: 1.2em; font-weight: bold; }
#content H2 { color: #000000; font-size: 1.1em; font-weight: bold; }
#content H3 { color: #000000; font-size: 1.1em; font-weight: bold; padding-bottom: 0px; }
#content dt { color: #28679E; font-weight: bold; }
#content dd { color: #333333; }
#content .title { color: #28679E; font-weight: bold; margin-bottom: 0px; }
#content .descriptive { color: #333333; margin-top: 0px; }
#content acronym[title] { cursor:help; border-bottom: 1px dotted grey; }
#content .small { font-size: 10px; }
#content blockquote { color:#333333; font-style: italic; font-weight: bold; }
#content hr { color: #5B9AD1; text-align: center; width: 60%; height: 1px; text-decoration: none; }
#content .framed { border: 1px solid #5B9AD1; border-collapse: collapse; }
#content td.framed { width:78px; }
#content li.special { list-style-image: url(../images/orange-arrow.gif) }
#content .titleoptions { color: #28679E; font-weight: bold; margin-bottom: 0px; }
#content ul.options, ol.options { margin-top: 0px; }
/* ---- Framed tables ---- */
#content .table { background-color: #ffffff; color: #000000; border: solid #28679E; border-width: 1px; border-collapse: collapse; }
#content a:link { color: #28679E; text-decoration: none; }
#content a:visited { color: #5B9AD1; text-decoration: none; }
#content a:hover, a:active { color: #D05A1E; text-decoration: overline; }

/* ---- Footer ---- */
h1 { color: #28679E; font-size: 2em; font-weight: bold; padding: 16px 0px 0px 0px; margin-bottom: 10px; }
p.btmmenu {	color: #000000; background-color: transparent; font-size: 10px; padding: 0px 0px 300px 0px; margin-top: 0px; }
a.btmmenu:link, a.btmmenu:visited { color: #5B9AD1; text-decoration: underline; font-size: 10px; }
a.btmmenu:hover, a.btmmenu:active { color: #D05A1E; text-decoration: overline; font-size: 10px; }
/* ---- Repeated line & pixels footer ---- */
.bottombanner { background-image: url(../images/bck_btm.gif); }