/* 
 CSS pour les sites Web GEL-GIF - Propriétés spécifiques au site Web départemental
 Copyright © 2005-2006 Département de génie électrique et de génie informatique de l'Université Laval
 Tous droits réservés.

 Développé par Patrick Clément-Bonhomme <www-admin@gel.ulaval.ca>

 Vérifié sous :
  - Internet Explorer 6.0.2900.2180 (WinXP SP2)
  _ Internet Explorer 5.5 SP2
  - Mozilla Firefox 1.5.0.4
  - Opera 8.54 build 7730
  - Konqueror 3.4.3
*/

/* Disposition spécifique au site Web départemental */
#header-print
{
	display: none;
}

#main
{
	float: left;
	display: inline;
	width: 536px;
	min-height: 400px;
	padding: 0 0 8px;
}

#sidebar,
#sidebar-promo
{
	float: right;
	display: inline;
	width: 224px;
	padding: 8px 0;
}


/* Bloc de contenu principal pour la page public */
#main_public
{
	display: inline;
	width: 740px;
	min-height: 400px;
	padding: 0 0 8px;
}

/* Annuler le <p> ajouté sans raison par Typo3 */
table td p
{
	padding: 0;
	margin: 0;
}



/* Premier entête d'une page */
#main h1.csc-firstHeader
{
	margin-top: 0.5em;
}



/* Barre de navigation/liens */
#sidebar h1
{
	font-size: 150%;
	margin-bottom: 0.25em;
}

#sidebar h1,
#sidebar h1 a
{
	color: #8a1c1e;
}

#sidebar ul
{
	list-style-type: none;
	margin: 0;
	padding-left: 16px;
	padding-right: 16px;
}

p.sidebar-majorlinks
{
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", "Luxi Sans", "Arial", "Helvetica", sans-serif;
	padding: 0 16px;
	margin: 0;
}

p.sidebar-majorlinks,
p.sidebar-majorlinks a,
p.sidebar-majorlinks a:visited
{
	color: #8a1c1e !important;
}

p.sidebar-section-links,
#sidebar p.bodytext
{
	margin-top: 0;
	padding: 0 16px;
}

div.csc-menu p
{
	margin: 0 16px;
	padding: 0;
}



/* Image promotionnelle */
#sidebar-promo
{
	padding: 4px 0;
	text-align: center;
}

	#sidebar-promo img.sidebar-promo-img
	{
		clear: both;
		border: 1px solid #abc0e8;
	}



/* Diviseur/entête graphique */
#main div.divider
{
	width: 536px;
	height: 50px;
}

	#main div.divider div.divider-text
	{
		position: relative;
		top: 25px;
		left: 4px;
		color: #8a1c1e;
		font-weight: bold;
	}

		#main div.divider div.divider-text form
		{
			display: inline;
		}

		#main div.divider div.divider-text select
		{
			vertical-align: middle;
			max-width: 265px;
			font-weight: normal;
		}

		#main div.divider div.divider-text input
		{
			vertical-align: middle;
		}

		#main div.divider div.divider-text h1
		{
			border: none;
		}



/* Carte du site de la page d'accueil */
#main div.sitemap
{
	padding-top: 4px;
}

/*
	p.sitemap-header,
	p.sitemap-header a.internal-link
*/
	.sitemap-header
	{
		font-size: 13pt;
		font-family: "Trebuchet MS", "Luxi Sans", "Arial", "Helvetica", sans-serif;
		color: #8a1c1e;
		font-style: italic;
		font-weight: bold;
		margin: 0;
		padding-bottom: 4px;
	}

	.sitemap-links
	{
		margin-top: 0;
		padding-left: 2em;
		padding-right: 1em;
		margin-bottom: 1em;
	}



/* Menu */
#menu
{
	position: absolute;
	top: 91px;
	font-size: 10.5pt;
	font-weight: bold;
	color: #fff;
	z-index: 500;
	padding-left: 10pt;
	background: url("/fileadmin/images/bg-menu-transparent.png");
}

	#menu a
	{
		padding: 0 2px;
		margin: 1px;
		color: #fff;
		text-decoration: none;
	}

	#menu a:hover
	{
		color: #fff;
	}

	#menu li
	{
		position: relative;
	}

	#menu ul
	{
		list-style-type: none;
		float: left;
		z-index: 501;
		margin: 0;
		padding: 0;
		padding-right: 10pt;
	}

	#menu ul li
	{
		float: left;
		width: 100%;
	}

		#menu ul li img
		{
			top: 3px;
			float: left;
			position: relative;
			padding-right: 4px;
		}

	#menu ul a
	{
		display: block;
	}

	#menu ul a:hover
	{
		margin: 0;
		border: 1px solid #093896;
		background-color: #7b9cd9;
	}

	#menu ul ul
	{
		position: absolute;
		list-style: none;
		top: 19px;
		z-index: 502;
		background: #fff;
		border: 1px solid black;
		padding: 1px;
		font-size: 8pt;
		font-weight: normal;
		margin-top: -1px;
		margin-left: 0;
	}

		#menu ul ul li
		{
			float: left;
			width: 100%;
		}

		#menu ul ul a
		{
			margin: 0;
			border: 1px solid #fff;
			color: #00236b;
			text-decoration: none;
			padding: 0 2px;
		}

		#menu ul ul a:hover
		{
			margin: 0;
			border: 1px solid #093896;
			color: #fff;
			background-color: #7b9cd9;
		}

	#menu ul ul,
	#menu ul li:hover ul ul
	{
		display: none;
	}

	#menu ul li:hover ul,
	#menu ul ul li:hover ul
	{
		display: block;
	}

