/* $Id: udem.css,v 1.16 2006/11/15 19:59:51 christian Exp $ */





/*



IE5 MAC:



	Pour IE5 Macintosh on peut cacher le style en faisant des "import" 

	au lieu de LINK pour les CSS

	La syntaxe est la suivante (avec les single quotes):



	<style type="text/css">

	@import 'udem.css';

	@import 'print.css' print;

	</style>



	Cette syntaxe est problématique avec Contribute donc pour

	l'instant les CSS sont injectées avec des LINK, mais le rendu

	n'est pas beau dans IE5 Mac





SCALING DE L'INTERFACE USAGER:



	L'interface usager devrait avoir des tailles de polices

	en pixels et non en %



	Elle a été conçue pour avoir des tailles en pixels, mais comme

	les textes en pixels ne se redimensionnent pas dans IE Win

	quand on fait Affichage > Taille du texte, alors les % sont

	utilisés



	Noter que les % sont rendus plus petits que la normale dans

	FF Mac



	Les font-size en pixels ont été commentés. Pour un rendu idéal

	dans les navigateurs, commenter les font-size en % et décommenter

	les font-size en pixels.



	Les règles concernées sont:



	div#um-bandeau-institutionnel 

	div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label

	div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-boite

	div.um-bandeau-minimal div.um-titre-site strong

	div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a

	div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a

	div#um-menu-vertical div.um-retour-accueil a





LA CASCADE:



	À comprendre pour écraser un style de la feuille maître (celle-ci):

	http://www.yoyodesign.org/doc/w3c/css2/cascade.html#cascading-order



*/







/* règles appartenant à l'UdeM */



html {

	/* pour forcer la barre de défilement verticale même si page vide */

	/*overflow-y: scroll;*/

}



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: medium;

	color: black;

	background-color: #fffae6;

	margin: 0;

	padding: 0;

	text-align: center;

}



.um-cacher {

	display: none;

}



div#um-accessible {

	display: none;

}



div#um-enveloppe {

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: medium;

	padding: 0;

	background-color: white;

	width: 760px;

	margin: 0 auto;

	color: black;

}



div#um-bandeau-institutionnel {

	position: relative;

	top: 0;

	left: 0;

	height: 69px;

	background-color: #fffae6;

	color: black;

/*	font-size: 10px;*/

	font-size: 60%;

	overflow-x: auto;

	overflow-y: auto;

}



div#um-bandeau-institutionnel a.um-logo {

	display: block;

	position: absolute;

	top: 10px;

	left: 75px;

}



div#um-bandeau-institutionnel a.um-logo img {

	border: 0;

}



div#um-bandeau-institutionnel div.um-liens-haut {

	width: 540px;

	height: 23px;

	text-align: right;

	position: absolute;

	top: 5px;

	right: 1px;

	white-space: nowrap;

}



div#um-bandeau-institutionnel div.um-liens-haut a {

	color: #333;

	text-decoration: none;

	background-color: #fffae6;

}



div#um-bandeau-institutionnel div.um-liens-haut a:hover {

	text-decoration: underline;

}



div#um-bandeau-institutionnel form.um-recherche {

	width: 184px;

	height: 45px; /* fixed height required for positioning */

	position: absolute;

	bottom: 0;

	right: 0;

	padding: 0;

	margin: 0;

}



div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios {

	position: absolute;

	top: 2px;

	left: 0;

	white-space: nowrap;

}



div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios input.um-radio {

	vertical-align: bottom;

}



div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label {

	position: relative;

	top: 3px;

	left: -2px;

	vertical-align: top;

/*	line-height: 10px;*/

/*	font-size: 10px;*/

	line-height: 100%;

	font-size: 100%;

}



div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label.um-udem {

	padding-right: 10px;

}



div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton {

	display: block;

	position: relative;

	top: 21px;

	left: 0;

	height: 19px;

	border: 1px solid #696969;

	background-color: white;

	color: black;

}



div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-boite {

	display: block;

	position: absolute;

	left: 2px;

	top: 2px;

	padding: 0 2px 2px 0;

	margin: 0;

	width: 106px;

	border-width: 0 1px 0 0;

	border-style: solid;

	border-color: #696969;

/*	font-size: 11px;*/

	font-size: 100%;

	background-color: white;

	color: #1b405d;

}



div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-bouton {

	display: block;

	position: absolute;

	right: 2px;

	top: 2px;

	padding: 0 0 0 2px;

	background-color: white;

	color: black;

	margin: 0;

	border: 0;

}







/* bandeau-identification */



div#um-bandeau-identification {

	position: relative;

	top: 0;

	left: 0;

	height: 64px;

	background: black url("../images/bg-site.jpg");

	color: white;

	overflow-x: auto;

	overflow-y: auto;

}



div.um-bandeau-minimal {

	height: 38px !important;

	background-image: none !important;

	background-color: white !important;

	overflow-x: visible !important;

	overflow-y: visible !important;

}



div#um-bandeau-identification div.um-bandeau-site-haut-gauche {

	position: absolute;

	top: 0;

	left: 0;

	width: 215px;

	height: 9px;

	border-width: 0 1px 1px 0;

	border-style: solid;

	border-color: white;

	color: white;

	background-color: #bddd98;

	overflow: hidden;

}



