/*

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 url('udem.css');
	</style>

	Cette syntaxe semble 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;
}

img {
	border: 0;
}

.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;
	position: relative;
}

div#um-bandeau-institutionnel {
	position: relative;
	top: 0;
	left: 0;
	width: 760px;
	height: 69px;
/*    background-color: #fffae6;
*/	color: black;
/*	font-size: 10px;*/
	font-size: 70%;
	/*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;
*/	/*font-size: 115%;*/
}

div#um-bandeau-institutionnel div.um-liens-haut a:hover {
	text-decoration: underline;
}

div#um-bandeau-institutionnel form.um-recherche {
	position: absolute;
	left: 576px;
	top: 24px;
	width: 184px;
	height: 45px; /* fixed height required for positioning */
	padding: 0;
	margin: 0;
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios {
	display: block;
	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: 105%;
	font-size: 100%;
	display: inline-block;
}

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;
	color: black;
}
div.um-bandeau-minimal {
	height: 64px;
	background-color: white;
	background-image: url("../images/bg-site.jpg");
	background-repeat: no-repeat;
}
div.um-bandeau-maximal {
	height: 165px;
	background: white url("../images/bg-site-accueil.jpg") no-repeat;
}
div#um-bandeau-identification div.um-titre-site strong {
	display: none;
}



div#um-menu-vertical {
	float: left;
	width: 215px;
	padding-bottom: 10px;
	/*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: 21px 0 0 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;
	list-style-type: none;
	text-align: right;
	border-bottom: 1px solid #cdcbcd;
}

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: 5px 19px 5px 4px;
	font-weight: bold;
	text-decoration: none;
	color: #455e2d;
	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;
	padding: 0;
}

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 4px;
	font-weight: normal;
	text-decoration: none;
	color: #455e2d;
	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: #455e2d;
	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;
	position: relative;
	top: 0;
	left: 0;
}

div#um-pied {
	background-color: #fff;
	clear: both;
	color: #666;
	font-size: 65%;
	line-height: normal;
	padding: 12px 0 12px 0;
	text-align: right;
	background-image: url(../images/ligne_footer.gif);
	background-repeat: repeat-x;
}

.um-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.um-clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .um-clearfix {height: 1%;}
.um-clearfix {display: block;}
/* End hide from IE-mac */