/* ************************************************************************************************* */
/* *************************** Gabarit institutionnel Version 2.3 ********************************** */
/* *** Propriete de L'universite de Montreal et de la Direction des communications et recrutement ** */
/* ************************************************************************************************* */

/* ************************ Feuille de style generale de l'Universite de Montreal ****************** */
/* ************************** CETTE FEUILLE NE DOIT ETRE MODIFIEE EN AUCUN CAS ********************* */
/* * Pour proceder a une modification visuelle sur votre site, modifiez le fichier "site.css"  */

/*

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

*/

/* codé par Christian Fecteau ( christian.fecteau at espacecourbe.com ) */
/* changements 04/04/2008 nouveau gabarit 1024 */

/* règles appartenant à l'UdeM */
html {
	/* pour forcer la barre de défilement verticale même si page vide */
	overflow-y: scroll;
}
body {
	background-color: #fff;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 0;
	padding: 0;
	text-align: center;
}
img {
	border: 0;
}
.um-cacher {
	display: none;
}
div#um-accessible {
	display: none;
}
div#um-enveloppe {
	font-size: medium;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	/* nouvelle grandeur*/
	width: 966px;
}
div#um-bandeau-institutionnel {
	color: #666;
	font-size: 70%;
	height: 69px;
	left: 0;
	position: relative;
	top: 0;
	width: 966px;
/*	font-size: 10px;*/
}
div#um-bandeau-institutionnel a.um-logo {
	display: block;
	left: 65px;
	position: absolute;
	top: 10px;
}
div#um-bandeau-institutionnel a.um-logo img {
	border: 0;
}
div#um-bandeau-institutionnel div.um-liens-haut {
	color: #666;
	height: 23px;
	position: absolute;
	right: 1px;
	text-align: right;
	top: 5px;
	white-space: nowrap;
	width: 540px;
}
div#um-bandeau-institutionnel div.um-liens-haut a {
	background-color: #fff;
	color: #333;
	text-decoration: none;
}
div#um-bandeau-institutionnel div.um-liens-haut a:hover {
	text-decoration: underline;
}
div#um-bandeau-institutionnel form.um-recherche {
	height: 45px; /* fixed height required for positioning */
	left: 782px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	width: 184px;
}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios {
	display: block;
	left: 0;
	position: absolute;
	top: 2px;
	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 {
	color: #000;
	display: inline-block;
	font-size: 100%;
	left: 2px;
	line-height: 105%;
	position: relative;
	top: 3px;
	vertical-align: top;
/*	font-size: 10px;*/
/*	line-height: 10px;*/
}
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 {
	background-color: white;
	border: 1px solid #666;
	color: black;
	display: block;
	height: 19px;
	left: 0;
	position: relative;
	top: 21px;
}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-boite {
	background-color: white;
	border-color: #666;
	border-style: solid;
	border-width: 0 1px 0 0;
	color: #1b405d;
	display: block;
	font-size: 100%;
	left: 2px;
	margin: 0;
	padding: 0 2px 2px 0;
	position: absolute;
	top: 2px;
	width: 106px;
/*	font-size: 11px;*/
}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-bouton {
	background-color: white;
	border: 0;
	color: black;
	display: block;
	margin: 0;
	padding: 0 0 0 2px;
	position: absolute;
	right: 2px;
	top: 2px;
}
/* bandeau-identification */
div#um-bandeau-identification {
	background: url("../../images/g1024/iu/degrade-interne.jpg") repeat-x;
	height: 52px;
	left: 0;
	position: relative;
	top: 0;
	width: 966px;
	z-index: 2;
}
div#um-bandeau-identification #um-logo-unite {
	left: 105px;
	position: absolute;
	top: 10px;
	z-index: 3;
}
div#um-bandeau-identification div.um-bandeau-site-complet {
	border-bottom: 1px solid #7892BC;
	height: 51px;
	position: absolute;
	right: 0;
	top: 0;
	width: 770px;
	z-index: 1;
}
div#um-bandeau-identification div.um-titre-site {
	bottom: 0;
	color: black;
	font-size: 130%;
	left: 196px;
	line-height: normal;
	position: absolute;
	z-index: 2;
	
}
div#um-bandeau-identification div.um-titre-site strong {
	font-weight: normal;
}
/* contenant pour le menu et le contenu: permet d'avoir un fond différent pour la colonne du menu */
div#um-menu-et-contenu {
	background-color: white;
}
/* menu vertical */
div#um-menu-vertical {
	float: left;
	padding-top: 30px;
	width: 182px;
	margin-right:14px;
}
/* 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
*/
	border-bottom: 1px solid #cdcbcd;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
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 {
	color: #333;
	display: block;
	font-size: 70%;
	font-weight: bold;
	line-height: normal;
	padding: 5px 0 5px 4px;
	text-decoration: none;
	width: 178px;
/*	font-size: 11px;*/
}
div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a:hover {
	text-decoration: underline;
	color:#000!important;
}
/* 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
*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	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 {
	color: #333;
	display: block;
	font-size: 70%;
	font-weight: normal;
	line-height: normal;
	padding: 0 0 4px 4px;
	text-decoration: none;
/*	font-size: 11px;*/
}
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 {
	padding: 5px 0 5px 0;
	text-align: right;
	border-bottom: 1px solid #cdcbcd;
	
}
div#um-menu-vertical div.um-retour-accueil a {
	color: #333!important;
	font-size: 70%;
	line-height: 16px;
	text-decoration: none;
	vertical-align: middle;
/*	font-size: 11px;*/
}
div#um-menu-vertical div.um-retour-accueil a:hover {
	text-decoration: underline;
	color:#000;
}
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 {
	background: transparent url("../../images/g1024/iu/arrow-left.gif") no-repeat right center;
	font-size: 10px;
	height: 11px;
	padding-right: 15px;
	visibility: hidden;
}
div#um-menu-vertical a.um-menu-pointeur {
	/*background: transparent url("../images/iu/arrow-left.gif") no-repeat right center;*/
	color:#036!important;
}

/* changements 04/04/2008 nouveau gabarit 1024 */
div#um-contenant {
	background-color: white;
	float: left;
	position: relative;
	width: 770px;

}
div#um-contenu, div#um-contenu-2-6-2, div#um-contenu-droite {
	color: #333;
	font-size: 80%; /* ne pas oublier que toutes les tailles dans #um-contenu sont relatives à ce 80% */
	line-height: 135%;
	padding: 0 0 30px 0;
}

div#um-contenu-2-6-2 {
	width:524px;
	float:left;
	margin-right:14px;
	padding-top:12px;

}

div#um-contenu-droite {
	width:232px;
	float:left;

}


/* fin du changements gabarit 1024 */



div#um-pied {
	background-color: #fff;
	background: url("../../images/g1024/iu/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;
}


.um-clearfix:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    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 */