div#um-bandeau-identification div.um-bandeau-site-haut-droit {

	position: absolute;

	top: 0;

	right: 0;

	width: 544px;

	height: 9px;

	border-bottom: 1px solid white;

	color: white;

	background-color: #9c6;

	overflow: hidden;

}



div#um-bandeau-identification div.um-titre-site strong {

	display: block;

	position: absolute;

	top: 13px;

	left: 230px;

	width: 270px;

	height: 40px;

	font-size: 23px;

	font-weight: normal;

	line-height: 23px;

	margin: 0;

	padding: 0;

}



div.um-bandeau-minimal div.um-titre-site strong {

	display: inline !important;

	position: static !important;

	width: auto !important;

	height: auto !important;

	color: black !important;

/*	font-size: 17px !important;*/

	font-size: 105% !important;

	line-height: normal !important;

}



div.um-bandeau-minimal div.um-titre-site {

	position: absolute;

	left: 217px;

	top: 9px;

	width: 530px;

	padding: 3px 0 5px 13px;

	border-bottom: 1px solid #9c6;

}









/* menu vertical */



div#um-menu-vertical {

	float: left;

	width: 215px;

	overflow-x: auto;

	overflow-y: auto;

}



div.um-menu-vertical-haut {

	padding-top: 26px !important;

}



/* premier niveau */

div#um-menu-vertical ul.um-premier-niveau {

	margin: 0;

	padding: 0;

}



div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau {

/*

	This fixes the white-space bug that increases the height of LIs in some browsers.

	You'll have to set explicitly, and later in the cascade, the font-size and

	line-height of elements containing text inside this UL.

	YOU CAN USE THIS FIX ONLY IF THE MENU LINKS HAVE 

	FONT-SIZE IN PIXELS (NOT IN % OR EM)

*/

	/*font-size: 1%;*/

	/*line-height: 1%;*/

/*

	end of fix

*/

	margin: 0;

	padding: 0 4px 0 0;

	list-style-type: none;

	text-align: right;

	width: 211px;

	border-bottom: 1px solid #ccc;

}



div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau * {

/*

	revert the fix

*/

	/*font-size: 11px;*/

	/*line-height: normal;*/

/*

	end of fix

*/

}



div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a {

/*	font-size: 11px;*/

	font-size: 70%;

	line-height: normal;

	width: 192px;

	display: block;

	padding: 3px 19px 4px 0;

	font-weight: bold;

	text-decoration: none;

	color: #08326a;

	background-color: white;

}



div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a:hover {

	text-decoration: underline;

}



/* deuxieme niveau */

div#um-menu-vertical ul.um-deuxieme-niveau {

	margin: 0;

	padding: 0 0 4px 0;

}



div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau {

/*

	This fixes the white-space bug that increases the height of LIs in some browsers.

	You'll have to set explicitly, and later in the cascade, the font-size and

	line-height of elements containing text inside this UL.

	YOU CAN USE THIS FIX ONLY IF THE MENU LINKS HAVE 

	FONT-SIZE IN PIXELS (NOT IN % OR EM)

*/

	/*font-size: 1%;*/

	/*line-height: 1%;*/

/*

	end of fix

*/

	margin: 0;

	list-style-type: none;

	text-align: right;

}



div#um-menu-vertical ul.um-premier-niveau li.um-deuxieme-niveau * {

/*

	revert the fix

*/

	/*font-size: 11px;*/

	/*line-height: normal;*/

/*

	end of fix

*/

}



div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a {

/*	font-size: 11px;*/

	font-size: 70%;

	line-height: normal;

	display: block;

	padding: 0 19px 4px 0;

	font-weight: normal;

	text-decoration: none;

	color: #08326a;

	background-color: white;

}



div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a:hover {

	text-decoration: underline;

}



div#um-menu-vertical div.um-retour-accueil {

	text-align: right;

	padding: 5px 25px 15px 0;

}



div#um-menu-vertical div.um-retour-accueil a {

/*	font-size: 11px;*/

	font-size: 70%;

	line-height: 16px;

	vertical-align: middle;

	text-decoration: none;

	color: #08326a;

	background-color: white;

}



div#um-menu-vertical div.um-retour-accueil a:hover {

	text-decoration: underline;

}



div#um-menu-vertical div.um-retour-accueil span.um-point-gras {

	font-weight: bold;

}











div#um-menu-vertical p#um-menu-ouvert {

	font-size: 10px;

	height: 11px;

	visibility: hidden;

}



div#um-menu-vertical p#um-menu-pointeur {

	font-size: 10px;

	height: 11px;

	padding-right: 15px;

	background: white url("../images/arrow-left.gif") no-repeat right center;

	visibility: hidden;

}



div#um-menu-vertical a.um-menu-pointeur {

	background: white url("../images/arrow-left.gif") no-repeat right center;

}















div#um-contenant {

	float: left;

	width: 545px;

	overflow-x: auto;

	overflow-y: auto;

}



div#um-contenu {

	font-size: 80%; /* ne pas oublier que toutes les tailles dans #um-contenu sont relatives à ce 80% */

	line-height: normal;

	color: black;

	background-color: white;

	padding: 0 10px 10px 15px;

	_position: relative;

}

/* ci-haut et ci-bas: IE6 et Contribute ont besoin d'avoir tout positionné relativement par défaut */

div#um-contenu * {

	_position: relative;

}



div#um-pied {

	clear: both;

	background-color: #feffe6;

	color: #231f20;

	font-size: 9px;

	padding: 2px 15px;

}