/* $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: white;
	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: white;
	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: white;
}

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("../img/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: hidden;
	/*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("../img/arrow-left.gif") no-repeat right center;
	visibility: hidden;
}

div#um-menu-vertical a.um-menu-pointeur {
	background: white url("../img/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 {
	background-color: #fff;
	background: url(../img/ligne_footer.gif) repeat-x;
	clear: both;
	color: #666;
	font-size: 65%;
	line-height: normal;
	padding: 12px 0 12px 0;
	text-align: right;
}
div#um-pied a {
	color: #333;
}
div#um-pied span#um-pied-pousse {
	padding-left: 10px;
}
div#um-pied a#um-pied-rss-icon img {
	vertical-align: -3px;
}