/* Stylesheet for Maîtrise en éducation: Le consortium des établissements universitaires de l’Ouest canadien website */
/* Created on April 2, 2008 by mf.1 /*
/* Updated on April 23, 2008 by Aliaxey Kh. */

/* ------------------------------------------------------------------------------ */
/* Global Settings -------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */
html { font-size: 100%; }
body {
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
	color: #000;
	font-size: 62.5%;
	font-family: Georgia, serif;
	border-top: 3px solid #ccc;
}
a { overflow: hidden; color: #9ca317;}
a:hover {
	text-decoration: none;
}
img { border: none; }
ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h2, h3, h4 { margin: 15px 0; line-height: 1.1em; font-family: Verdana, Helvetica, Arial, sans-serif;}
/* ------------------------------------------------------------------------------ */
/* Structure -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */
#wrap {
	width: 766px;
	text-align: left;
	font-size: 1.2em;
	margin: 0 auto;
}
#branding {
	height: 110px;
}
.s-home #navigation {
	position: relative;
	background: url("../_img/home-splash.jpg") 155px 0 no-repeat;
}
#navigation {
	position: relative;
	background: url("../_img/splash-02.jpg") 155px 0 no-repeat;
}
.s-home #content {
	padding-left: 384px;
	background: url("../_img/title-partenaires.gif") 145px bottom no-repeat;
}
#content {
	line-height: 1.4em;
	padding-bottom: 50px;
}
#primary-content {
	float: right;
	width: 580px;
}
#secondary-content {
	float: left;
	width: 155px;
}
#tertiary-content {
}
#partners {
	padding: 10px 0;
	clear: both;
	border-top: 1px solid #999999;
	background: url("../_img/title-partenaires-2.gif") 75px 10px no-repeat;
}
.s-home #partners {
	background: none;
}
#partners ul {
	padding-left: 155px;
}
#partners li {
	float: left;
	width: 115px;
	list-style: none;
	color: #666;
	font-size: 0.9em;
	padding-right: 30px;
	margin-bottom: 10px;
}
#partners img {
	display: block;
	padding-bottom: 15px;
}
#site-info {
	margin-top: 10px;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
	clear: left;
}
/* ------------------------------------------------------------------------------ */
/* Site Navigation -------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */
#nav {
	list-style: none;
}
#nav li {
	list-style: none;
	text-indent: -9999px;
	width: 155px;
	height: 34px;
}
#nav #n-accueil { background: url("../_img/n-accueil.gif") no-repeat; }
.s-home #nav #n-accueil { height: 84px; background: url("../_img/n-accueil-o.gif") no-repeat; }

#nav #n-consortium { background: url("../_img/n-consortium.gif") no-repeat; }
.s-consortium #nav #n-consortium { height: 84px; background: url("../_img/n-consortium-o.gif") no-repeat; }

#nav #n-avantages { background: url("../_img/n-avantages.gif") no-repeat; }
.s-avantages #nav #n-avantages { height: 84px; background: url("../_img/n-avantages-o.gif") no-repeat; }

#nav #n-programmation { background: url("../_img/n-programmation.gif") no-repeat; }
.s-programmation #nav #n-programmation { height: 84px; background: url("../_img/n-programmation-o.gif") no-repeat; }

#nav #n-etapes { background: url("../_img/n-etapes.gif") no-repeat; }
.s-etapes #nav #n-etapes { height: 84px; background: url("../_img/n-etapes-o.gif") no-repeat; }

#nav li a {
	display: block;
	width: 155px;
	height: 34px;
}
.s-home #nav #n-accueil a, .s-consortium #nav #n-consortium a, .s-avantages #nav #n-avantages a, .s-programmation #nav #n-programmation a, .s-etapes #nav #n-etapes a { height: 84px;}
#navigation h2 { display: none;}
#universites {
	position: absolute;
	top: 0;
	left: 458px;
	list-style: none;
}
#universites li {
	float: left;
	width: 75px;
	height: 220px ;
	text-indent: -9999px;
}
#universites li a {
	display: block;
	width: 75px;
	height: 220px;
}

/* ------------------------------------------------------------------------------ */
/* Additional Tab Navigation ---------------------------------------------------- */
/* ------------------------------------------------------------------------------ */

