@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 [at] umontreal.ca>
		  			Conseiller de formation pratique en gestion de l'information numérique
			  		École de bibliothéconomie et sciences de l'information */

/* Modifié par Lise Desjardins */ 

* {
	margin:0px;
	padding:0px;
	border:0px;
}
   
body {
	/*background:url(../images/BgUdeM.jpg);*/	
	text-align:center;
}

html>body {
	text-align:center;
}
	
/* ===== Positionnement des boîtes ===== */

#conteneur {
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	
	width:760px;
}

	
/* ===== ENTÊTE ===== */

#entête {
	font-size:0.6em;
}
	
/* ===== LOGO ===== */

#logo-udem {
	width:214px;
	float:left;
	height:63px;
						
	background:url(../images/logo.gif) no-repeat;
	background-position:76px 50%; 
	/* Position X = taille colonne gauche - taille image - taille marge colonne gauche 
	   Position X = 214 - 118 - 20 = 73px */
}

#logo-udem a {
	/* Technique:http://pompage.net/pompe/portescoulissantes/ */
	display:block;
	height:100%;
	text-indent:-9000px;
	text-decoration:none;
}
	
/* ===== MENU DE NAVIGATION DE L'UDEM ===== */

#bandeau-udem {
	padding-top:5px;
	text-align:right;
}

#bandeau-udem li {		
	list-style-type:none;
	display:inline;
		
	padding:0px 6px 0px 6px;
		
	border-right:1px solid #333;
}

#bandeau-udem li.dernier-item-liste {
	padding-right:0;
	border:0;
}

#bandeau-udem a:link {
	color:#333;
	text-decoration:none; 
} 

#bandeau-udem a:visited {
	color:#333;
	text-decoration:none; 
} 

#bandeau-udem a:active {
	color:#333;
	text-decoration:none; 
}

#bandeau-udem a:hover {
	color:#333;
	text-decoration:underline; 
}
	
/* ===== BANDEAU DE RECHERCHE ===== */

#recherche {
	float:right;
	margin-top:5px;
	text-align:right;
}

#recherche-lieu {
	text-align:left;
	margin-bottom:2px;
}

#recherche-formulaire {
	background-color:#FFFFFF;
	border:1px solid #696969;
	line-height:20px;
	color:#1b405d;
	padding-left:4px;
	padding-right:4px;
	margin-bottom:4px; 
	/* On met une bordure de 4px en dessous de la boîte de saisie plutôt qu'au dessus de #centre 
	   car l'espace disparaît sur firefox si on augmente la taille de la police */
}

#recherche-boite-texte {
	width:110px;
	border:0px none;
	border-right:1px solid #696969;
	font-size:12px;
}

#recherche-boite-texte a, a:link, a:visited {
  text-decoration:none;
}
		
	
/* ===== CENTRE DE LA PAGE =====*/

#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:50px;
}

/* 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:#333;	
}
	
#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 {
	padding:0px;
	margin:5px 0px 5px 0px;

	font-size:1.2em;
}

#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:0px;
	margin:0px 0px 10px 0px;
	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:#333;	
}
	
#contenu hr {
	color:#333;
	background-color:#333;
}
		
#contenu a:link {
	color:#0066CC;
	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;
}
/* Ajouté par Lise : permet de mettre une bordure aux photos des employés */
#contenu .photo img{
  border-style:solid;
	border-width:1px;
	border:solid;
}	
/* 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 {
	clear:both;
	text-align:right;
	font-size:0.55em;
	color:#999;
	padding: 5px;
}
.flottant-g {
    float: left;
    margin: 0 5px 10px 0;
}
.flottant-d {
    float: right;
    margin: 0 0 5px 5px;
}