/* ************************************************************************************************* */
/* *************************** Gabarit institutionnel Version 2.2 ********************************** */
/* *** Propriete de L'universite de Montreal et de la Direction des communications et recrutement ** */
/* ************************************************************************************************* */


/* ***************** Feuille de style specifique à la page d'acccueil de votre site **************** */
/* ********************************* Ce fichier vous appartient ************************************ */
/* ************************** Toutes les modifications doivent se faire ICI ************************ */

/* ********************** Pour aider votre comprehension, vous pouvez CONSULTER ******************** */
/* ************************************ le fichier "udem.css" ************************************** */

.imageContainer {
    position: relative;
    width: 300px;
    height: 200px;
}
.imageContainer img {
    position: absolute;
}

div#um-menu-vertical div.um-retour-accueil {
	display: none;
}

div#um-contenu {
	padding-top: 0;
	position: relative;
	margin-left: 150px;
	/*font-size:100%;*/
}

#capsules{
	height:100px;
	width:966px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	position:absolute;
	left:0;
	top:256px ;
	z-index:300;
	font-size:90%;
}

#capsule-fond-tranparent{
	height:100px;
	width:966px;
	opacity: .75;
	background:#272728;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	filter: alpha(opacity=75);
	position:absolute;
	left:0;
	top:0 ;
} 
#capsules .capsule {
	position: relative;
	float: left;
	margin: 5px 0 0 5px;
	width:236px;
	color:#FFF;
	font-size:70%;
	z-index:3000;
	padding:0 0 0 0;
}

#capsules .capsule a {
	color:#FFF;
}

#capsules .capsule img {
	float:left;
	margin-right:10px;
	padding:0 0 0 0;
	border:1px solid #fff;
}

div#capsule1 strong {
	font-size:120%;
	text-transform:uppercase;
}
#capsules #capsule2 {width:310px}

.contenu-a-280px{
	width:268px;
	float:left;
	border-left:1px solid #333;
	padding:11px 0 11px 11px;
}



.contenu-a-182px{
	width:182px;
	float:left;
	background-color:#E6E6E6;
	/*height:182px;*/
}

.contenu-a-182px .contenu-multimedia{
	width:160px;
	margin-left:19px;/*font-size:85%;*/
	/*margin:auto;*/
}

.contenu-a-182px .contenu-multimedia a{
	color:#000;
	}

.contenu-a-182px .contenu-multimedia img{
	border:none;
}

#nouvelles.contenu-a-280px, #calendrier.contenu-a-280px{
	margin-right:14px;
	height:170px;
	padding-top:0;
	/*margin-bottom: 3%;*/ /* ajouté par PML */
}

#multimedia.contenu-a-182px{
	margin-right:0;
	/*height:182px;	*/
}

#multimedia.contenu-a-182px h2{
	margin-top:4px;	
	margin-bottom:3px;
	margin-left: 14px;
	font-size: 132%;
}

#multimedia  a.photo-multimedia{
	border:1px solid #9B9C9D;
	display:block;
	margin-top:22px;
	width:138px;
}

#multimedia  a.photo-multimedia img{
	border:2px solid #fff;
	width: 134px;
	height: 82px;
}

#multimedia .contenu-multimedia p {margin: 5px 0 10px -5px}

#multimedia.contenu-a-182px .section-multimedia-bas{
	background:#707072 url(multimedia-bas.png) no-repeat;
	height:22px;
	padding-left:28px;
	
}

.section-multimedia-bas img{
	padding-top:1px;
	
	}

.contenu-a-280px h2{
	margin:0px 0 10px 0 ;
	border-bottom:none!important;
}
.contenu-a-182px h2{
	margin:0 0 10px 22px;
	border-bottom:none!important;
}

.contenu-a-280px h2 a, .contenu-a-182px h2 a {color: #333333;}
.contenu-a-280px h2 a:hover, .contenu-a-182px h2 a:hover {text-decoration:none;}

#nouvelles.contenu-a-280px {
	/*font-size:85%;*/
	line-height:120%;
}