#tabs {
	position: relative;
	width: 100%;
	border-bottom: 2px solid #2783c3;
	width: 580px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	height: 39px;
	margin-bottom: 1em;
}
#tabs ul {
	border-style: none !important;
	margin: 0;
	padding: 10px 0 0 0; 
	width: 580px; /* width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#tabs ul li  {
	background-image: none !important;
	display: inline;
	margin: 0;
	padding: 0 !important;
	border: none !important;
	list-style: none;
}

#tabs a,
#tabs div.active {
	float: left;
	background: url("../_img/tab-left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;	
	display: block;
	width: auto;
	text-decoration: none;
}

#tabs a span,
#tabs div.active span {
	float: left;
	display: block;
	background: url("../_img/tab-right.gif") no-repeat right top;
	padding: 6px 15px 6px 6px;
	color: #24618E;
}

#tabs a:hover,
#tabs div.active {
	background-position: 0% -42px;
}
#tabs a:hover span,
#tabs div.active span {
	color: #fff;
	background-position: 100% -42px;
}


/* ------------------------------------------------------------------------------ */
/* Branding --------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */
h1 {
	float: left;
	text-indent: -9999px;
	height: 110px;
	width: 425px;
	background: url("../_img/logo-consortium.gif") 50% 50% no-repeat;
}
#top-nav {
	width: 308px;
	float: right;
}
#top-nav li {
	float: left;
	list-style: none;
	border-left: 1px solid #ccc;
	padding-left: 20px;
	padding-top: 10px;
	width: 132px;
	text-transform: uppercase;
	font-size: 0.9em;
}
#top-nav li a { text-decoration: none; color: #999;}
#tn-accueil { background: url("../_img/icon-accueil.gif") 7px 90% no-repeat;}
#tn-contact { background: url("../_img/icon-contact.gif") 7px 90% no-repeat;}
h1 a {
	display: block;
	height: 110px;
	width: 425px;
}
/* ------------------------------------------------------------------------------ */
/* Presentation ----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */

#content ul {
	list-style: none;	
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
}
#content ul li {
	list-style: none;
	border-top: 1px solid #ccc;
	background: url("../_img/bullet-01.gif") 0 50% no-repeat;
	padding: 0.25em 0 0.25em 10px;
}
.quatre {
	margin-top: 0;
	padding-top: 0;
	text-indent: -9999px;
	background: url("../_img/title-quatre-universites.gif");
	width: 311px;
	height: 42px;
}
.intro {
	font-size: 1.2em;
	margin: 1em 0;
}
#primary-content p {
	margin: 1em 0;
}
#secondary-nav {
	margin-top: 20px;
}
#content #secondary-nav li {
	text-align: right;
	background: url("../_img/bullet-01.gif") 100% 50% no-repeat;
	padding: 0.25em 10px 0.25em 0px;
}
#content #secondary-nav li.active {
	background: #f5f5f5 url("../_img/bullet-02.gif") 100% 50% no-repeat;
	border-left: 1px solid #ccc;
}
li.active a {
	color: #333;
	text-decoration: none;
}
.copyright {
	padding-left: 155px;
	color: #999;
}
dl {
	
}
dt{
	font-weight: bold;
	margin: 1em 0;
}
dd ul {
	margin: 1em 2em;
}
dd {
	margin-bottom: 1em;
}
.external {
	background: url("../_img/external-link.gif") 100% 50% no-repeat;
	padding-right: 15px;
}


/* ------------- Tables -------------- */
table {	
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 1.5em;
	clear: both;
}
caption {
	text-align: left;
	margin: 0 0 .5em 0;
	background: #a5ac25 url("../_img/n-disciplines.gif") top left repeat-x;
	text-transform: uppercase;
	color: #fff;
	padding: 0.5em;
}
table thead th {
	border-bottom: 1px solid #999;
}

tbody {}
tfoot {}
tr {}
th, td {
	border-spacing: 0;
	padding: 5px 10px 5px 5px;
	vertical-align: top;
}
td.more {
	padding-top: 0; 
	padding-bottom: 0; 
	margin: 0; 
	border-bottom: 1px solid #f0f0f0;
}
td.more div {
	font-size: .95em;
	line-height: 1.2em;
	color: #666;
	padding-bottom: 1em;
}
th.courcenumber {
	width: 15%;
}
td.credits {
	text-align: center;
}
th a.arr {
	text-decoration: none;
}
th a:hover, th span {
	color: #97111f;
}
td a.course {
	color: #555;
}