/* ************************************************************************************************* */
/* *************************** 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" ************************************** */


div#um-menu-vertical div.um-retour-accueil {
	display: none;
}

div#um-contenu {
	padding-top: 0px;
	position: relative;
	margin-left: 150px;
	width: 620px;
	/*font-size:100%;*/
}

#capsules{
	height:66px;
	width:966px;
	/*border-top:1px solid #333;
	border-bottom:1px solid #333;*/
	position:absolute;
	left:0;
	top:256px ;
	z-index:0;
}

#capsule-fond-tranparent{
	height:66px;
	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: 10px 0 0 40px;
	width:270px;
	color:#FFF;
	font-size:70%;
	z-index:3000
}

#capsules .capsule a {
	color:#FFF;
}

#capsules .capsule img {
	float:left;
	margin-right:10px;
	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:183px;
	float:left;
	background-color:#2c2c2e;
	/*background-image: url(../images/iu/capscience-video_02.jpg);*/
	
	/*height:182px;*/
}

#multimedia p a{
	color:#fff;
	}

.contenu-a-182px .contenu-multimedia{
	width:183px;
	/*margin-left:20px;*/
	/*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:207px;
	position:relative;
	/*background-image:url(../images/iu/capscience-video_02.jpg);*/
	background-position:bottom;
	
}

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

#multimedia  a.photo-multimedia img{
	/*border:2px solid #fff;*/
	/*width: 134px;*/
	/*height: 82px;*/
}

#multimedia .contenu-multimedia p 
{/*margin: 5px 0 5px 0px;*/
font-family: 'Open Sans',sans-serif;
font-size:0.9em;
position:relative;

}

#multimedia .contenu-multimedia p.texte 
{ margin:0 5px 5px 10px;
font-family: 'Open Sans',sans-serif;
font-size:0.9em;
line-height:120%;

}

#multimedia.contenu-a-182px .section-multimedia-bas{
	/*background:#707072 url(../images/contenu/annonce/multimedia-bas.png) no-repeat;*/
	height:22px;
	padding:0 0 5px 5px;
	position:absolute;
	top:175px;
	
	
}

.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%;
	background-color: #F0F0F0;
	position:relative;
}

p.lien_nouvelles1{
	position:absolute;
	top:245px;
	width:125px;
	background-color:#494949;
	padding:5px 30px 5px 10px;
	}
	
p.lien_nouvelles2{
	position:absolute;
	top:245px;
	width:120px;
	background-color:#494949;
	padding:5px 30px 5px 10px;
	}
	
	
p.lien_nouvelles1 a{
	display:block;
	width:147px;
	padding:2px 0;
	color:#EAF2FB;
	background-image:url(../images/iu/chevron_17.png);
	background-repeat:no-repeat;
	background-position:right;
	
	}	
	
p.lien_nouvelles2 a{
	display:block;
	width:140px;
	padding:2px 0;
	color:#FFF;
	background-image:url(../images/iu/chevron_17.png);
	background-repeat:no-repeat;
	background-position:right;
	
	}	
	
p.lien_nouvelles1 a:hover{
	background-image:url(../images/iu/chevron_17_MO.png);
	text-decoration:none;
	}
	
p.lien_nouvelles2 a:hover{
	background-image:url(../images/iu/chevron_17_MO.png);
	text-decoration:none;
	}
	

/* 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: 30px; /* height of replacement image */ 
	margin-top:10px;
}

#calendrier.contenu-a-280px h2 {
	font-size: 132%;
	height: 30px; /* height of replacement image */ 
	margin-top:10px;
}


#nouvelles.contenu-a-280px h2 a {
	
 padding-top: 30px; /* height of the replacement image */
 background-image: url(../images/contenu/annonce/UDEM_nouvelles.jpg); /* the replacement image */
 background-position: -9px;
}

#calendrier.contenu-a-280px h2 a{
	padding-top: 30px; /* height of the replacement image */
	background-image: url(../images/contenu/annonce/Calendrier.jpg); /* the replacement image */
	background-position: -9px;
	
	}

#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%;*/
	background-color:#EFEFEF;
	
	
}

#calendrier.contenu-a-280px h2 {
	font-size:132%;
	line-height: 1em;
	margin-top:10px;
}

#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:3px 0 3px 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:14px;
	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:5px 11px 11px 11px;
	/*font-size:85%;*/
	line-height:120%;
}

