@charset "UTF-8";
/* Version -17 avril 2007- */

/* CETTE FEUILLE NE DOIT ÊTRE MODIFIÉE EN AUCUN CAS 
   ----------------------------------------------- */
/* Pour procéder à une modification visuelle sur votre site, 
   modifiez le fichier "departement.css"  */

/* Auteur :	Arnaud d'Alayer <arnaud.dalayer@umontreal.ca>
		  			Conseiller de formation pratique en gestion de l'information numérique
			  		École de bibliothéconomie et sciences de l'information */

body {text-align:center;margin: 0;padding: 0;}
html>body {text-align:center;}
#conteneur {font-size:medium;margin:0 auto;padding:0;position:relative;text-align:left;	width:760px;}
div#um-bandeau-institutionnel {color: #666;font-size: 70%;height: 69px;left: 0;position: relative;top: 0;width: 760px;}
div#um-bandeau-institutionnel a.um-logo {display: block;left: 75px;position: absolute;top: 10px;}
div#um-bandeau-institutionnel a.um-logo img {border: 0;border: none;}
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;left: 576px;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;}
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;}
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;}
.um-cacher {display: none;}

/* ===== CENTRE DE LA PAGE =====*/
#centre * {margin: 0;padding: 0;}
#centre {
	clear:both;
	border:1px solid #003366;
		
	/* Technique (mise en page colonne - effet "trompe l'oeil"):*/
	background-color:#FFFFFF;
  background-image:url(../images/background-centre.gif);
	background-repeat:repeat-y;
}
	
/* *** CORRECTION BUG:il y a un espace d'un pixel avant le background-image de 
   #bandeau-faculté sans ces définitions 
 
   Correction pour IE7 */
	 
#centre {
	border-top:0;
	border-right:1px solid #003366;
	border-bottom:1px solid #003366;
	border-left:1px solid #003366;
}

/* Correction pour IE6*/

#centre {
	height:0px;
}

html>body #centre {
	height:auto;
}
/* *** CORRECTION BUG:FIN */


#bandeau-faculté {
			border-top:1px solid #003366;
}


/* ===== BANDEAU DE LA FACULTÉ ===== */

#bandeau-faculté {
	padding:2px;
	padding-left:227px; /* 214 de l'image + 13 de marge*/
}

#bandeau-faculté-udem {
  display:none;
}

#nom-faculté {
	font-weight:bold;
}

#bandeau-faculté a:active {
	color:#000000; 
	text-decoration:none; 
} 

#bandeau-faculté a:hover {
	color:#000000; 
	text-decoration:underline; 
}
	
/* ===== BANDEAU NOM DU DÉPARTEMENT ===== */

/* ==== MENU DU DÉPARTEMENT ===== */
	
#bandeau-département {
	background-repeat:no-repeat;
	background-color:#0A1B37;
		
	padding-top:1px;
	padding-bottom:1px;
		
	vertical-align:middle;

	padding-left:277px; /* 214 bordure gauche + 53 image anneau + 10 de marge entre image et texte */

/* Ajouté par Lise pour permettre l'ajout des langues dans une division à droite du bandeau département */
	margin-right:50px;
}

/* Ajouté par Lise pour permettre l'ajout des langues à droite du bandeau département */		

#bandeau-langues {
	background-color:#0A1B37;
  padding-left:0px;
	
	float:right;
	padding-top:1px;
	padding-bottom:1px;
	
	vertical-align:middle;
	
	width:70px;
}

/* Ajouté par Lise pour permettre l'ajout des langues */		

#bandeau-département a {
	padding-right:15px;
	font-size:0.7em;
}

#bandeau-département a:link {
	color:#FFFFFF; 
	text-decoration:none; 
}

#bandeau-département a:visited {
	color:#FFFFFF; 
	text-decoration:none; 
} 

#bandeau-département a:active {
	color:#FFFFFF; 
	text-decoration:none; 
} 

#bandeau-département a:hover {
	color:#FFFFFF; 
	text-decoration:underline; 
}
	
.bandeau-département-séparateur {
	display:none;
}
	
/* ===== MENU DE NAVIGATION DE GAUCHE ===== */

