/* ************************************************************************************************* */
/* *************************** Gabarit institutionnel Version 3.0 ********************************** */
/* *** 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"  */

/*

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: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

img {
	border: 0;
}

sup {
	vertical-align:text-top;
	font-size: 0.7em;
	line-height: 1em;
}

.um-cacher {
	display: none;
}

div#um-accessible {
	display: none;
}

div#langue{

	height:20px;
	position:absolute;
	right:0px;
	bottom:-1px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	
}

div#langue a{
	color:#000;

	padding:10px;
	font-size:13px;
}

/* pour faire la bande grise grandeur de la page */
div#um-enveloppe-entete-horizontal {
	font-size: medium;
	padding: 0;
	position: relative;
	text-align: left;
	background:#58585a url(fond-udem-enveloppe-entete.png) repeat-x ;
	height:333px;
	overflow:hidden;
}

/* pour poue limite des elements a 966px */
div#um-enveloppe-wrapper {
	margin:0 auto;
	width:966px;
	height:333px;
	position:relative;
}

div#imagealeatoire {
	margin:0 auto;
	width:966px;
	position:absolute;
	top:33px;
	z-index:3;
}


div#um-enveloppe-entete-menu-horizontal{
	font-size: medium;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	/* hauteur de 33 px quand le menu est ferme*/
	height :33px;
	/*height:250px; pour faire des tests*/
	width: 966px;
	overflow:hidden;
	z-index:5000;
/*	cursor:pointer;*/
}

/* pour fond gris a 90%*/
 #fond-menu-horizontal{
	height:250px;
	width: 966px;
	background-color:#58585a;
	background-image: url(fond-block-menu.png);
	background-repeat:repeat-x ;
	position:absolute;
	left:0;
	top:0;
	opacity: .90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	z-index:200;
}




.menu-horizontal{
	height:217px;
	width: 966px;
	position:absolute;
	left:0;
	top:0px;
	font-size:11px;
	font-weight: 600;
	color:#fff;
	z-index:5000;
}


.menu-horizontal ul{
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	width:966px;
	position:absolute;
	width:966px;
	top:0px;
	
}

.menu-horizontal li{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 14px;
	position:relative;
	width:182px;
}


.menu-horizontal li.last{
	width:168px
}

.menu-horizontal li.last li{
	width:168px
}

.menu-horizontal li ul{
	display:block;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:33px;
	width:182px;
}

.menu-horizontal ul li a {
	color:#FFFFFF;
	float:left;
	padding:9px 0 9px 0px;
	display:block;
}

div#um-enveloppe-entete-menu-horizontal .menu-horizontal ul li a:hover {
	color: #69C;
}

div#um-enveloppe-entete-menu-horizontal .menu-horizontal ul li li a:hover {
	color: #fff;
}

.menu-horizontal ul li li a {
	font-weight:normal;
	padding:2px 0 2px 0px;
	text-align:left;
	text-transform:none;
	display:block;
	font-size:.9em;
	white-space: normal;
	border:none;
}



.menu-horizontal ul li li a:hover {
color:#FFF
}





/* style general */
div#um-enveloppe {
	/*font-size: medium;*/
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 966px;
}
div#um-bandeau-institutionnel {
	color: #666;
	font-size: 70%;
	height: 75px;/*<DEREK> used to be 89px!*/
	left: 0;
	position: relative;
	top: 0;
	width: 966px;
	margin:0 auto;
	z-index:2;
}

div#um-bandeau-institutionnel a.um-logo {
	display: block;
	left: 0;
	position: absolute;
	top: 10px;
}
div#um-bandeau-institutionnel a.um-logo img {
	border: 0;
}
div#um-bandeau-institutionnel div.um-liens-haut {
	color: #58585A;
	height: 23px;
	position: absolute;
	right: 196px;
	text-align: right;
	top: 10px;
	white-space: nowrap;
	width: 540px;
}
div#um-bandeau-institutionnel div.um-liens-haut a {
	background-color: #fff;
	color: #58585A;
	text-decoration: none;
}
div#um-bandeau-institutionnel div.um-liens-haut a:hover {
	text-decoration: underline;
}