#zone-annonce .annonce-contenu strong {
	display:block;
	margin-bottom: 0.4em;
}

#zone-annonce .vie-etudiante, #zone-annonce .evenement, #zone-annonce .communaute{
	width:180px;
}

#zone-annonce .annonce-contenu a {
	color:#000;
}

#zone-annonce .vie-etudiante p, #zone-annonce .evenement p, #zone-annonce .communaute p, #zone-annonce .recteur p{
	margin:0 0 10px 0
}


#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;*/
}



/*#zone-annonce .vie-etudiante{
	background: url(../images/contenu/annonce/vie-etudiante.png) repeat-x;
}*/

#zone-annonce .vie-etudiante h3 {
	background-color:#FF4144;
}

div#block-indentifiant-menu {
	display:none;
}

div#um-enveloppe-entete-menu-horizontal #menu-principal .menu-horizontal ul li a:hover {
	color:#69C!important
}

div#suivez_nous{
	float:left;
	background-color:#2c2c2e;
	margin-bottom:14px;
	width:182px;
	display:block;
	}
	
div#suivez_nous ul{
	margin:0;
	padding:0;
	}

div#suivez_nous ul li{
	color:#fff;
	font-size:/*1.15*/1.05 em;
	font-weight:bold;
	font-family: 'Open Sans',sans-serif;
	display:inline-block;
	*display: inline;
    zoom: 1;
	margin:8px 0 5px /*5*/0px;
	}
	
div#suivez_nous ul li.suivez_marge{
	margin-right:5px /*10px*/;
	
	}

div#suivez_nous ul li.twiter_marge{
	margin-left:0;
	margin-bottom:0px;
	
	}	
	
div#suivez_nous ul li a.sprite2{
	background: url("../images/iu/icn-facebook.png") no-repeat scroll 0 0; rgba(0, 0, 0, 0);
	display:inline-block;
    height: 16px;
    width: 16px;
	}	
	
div#suivez_nous ul li a.sprite3{
	background: url("../images/iu/icn-twitter.png") no-repeat scroll 0 -28px; rgba(0, 0, 0, 0);
	display:inline-block;
    height: 16px;
    width: 22px;
	}
	
div#suivez_nous ul li a.sprite6{
	background: url("../images/iu/icn-instagram.png") no-repeat scroll 0 0; rgba(0, 0, 0, 0);
	display:inline-block;
    height: 16px;
    width: 17px;
	margin-left:4px;
	}
	
div#suivez_nous ul li a.sprite6:hover{
		background: url("../images/iu/icn-instagram.png") no-repeat scroll -27px 0; rgba(0, 0, 0, 0);
		}
	
	div#suivez_nous ul li a.sprite3:hover{
		background: url("../images/iu/icn-twitter.png") no-repeat scroll 0 0; rgba(0, 0, 0, 0);
		}
	
div#suivez_nous ul li a.sprite2:hover{
	background: url("../images/iu/icn-facebook.png") no-repeat scroll 0 -20px; rgba(0, 0, 0, 0);
	
	}

	
div#suivez_nous ul li p{
	margin:0;
	}
	
#admission{
	float:left;
	position:relative;
	
	}
#admission img{
	margin-bottom:14px;
	/*display:none;*/
	}
	
#admission a{
	display:block;
	position:absolute;
	top:0;
	width:183px;
	height:162px;
	background-image: url(../images/iu/chevron_17.png);
	/*background-image: url(../images/iu/chevron.png);*/
	background-repeat:no-repeat;
	background-position: 135px 140px;
	
	}
	
#admission a:hover{
	background-image:url(../images/iu/chevron_17_MO.png);
	/*background-image: url(../images/iu/chevron_over.png);*/
	}
	
	
p#video{
	position:relative;
	}
	
p#video a{
	display:block;
	position:absolute;
	top:0px;
	width:182px;
	height:112px;
	background-image: url(../images/iu/Play_go.png);
	background-repeat:no-repeat;
	background-position: 130px 70px;
	
	}
	
p#video a:hover{
	background-image:url(../images/iu/Play_mo.png);
	}
	
div#um-pied-contenu{
	height: 100px;
	
	}

div#um-pied-contenu a.sprite{
	margin-top:30px;
	background: url(../images/iu/logo-udem-white.png) no-repeat 0 0;
	width: 94px;
	height: 38px;
	
	}
	
div#um-pied-contenu a.sprite:hover{
	background: url(../images/iu/logo-udem-white.png) no-repeat 0 -39px;
	width: 94px;
	height: 37px;
	}
	
