@charset "UTF-8";
/* 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 numrique
					EBSI
	=====================================================================
*/

/* ==================================
         Mise en page générale
   ==================================*/
  body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		/*background: url(../images/BgUdeM.jpg);*/
		text-align : center;
	}
	html>body{
		text-align : center;
	}
	
	
	/* === Positionnement des boites === */
	#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 de la colonne gauche - taille de l'image - taille marge de la colonne gauche = 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 #333333;
	}
	#bandeau-udem li.dernier-item-liste{
		padding-right : 0;
		border: 0;
	}
	#bandeau-udem a:link {
		color : #333333;
		text-decoration : none; 
	} 
	#bandeau-udem a:visited {
		color : #333333;
		text-decoration : none; 
	} 
	#bandeau-udem a:active {
		color : #333333;
		text-decoration : none; 
	} 
	#bandeau-udem a:hover {
		color : #333333;
		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 boite de saisie plutôt qu'au dessus de #centre car l'espace disparait 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;
	}
		
	
/* ==================================
            CENTRE DE LA PAGE
   ==================================*/
	#centre{
		clear : both;
		
		/* 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ÉE ==== */
	#bandeau-faculté{
		padding : 2px;
		padding-left:227px; /* 214 de l'image + 13 de marge*/
		
		font-size : 0.75em;
	}

	#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 de l'image de l'anneau + 10 de marge entre l'image et le texte */
	}
	#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;
	}
	#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;	
		font-size: 0.7em;
	}
	
	#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;
	}
	
	#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;	
		/* Table Font Sizes with CSS and IE : http://aguirre.uark.edu/item/table-font-sizes-with-css-and-ie/category/web-design */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size : 100%;
	}
	
	#contenu hr{
		color:#333333;
		background-color:#333333;
	}
		
	#contenu a:link {
		color: #003399;
		text-decoration : none; 
	} 
	#contenu a:visited {
		color : #808080;
		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;
	}
	
/* ==================================
            PIED DE PAGE
   ==================================*/
	#pied-page {
		clear:both;
		text-align: center;
		font-size: 0.55em;
		color: #231F20;
	}