div#um-bandeau-institutionnel div.um-liens-haut span {
	visibility:hidden;
}

div#um-bandeau-institutionnel form.um-recherche {
	height: 45px; /* fixed height required for positioning */
	left: 782px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -10px;
	width: 184px;
}
/*
pour ancien moteur de recherche avec radio bouton
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 #B5B6B7;
	color: black;
	display: block;
	height: 17px;
	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: #B5B6B7;
	border-style: solid;
	border-width: 0 0 0 0;
	color: #000;
	display: block;
	font-size: 100%;
	left: 2px;
	margin: 0;
	padding: 0 17px 0 0;
	position: absolute;
	top: 2px;
	width: 160px;
/*	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: 0px;
	top: 0px;
}

/* bandeau-identification */
div#um-bandeau-identification {
	/*border-top:3px solid #666;*/
	/* image de fond pour les menu onglets */
	/* background: url(../images/iu/fond-ligne-menu-onglet.gif) repeat-x; */
	/* pour la hauteur du bandeau avec image de fond*/
	/* height: 29px; */
	left: 0;
	position: relative;
	top: 0;
	width: 966px;
	z-index: 2;
	margin:0 auto
	
}
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 {
	height: 51px;
	position: absolute;
	right: 0;
	top: 0;
	width: 770px;
	z-index: 1;
}
div#um-bandeau-identification div.um-titre-site {
	top: -40px;
	color: black;
	font-size: 130%;
	left: 207px;
	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;*/
	margin-top:14px;
}
/* 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;*/
}

#um-1colonne div#um-menu-vertical a {
	font-size: 100%;

}

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#block-indentifiant-menu {
	width:182px;
	clear:both;
}


div#block-indentifiant-menu p#um-menu-ouvert {
	font-size: 10px;
	height: 11px;
	visibility: hidden;
}


div#block-indentifiant-menu p#um-menu-pointeur {
	background: transparent url("../images/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, #um-1colonne {
	color: #333;
	font-size: 0.82em;
	line-height: 135%;
	padding: 0 0 0 0;
}

#um-1colonne {
	padding: 0 0 0 0;
}


div#um-contenu-2-6-2 {
	width:574px;
	float:left;
	margin-right:14px;
	padding-top:12px;
}

div#um-contenu-droite {
	width:182px;
	float:left;
}
/* fin du changements gabarit 1024 */



/* changement pour le pied de page */
div#um-enveloppe-pied {
	clear: both;
	color: #fff;
	padding-top:14px;
	margin-top:14px;
	background:#8e8e8e  url(ligne-pied-page.png) repeat-x  top left;
	position:relative;
}

#um-enveloppe-pied-menu-horizontal{
	font-size: medium;
	margin: 0 auto 14px;
	padding: 0;
	position: relative;
	text-align: left;
	height:240px;
	width: 966px;
	background:url(fond-block-menu-pied-page.png) repeat-x;
}

#um-enveloppe-pied-menu-horizontal .menu-horizontal li ul{
	top:25px;
}


div#um-pied {
	color: #666;
	font-size: 65%;
	line-height: normal;
	padding: 12px 0 12px 0;
	text-align: right;
	border-top:1px solid #c7c7c7
}

div#um-pied #fiup {
	position:absolute;
	left:0;
	top:-5px;
}

div#um-pied-contenu {
	width:966px;
	margin:0 auto;
	position:relative
}

div#um-pied #medias-sociaux a {
	position:relative;
	top:3px;
}

div#um-pied a {
	color: #fff;
}
div#um-pied span#um-pied-pousse {
	padding-left: 0px;
	font-size:50%;
}
div#um-pied a#um-pied-rss-icon img {
	vertical-align: -3px;
}

#medias-sociaux{
	margin-left: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 */