div#bottom_menu {
	position:absolute;
	left:320px;
	top:30px;
	width:360px;
	color:#fff;
	font-size:1.1em;
	}
	
div#bottom_menu_col1{
	float:left;
	width:120px;
	padding-top:17px;
	}
	
div#bottom_menu_col1 a{
	color:#fff;
	}
	
div#bottom_menu_col1 a:hover{
	color:#0099FF;
	text-decoration:none;
	
	}	

div.bottom_menu_col2{
	float:left;
	width:120px;
	}
	
div.bottom_menu_col2 p a{
	color:#fff;
	}

div.bottom_menu_col2 p a:hover{
	text-decoration:none;
	color:#0099FF;
	
	}

div.bottom_menu_col2 p{
	margin-bottom:5px;
	}
	
ul#sociaux{
	position:absolute;
	top:40px;
	left:750px;
	list-style:none;
	padding-left:0;
	width:200px;
	font-size:0;

	
	}
	
ul#sociaux li{
	display: inline-block;
	zoom:1; /* IE 7 Hack starts here*/
    *display:inline;
    height: 20px;
    vertical-align: middle;
    width: 30px;
	
	}

ul#sociaux li a.sprite1 {
	
display:block;
background: url('../images/iu/icn-rss.png') no-repeat 0 0;
	width: 16px;
	height: 16px;
}

ul#sociaux li a.sprite1:hover{
	display: block; 
background: url("../images/iu/icn-rss.png") no-repeat; 
 background-position: 0 -20px; 
width: 16px; 
height: 16px; 
}


	 

ul#sociaux li a.sprite2 {
	
display:block;
position:absolute;

background: url('../images/iu/icn-facebook.png') no-repeat 0 0;
	width: 16px;
	height: 16px;
}	

ul#sociaux li a.sprite2:hover{
	display:block;
position:absolute;

background: url('../images/iu/icn-facebook.png') no-repeat 0 -20px;
	width: 16px;
	height: 16px;
	
	}
	
ul#sociaux li a.sprite3 {
	
display:block;
position:absolute;

background: url('../images/iu/icn-twitter.png') no-repeat 0 -28px;
	width: 20px;
	height: 16px;
}	

ul#sociaux li a.sprite3:hover{
	display:block;
position:absolute;

background: url('../images/iu/icn-twitter.png') no-repeat 0 0;
	width: 20px;
	height: 16px;
	}
	
ul#sociaux li a.sprite4 {
margin-right:15px;

display:block;
position:absolute;

background: url('../images/iu/icn-youtube.png') no-repeat 0 0;
	width: 43px;
	height: 14px;
}	
ul#sociaux li a.sprite4:hover{
	display:block;
position:absolute;

background: url('../images/iu/icn-youtube.png') no-repeat 0 -20px;
	width: 43px;
	height: 14px;
	}
	
ul#sociaux li a.sprite5{
	margin-left:27px;
	display:block;
position:absolute;

background: url('../images/iu/trois_points.png') no-repeat 0 10px;;
	width: 18px;
	height: 15px;
	
	}
	
ul#sociaux li a.sprite5:hover{
	background: url('../images/iu/trois_points.png') no-repeat 0 -4px;
	width: 17px;
	height: 15px;
	}
	
ul#sociaux li a.sprite6{
	
	
	display:block;
position:absolute;

background: url('../images/iu/icn-instagram.png') no-repeat 0 0px;;
	width: 17px;
	height: 16px;
	
	}
	
ul#sociaux li a.sprite6:hover{
	background: url('../images/iu/icn-instagram.png') no-repeat  -27px 0;
	width: 17px;
	height: 15px;
	}
	
.contenu-a-280px{
	font-family: 'Open Sans', sans-serif;
	font-size:1.19em;
	/*font-weight:bold;*/
	
	}
	
.contenu-a-280px ul li{
	line-height:1.2em;
	width:240px;
	}
	
#nouvelles.contenu-a-280px li a{
	color:#000;
}

#calendrier img{
	display:none;
	}
	
.eventTime{
	color: #666;
	
	}
a.eventLink{
	color:#000;
	line-height:1.2em;
	}
	
div.eventTitle{
	margin-bottom:14px;
	padding-right:15px;
	}	

#zone_left{
	float:left;
	width:780px;
	}
	
#zone_right{
	float:right;
	width:182px;
	}