/*  Attributs statiques pour chaque menu à cause de MSIE ne supportant pas    */
/*  l'attribut width: auto; correctement... il va utiliser toute la barre...  */
	* html #menu12 {width: 8.3em;}
	* html #menu13 {width: 15.8em;}
	* html #menu38 {width: 5.5em;}
	* html #menu12 ul {width: 14.2em;}
	* html #menu13 ul {width: 17.2em;}
	* html #menu38 ul {width: 14em;}

/*  Et comme un problème ne vient pas seul, les autres browsers n'ont aucune  */
/*  idée de ce que le hack ci-haut fait, alors devinez ce qu'il faut faire... */
	#menu12 {width: 8.3em;}
	#menu13 {width: 15.8em;}
	#menu38 {width: 5.5em;}
	#menu12 ul {width: 14.2em;}
	#menu13 ul {width: 17.2em;}
	#menu38 ul {width: 14em;}


/* Recherche indexée */
#main div.tx-indexedsearch p
{
	text-align: left;
}

	#main div.tx-indexedsearch .tx-indexedsearch-searchbox p,
	#main div.tx-indexedsearch .tx-indexedsearch-rules p,
	#main div.tx-indexedsearch .tx-indexedsearch-browsebox p
	{
		margin-top: 0;
		margin-bottom: 0;
	}

	#main div.tx-indexedsearch .tx-indexedsearch-rules p
	{
		margin-left: 0.5em;
	}

	#main div.tx-indexedsearch .tx-indexedsearch-rules h2,
	#main div.tx-indexedsearch .tx-indexedsearch-res h2
	{
		padding: 0 4px;
		margin-bottom: 0;
	}

	#main div.tx-indexedsearch .tx-indexedsearch-browsebox span.tx-indexedsearch-browsebox-strong,
	#main div.tx-indexedsearch .tx-indexedsearch-whatis span.tx-indexedsearch-sw
	{
		font-weight: bold;
	}

	#main div.tx-indexedsearch .tx-indexedsearch-browsebox table p
	{
		margin-top: 1em;
		margin-bottom: 1em;
	}

	#main div.tx-indexedsearch .tx-indexedsearch-res p,
	#main div.tx-indexedsearch .tx-indexedsearch-res h2
	{
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

		#main div.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead
		{
			background-color: #edf4fc;
		}

		#main div.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title
		{
			background-color: #fff;
		}

		#main div.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr
		{
			background-color: #fff;
			border-top: 1px solid #abc0e8;
			border-bottom: 1px solid #abc0e8;
		}

		#main div.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p
		{
			font-style: italic;
		}

			#main div.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr span.tx-indexedsearch-redMarkup
			{
				color: #f00;
				font-weight: bold;
			}

		#main div.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info
		{
			background-color: #fff;
		}



/* Formulaires de commentaires */
table.csc-mailform
{
	margin: 0 auto;
	padding: 0;
}

	table.csc-mailform td.csc-form-labelcell
	{
		margin: 0;
		padding: 0;
		vertical-align: top;
	}


		table.csc-mailform td.csc-form-labelcell p.csc-form-label,
		table.csc-mailform td.csc-form-labelcell p.csc-form-label-req
		{
			margin: 0;
			padding: 0;
			font-weight: bold;
			text-align: left;
		}

	table.csc-mailform td.csc-form-fieldcell
	{
		margin: 0;
		padding-left: 0.2em;
		text-align: left;
		vertical-align: top;
	}



/* Affichage des nouvelles */
div.news-latest-container,
div.news-list-container
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

	div.news-latest-container div.news-latest-item,
	div.news-list-container div.news-list-item
	{
		padding-left: 1em;
		padding-right: 1em;
	}

		div.news-latest-container div.news-latest-item h2,
		div.news-list-container div.news-list-item h2
		{
			margin: 0;
			font-size: 14px;
			font-style: normal;
		}

			div.news-latest-container div.news-latest-item h2 span.news-latest-date,
			div.news-list-container div.news-list-item h2 span.news-list-date
			{
				font-size: 14px;
				font-weight: normal;
			}

		div.news-latest-container div.news-latest-item p.bodytext,
		div.news-list-container div.news-list-item p.bodytext
		{
			margin-top: 0;
			padding-left: 2em;
			padding-right: 1em;
		}

	div.news-latest-container div.news-latest-gotoarchive,
	div.news-list-container div.news-list-gotoarchive
	{
		text-align: right;
		padding-right: 1em;
		margin-top: -0.5em;
	}

div.news-list-container
{
	padding: 0 0.5em;
}

div.news-single-item
{
	clear: both;
}

	div.news-single-item h1
	{
		margin-top: 0.5em;
	}

	div.news-single-item img
	{
		float: left;
		clear: both;
		padding: 0.5em;
	}

	div.news-single-item div.news-single-timedata p
	{
		padding-top: 0;
		margin-top: 0;
		font-weight: bold;
	}

div.news-amenu-container
{
	clear: both;
	padding: 0 0.5em;
}

	div.news-amenu-container li.news-amenu-item-year
	{
		margin-left: -2em;
		margin-top: 0.5em;
		list-style: none;
		font-weight: bold;
	}

div.news-catmenu
{
	clear: both;
	padding: 0 0.5em;
}

	div.news-catmenu span.news-catmenu-header
	{
		margin-left: -2em;
		margin-top: 0.5em;
		list-style: none;
		font-weight: bold;
	}

	div.news-catmenu span.news-catmenu-ACT
	{
		font-weight: bold;
	}


span.news-latest-morelink
{
	display: inline;
}

div.news-single-backlink
{
	text-align: right;
	clear: both;
}

div.tx-ttnews-browsebox
{
	clear: both;
	text-align: center;
}

	div.tx-ttnews-browsebox p
	{
		margin: 0 auto;
	}

	div.tx-ttnews-browsebox span.tx-ttnews-browsebox-strong
	{
		font-weight: bold;
	}	

	div.tx-ttnews-browsebox span.tx-ttnews-browsebox-disabledLink
	{
		color: #aaaaaa;
	}	


	div.tx-ttnews-browsebox table.tx-ttnews-browsebox-box
	{
		margin: 0 auto;
	}
		
		div.tx-ttnews-browsebox table.tx-ttnews-browsebox-box td.tx-ttnews-browsebox-SCell
		{
			font-weight: bold;
		}




/* Carte du site */
#main p.csc-sitemap
{
	padding: 0 0.5em;
	margin: 0;
}

	#main p.csc-sitemap-level1
	{
		font-size: 140%;
		font-weight: bold;
		padding-top: 1em;
	}

	#main p.csc-sitemap-level2
	{
		padding-left: 1.5em;
		font-weight: bold;
	}

	#main p.csc-sitemap-level3
	{
		padding-left: 3em;
	}

	#main p.csc-sitemap-level4
	{
		padding-left: 4.5em;
		font-size: 90%;
	}



/* Menu des sous-pages */
#sidebar div.csc-menu-1
{
	padding: 0;
	margin: 0;
}

	#sidebar div.csc-menu-1 p
	{
		padding: 0 0 0 1em;
		margin: 0;
	}



/* Fiche des profs */
table#ficheprof
{
	width: 100%;
	margin: auto;
	border: none;
}
	table#ficheprof td
	{
		vertical-align: top;
	}


	table#ficheprof th
	{
		color: white;
		background-color: #2b58b8;
		background-image: url('/fileadmin/images/bg-box.png');
		font-weight: bold;
		padding: 2px;
	}

	table#ficheprof p
	{
		padding: 0;
		margin: 0;
	}


/* Liste des cours*/
.tx_tacticinfocours_pi1_titre { text-align: center; } 
.tx_tacticinfocours_pi1_sigle { text-align: left; } 
.tx_tacticinfocours_pi1_prec { text-align: left; } 
.tx_tacticinfocours_pi1_suiv { text-align: right; } 
.tx_tacticinfocours_pi1_link { width: 15px; text-align: center; } 

.tx_tacticinfocours_pi1_liste { border: solid 1px #858585; width: 95%; margin: 0 auto; padding: 0; } 
.tx_tacticinfocours_pi1_liste th { background-color: #ececec; border-right: solid 1px white; padding: 2px; font-size: 8pt; font-family: arial; text-align: left; } 
.tx_tacticinfocours_pi1_liste tr { padding-left: 2px; padding-right: 2px; } 
.tx_tacticinfocours_pi1_liste tr:hover { background-color: #edf4fc; } 
.tx_tacticinfocours_pi1_liste td { border-top: solid 1px #b3b3b3; padding: 2px; font-size: 8pt; font-family: arial; vertical-align: top; text-align: left; } 

.tx_tacticinfocours_pi1_legende { margin-bottom: 15px; } 
.tx_tacticinfocours_pi1_legende img { display: inline; } 
.tx_tacticinfocours_pi1_legende_titre { font-weight: bold; }
.tx_tacticinfocours_pi1_legende_item { margin-left: 30px; } 
.tx_tacticinfocours_pi1_legende_item img { margin-bottom: -2px; margin-right: 5px; }

.tx-listecoursext-pi1-details_table { vertical-align: top; font-size: 8pt; } 
.tx-listecoursext-pi1-details_titre { font-weight: bold; } 
.tx-listecoursext-pi1-details_description { font-size: 8pt; } 