#menu-gauche {
	width:211px;
	float:left;
		
	font-size:0.7em;
	text-align:right;
		
	padding-top:15px;
	padding-bottom:15px; /* N'est pas présent dans le modèle, mais espace un peu la présentation */
}

#menu-gauche ul {
	list-style-type:none;
}
	
#menu-gauche a {
	display:block;
	padding-left:4px;
	padding-right:20px;
}

#menu-gauche ul li {
	border-top:1px solid #85A3C2;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
}

#menu-gauche ul li ul li {
	border:0;
	font-weight:normal;
	padding-top:1px;
	padding-bottom:1px;
}

#menu-gauche li.menu-gauche-premier {
	border:0px;
}

/* Ajout par Lise Desjardins
   .sans-lien permet de faire apparaître un titre dans le menu de gauche, mais sans lien.  Le titre apparaît en foncé */
	 
#menu-gauche .sans-lien {
	font-weight:bold;
	padding-right:20px;
}

#menu-gauche a:link {
	text-decoration:none; 
} 

#menu-gauche a:visited {
	text-decoration:none; 
} 

#menu-gauche a:active {
	text-decoration:none; 
} 

#menu-gauche a:hover {
	text-decoration:underline; 
	
	background-image:url(../images/flecheretour.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
}
	
/* ===== CONTENU ===== */
#contenu {
	margin-left:211px;				
	padding:15px 14px 0px 14px;
	color:#333333;	
}
	
#contenu h1 {
	padding:0px;
	margin:0px 0px 10px 0px;
		
	font-size:1.4em;
}

#contenu h2 {
	padding:0px;
	/*margin:8px 0px 8px 0px; Version originale*/
	margin:15px 0px 8px 0px;

	border:0px;  /* CORRECTION BUG:il y a une bordure autour des titres dans Contribute sans cette définition */
	border-bottom-width:1px;
	border-style:solid;
		
	font-size:1.2em;
}

#contenu h3 {
	font-size: 1.1em;
    margin: 15px 0 8px;
    padding: 0;
}

#contenu h4 {
	padding:0px;
	margin:5px 0px 2px 0px;

	font-size:1.2em;
}

#contenu h5 {
	padding:0px;
	margin:5px 0px 2px 0px;

	font-size:0.7em;
}

#contenu h6 {
	padding:0px;
	margin:5px 0px 2px 0px;
		
	font-size:0.7em;
}

#contenu p {
	padding:0;
	margin:0 0 10px 0;
    line-height: 150%;
	}
	
#contenu table {
	margin-left:1px; /*Firefox:s'il n'y a pas de marge à gauche, la bordure de droite du tableau ne s'affiche pas */
	color:#333333;	
}
	
#contenu hr {
	color:#333333;
	background-color:#333333;
}
		
#contenu a:link {
	color:#06c;
	text-decoration:none; 
} 
#contenu a:visited {
	color:#06c;
	text-decoration:none; 
} 

#contenu a:active {
	text-decoration:none; 
} 

#contenu a:hover {
	text-decoration:underline; 
}
	
.clearer {
	clear:both;
	height:0;
}
	
#contenu .navigation {
		margin-top:2em;
}

#contenu .commentaires {
	margin-top:1em;
	color: #999;
	font-size: 90%;
}

/* Lise Desjardins */
	/* Permet de mettre une bordure aux photos des employés */

	#contenu .photo {
		float:left;
		/* height:120px;*/
	}
	
	#contenu .photo img {
		border-style:solid;
		border-width:1px;
		border:solid;
	}
	
	

	/* Lise Desjardins - Fin */


/* Ajouté par Lise */

/* Ajouté par Lise : permet de placer les ième en exposant */
#contenu .ieme, #menu-gauche .ieme {
  font-size:smaller;
  vertical-align:top;
}	
/* Ajouté par Lise */
	
/* ===== PIED DE PAGE ===== */
#pied-page * {margin: 0;padding: 0;}
#pied-page {
		clear:both;
		text-align:right;
		font-size:0.55em;
		color:#999;
		padding: 5px;
}


#SlideShowImageFadeInOut {
	position: relative;
	height: 143px;
	width: 230px;
}
#SlideShowImageFadeInOut img {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}