#entete {background:url(../images/entete2011.png) no-repeat top left; z-index:99;}
 

#centre {
 
float:left; 
}

#col_droite {

 
float : right;
width : 284px;

 
}

#col_gauche {

float : left;
width : 270px;

 
}

#cadre {
 
/*border:1px gray solid;*/
 height:535px;
}


 
 


 


/* Extraits du calendrier universitaires */

#message {
width:250px;
height:100px;
border-left:1px #918f8f solid;
padding-left:10px;
color:#972421; 
font-weight:bold;
}

#message p {font-size:13px;  font-weight:normal; text-align:left;color:#000;padding:0 0 6px 0; margin:0;}
#message h3 {padding:0; margin:0;color:#000;}
#message sup {font-size:11px;  text-transform:lowercase;}
#message a {text-decoration:none; font-weight:bold;}


/* menu par type d'utilisateurs */
#menu_utilisateurs {	 vertical-align: text-bottom; 
				 
						height:270px;
						width:252px;
						text-transform:uppercase;
						position:relative;
				 
				}
				
#menu_utilisateurs h3 {display:none;}

#menu_utilisateurs div {	padding:2px 2px 0px 10px;
							margin:0 0 0 0;
							width:90%;
					
					}
					
#menu_utilisateurs a {text-decoration:none;font-size:13px; color:#68676C;}
 
 
 
/* Chaque éléments du menu est traité différemment */


#etudiants {background:#ffffff; border:1px #ffffff solid;}
#etudiants a{color:#68676C;}
#etudiants {position:absolute; bottom: 229px;  }


	#etudiants:hover {background:#FFFFFF; border:1px #CCCED0 solid; }
	#etudiants a:hover{color:#68676C; background:none;}


#internationaux {background:#ffffff; border:1px #ffffff solid;}
#internationaux a{color:#68676C;}
#internationaux {position:absolute; bottom: 199px;  }


	#internationaux:hover {background:#FFFFFF; border:1px #CCCED0 solid; }
	#internationaux a:hover{color:#68676C; background:none;}



 
	
#diplomes { border:1px #fff solid;}
#diplomes a{color:#68676C;}
#diplomes {position:absolute; bottom: 169px;  }

	#diplomes:hover { border:1px #CCCED0 solid; background:none;}
	#diplomes a:hover{color:#68676C; background:none;}
	
#employes { border:1px #fff solid;}
#employes a{color:#68676C;}
#employes {position:absolute; bottom: 139px;  }

	#employes:hover { border:1px #CCCED0 solid; background:none;}
	#employes a:hover{color:#68676C; background:none;}
	
#infoscol { border:1px #fff solid;}
#infoscol a{color:#68676C;}
#infoscol {position:absolute; bottom: 90px;  }

	#infoscol:hover { border:1px #CCCED0 solid; background:none;}
	#infoscol a:hover{color:#68676C; background:none;}
	
#public { border:1px #fff solid;}
#public a{color:#68676C;}
#public {position:absolute; bottom: 60px;  }
	#public:hover {border:1px #CCCED0 solid; background:none;}
	#public a:hover{color:#68676C; background:none;}
	
	
#media { border:1px #fff solid;}
#media a{color:#68676C;}
#media {position:absolute; bottom: 30px;  }

	#media:hover {border:1px #CCCED0 solid; background:none;}
	#media a:hover{color:#68676C; background:none;}
	
/*#futur {background:#972421;border:1px #972421 solid;  }
#futur a{color:#fff;}
#futur {position:absolute;bottom:0;}

	#futur:hover {background:#A8B478;border:1px #A8B478 solid;}
	#futur a:hover{color:#fff; background:none;}*/	

#futur { border:1px #fff solid;}
#futur a{color:#68676C;}
#futur {position:absolute; bottom:0px;  }

	#futur:hover {border:1px #CCCED0 solid; background:none;}
	#futur a:hover{color:#68676C; background:none;} 



#programmes a:link{ text-decoration : none;border:0;display:block; width:425px; height:390px;}
#programmes a:active{ text-decoration : none;border:0;display:block; width:425px; height:390px;}
#programmes a:hover{ text-decoration : none;border:0;display:block; width:425px; height:390px;}
#programmes a:visited{ text-decoration : none;border:0;display:block; width:425px; height:390px;}
#programmes span {visibility:hidden;} 

#fleche {width:22px;height:27px;background:url(../images/fleche.gif) no-repeat bottom left; position:relative; bottom:45px; right:22px; }





 


#a_surveiller {
width :280px;
margin-top:2px;
border:1px gray solid;
 
}
 

#a_surveiller h3 {
				margin:0;
				padding:4px 10px 2px 10px;
				color:white;
				background:#68676C;
				font-weight:normal;
				text-transform:uppercase;
				font-size:15px;
				}

#a_surveiller img {margin:0;padding:0;border:0;}

#a_surveiller img:hover {margin:0;padding:0;}
#a_surveiller a {font-weight:bold;}


#iframe {

width :278px;
height:290px;    /*remettre à 290px quand CREPUQ est parti  - 200px quand crepuq est la*/

margin-left:2px;
overflow:auto;
}

#iframe h4 {font-size:13px; margin:0; padding:10px 0 0 7px;color:#000;}
#iframe ul {margin:0;padding:0 0 0 10px;list-style: none;}
#iframe li {padding-left: 10px; padding-bottom:4px;
			background-image: url(../images/puce.gif);
			background-repeat: no-repeat;
			background-position: 0 .5em;
			color:#000;}
/* #iframe a {text-decoration:underline;}*/
#iframe span {display:block; color:#333333;}
 #iframe_largeur {width:250px;} 






#publicites {
width : 280px;
height:90px;
border:1px gray solid;
/*background:url(../images/exemple_pub.jpg) no-repeat top left;*/ 
margin-top:10px;}

#publicites span {visibility:hidden;}








 

#menubas {


 background:url(../images/fond-menu-bas.png) no-repeat bottom right;  
clear:both;	 
height:18px;
padding:0;
margin:0;
text-align:right;
width:692px;
position:relative;
bottom:18px;
}
 
 			
.menuvertbas {	
				margin-left:2px; 
				font-size:13px;
			 	padding:0px 4px;
				float:left;
				height:18px;
				background:url(../images/fond-menu.gif) repeat-x bottom left;
				 
				
				}
 

#menubas a {
text-decoration : none;
font-weight:normal;
color:#fff;
 
height:20px;

}
#menubas div {text-align:center;}
#menubas div:hover {
				font-size:13px;
			 	padding:0px 4px;
				margin-left:2px; 
				height:18px;
				background:url(../images/fond-menu-over2.gif) repeat-x bottom left;
				

}
				
/*publiticé temporaite pour la crépuq */

#crepuq {
width : 280px;
height:80px;
border:1px gray solid;
/*background:url(https://www.uqac.ca/images/publicites/pub1272635638.jpg ) no-repeat top left; */
margin-top:10px;}

#crepuq a:link{ text-decoration : none;border:0;display:block; width:280px; height:80px;}
#crepuq a:active{ text-decoration : none;border:0;display:block; width:280px; height:80px;}
#crepuq a:hover{ text-decoration : none;border:0;display:block; width:280px; height:80px;}
#crepuq a:visited{ text-decoration : none;border:0;display:block; width:280px; height:80px;}

#crepuq span {visibility:hidden;}
#crepuq {display:none;}