/* LLJ starts here +++++++++++++++++++++++
   class first, general settings
   then specific settings based on dimensions
   of image used
   http://alicious.com/2009/new-css-image-replacement-jir/
*/

.ir {
	position: relative; /* allows child element to be placed positioned wrt this one */
 	overflow:hidden; /* don't let content leak beyond the header - not needed as height of anchor will cover whole header */
	padding: 0; /* needed to counter the reset/default styles */
	/* border:1px red dotted; /* use this for testing */
}

.ir a {
	position: absolute; /* defaults to top:0, left:0 and so these can be left out */
 	height: 0; /* hiding text, prevent it peaking out */
 	width: 100%; /* 686px; fill the parent element */
 	background-position: left top; 
 	background-repeat: no-repeat;
 	/* border:1px green dotted; /* use this for testing */
	}

/* end LLJ here ------------------------- */


#nouvelles.contenu-a-280px h2 {
	font-size: 132%;
	height: 15px; /* height of replacement image */ 
}


#nouvelles.contenu-a-280px ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:120%;
}

#nouvelles.contenu-a-280px li{
	margin:0 0 10px 0;
}

#nouvelles.contenu-a-280px li a{
	color:#000;
}

#calendrier.contenu-a-280px {
	/*font-size:85%;*/
}

#calendrier.contenu-a-280px h2 {
	font-size:132%;
	line-height: 1em;
}

#calendrier.contenu-a-280px td{
	padding-bottom: 10px;
	line-height:120%;
}

#calendrier.contenu-a-280px td.date{
	padding-right: 10px;
	/*font-size:85%;*/
	color:#747577;
	white-space:nowrap;
	vertical-align:top;
}

#calendrier.contenu-a-280px table a{
	color:#000
}

#um-1colonne div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau {
	text-align:left;
	padding-left:14px;

}

div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a {
	padding: 4px 0 4px 4px;


}


#um-1colonne div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a {
	width:164px;
}

#zone-annonce{
	clear:both;
	padding-top:15px;
	font-size: 0.82em;
}

#zone-annonce .annonce{
	border:1px solid #000;
	float:left;
	/*margin-right:11px;*/
	margin-left:10px;
	height:130px;

}

#zone-annonce .annonce h2 {
	display:none;	
}

#zone-annonce .annonce h3 {
	color:#FFF;
	/*margin-left:11px;
	margin-top:3px;*/
	padding: 3px 0 3px 11px;
	margin-bottom: 8px;
	font-size: 131%;
}

#zone-annonce .annonce-contenu {
	padding:3px 3px 3px 3px;
	/*font-size:85%;*/
	line-height:120%;
}

#zone-annonce .annonce-contenu strong {
	display:block;
	margin-bottom: 0.4em;
}

#zone-annonce .annonce-contenu a {
	color:#000;
}

#zone-annonce .vie-etudiante, #zone-annonce .evenement, #zone-annonce .communaute{
	width:180px;
}

#zone-annonce .vie-etudiante p, #zone-annonce .evenement p, #zone-annonce .communaute p, #zone-annonce .recteur p{
	margin:0 0 10px 0
}

#zone-annonce .vie-etudiante h3 {
	background-color:#FF4144;
}

#zone-annonce .recteur{
	width:376px;
}

#zone-annonce .recteur h3 {
	background-color: #0074e0;
}

#zone-annonce .recteur img{
	float:left;
	margin-right:11px;
}


/*#zone-annonce .evenement{
	background:url(../images/contenu/annonce/evenement.png) repeat-x;
}*/

#zone-annonce .evenement h3 {
	background-color: #05df20;
}

#zone-annonce .communaute h3 {
	background-color: #FFD241;
}

#zone-annonce .annonce.last{
	margin-right:0;
	/*background:url(../images/contenu/annonce/communaute.png) repeat-x;*/
}

div#block-indentifiant-menu {
	display:none;
}

div#um-enveloppe-entete-menu-horizontal #menu-principal .menu-horizontal ul li a:hover {
	color:#69C!important
}